Local talk introducing IndieWeb movement concepts to a local web-developer group of mixed experience. Ties in Community projects, some introductory resources, and signposts to resources to learn more. First given 2020-03-18
The document is a presentation about the IndieWeb given by Lewis Cowles. It introduces the IndieWeb as a people-focused alternative to the corporate web. It then covers topics like getting your own website, publishing content, using microformats, authenticating via services like IndieLogin, receiving and sending webmentions to interact with other IndieWeb users, and joining the IndieWeb community on Slack. The presentation provides examples and encourages participants to get involved in the IndieWeb.
XBlocks are small Python plugins that can be added to Open edX to provide interactive content beyond simple HTML. They allow for interaction with the platform and other XBlocks, storing user content and inputs, and easier content management. The presentation described several XBlocks developed at UPValencia including PDF, multitab, and Mathematica viewers as well as a Paella Player for dual video viewing. Source code and demos are available online under the GPL license.
Creating an Open Source Office: Lessons from TwitterChris Aniszczyk
The document discusses lessons learned from creating an open source office at Twitter. It describes how Twitter has been built on open source software since the beginning. It also discusses several important open source projects Twitter has created and contributed to, such as Bootstrap, Mesos, Twemcache, and Parquet. Some key lessons highlighted include choosing licenses diligently, collaborating with the community from the start of projects, and ensuring projects have owners if contributors leave the company. The talk emphasizes that community building is important for open source projects and that developer advocates are valuable for growing contributions.
Presentation MATE - Magento and TYPO3 Environment TCCD17Richard Haeser
This document discusses combining TYPO3 and Magento 2 content management systems. It describes the reasons for combining them, including customers needing rich ecommerce and content capabilities. It outlines plans to build an open source integration that leverages the strengths of each system and allows editing in both. Key aspects will include TYPO3 rendering Magento content and checkout pages from Magento. The integration will be developed as an open source project and funding options are discussed.
The document summarizes a presentation on web sockets given on May 19th 2011 in Toronto. The presentation covered an introduction to web sockets, opportunities they provide for design such as presence and real-time applications, opportunities for development like bypassing firewalls, and risks regarding things like browser adoption and security. It concluded by discussing lessons learned and potential applications from the presenting company like mobile game controllers and an open-source real-time collaboration app.
Drupal has built-in accessibility features that help it meet modern standards and user expectations. Its developers prioritize accessibility issues and work to codify best practices. Features like ARIA landmarks, semantic HTML5 markup, and form API improvements in Drupal 7 and 8 help ensure Drupal sites are accessible on different devices and browsers for all users. By addressing accessibility at the core code level and collaborating with other communities, Drupal aims to set an example and have broad influence on accessibility across the web.
WordCamp Milwaukee 2012 - Contributing to Open Sourcejclermont
The document discusses contributing to open source projects. There are both altruistic and selfish reasons to contribute including giving back to communities, improving one's own skills, and boosting one's resume. Contributions are not limited to code and include tasks like documentation, translation, testing, and reporting bugs. Getting started involves working on projects of personal interest, following coding standards, understanding communities, and communicating through mailing lists and forums. The document encourages beginning with small contributions and provides helpful links for getting involved in open source.
This document discusses various web development tools for debugging and inspecting code, including FireBug, Opera Dragonfly, IE Developer Tools, and Webkit Developer Tools. It also provides tips on using breakpoints to debug JavaScript code and references browser-specific developer tools guides. Several real-world web applications are listed as examples of AJAX and HTML5 implementations. HTML Tidy is introduced as a tool for cleaning up and fixing errors in HTML markup.
The document is a presentation about the IndieWeb given by Lewis Cowles. It introduces the IndieWeb as a people-focused alternative to the corporate web. It then covers topics like getting your own website, publishing content, using microformats, authenticating via services like IndieLogin, receiving and sending webmentions to interact with other IndieWeb users, and joining the IndieWeb community on Slack. The presentation provides examples and encourages participants to get involved in the IndieWeb.
XBlocks are small Python plugins that can be added to Open edX to provide interactive content beyond simple HTML. They allow for interaction with the platform and other XBlocks, storing user content and inputs, and easier content management. The presentation described several XBlocks developed at UPValencia including PDF, multitab, and Mathematica viewers as well as a Paella Player for dual video viewing. Source code and demos are available online under the GPL license.
Creating an Open Source Office: Lessons from TwitterChris Aniszczyk
The document discusses lessons learned from creating an open source office at Twitter. It describes how Twitter has been built on open source software since the beginning. It also discusses several important open source projects Twitter has created and contributed to, such as Bootstrap, Mesos, Twemcache, and Parquet. Some key lessons highlighted include choosing licenses diligently, collaborating with the community from the start of projects, and ensuring projects have owners if contributors leave the company. The talk emphasizes that community building is important for open source projects and that developer advocates are valuable for growing contributions.
Presentation MATE - Magento and TYPO3 Environment TCCD17Richard Haeser
This document discusses combining TYPO3 and Magento 2 content management systems. It describes the reasons for combining them, including customers needing rich ecommerce and content capabilities. It outlines plans to build an open source integration that leverages the strengths of each system and allows editing in both. Key aspects will include TYPO3 rendering Magento content and checkout pages from Magento. The integration will be developed as an open source project and funding options are discussed.
The document summarizes a presentation on web sockets given on May 19th 2011 in Toronto. The presentation covered an introduction to web sockets, opportunities they provide for design such as presence and real-time applications, opportunities for development like bypassing firewalls, and risks regarding things like browser adoption and security. It concluded by discussing lessons learned and potential applications from the presenting company like mobile game controllers and an open-source real-time collaboration app.
Drupal has built-in accessibility features that help it meet modern standards and user expectations. Its developers prioritize accessibility issues and work to codify best practices. Features like ARIA landmarks, semantic HTML5 markup, and form API improvements in Drupal 7 and 8 help ensure Drupal sites are accessible on different devices and browsers for all users. By addressing accessibility at the core code level and collaborating with other communities, Drupal aims to set an example and have broad influence on accessibility across the web.
WordCamp Milwaukee 2012 - Contributing to Open Sourcejclermont
The document discusses contributing to open source projects. There are both altruistic and selfish reasons to contribute including giving back to communities, improving one's own skills, and boosting one's resume. Contributions are not limited to code and include tasks like documentation, translation, testing, and reporting bugs. Getting started involves working on projects of personal interest, following coding standards, understanding communities, and communicating through mailing lists and forums. The document encourages beginning with small contributions and provides helpful links for getting involved in open source.
This document discusses various web development tools for debugging and inspecting code, including FireBug, Opera Dragonfly, IE Developer Tools, and Webkit Developer Tools. It also provides tips on using breakpoints to debug JavaScript code and references browser-specific developer tools guides. Several real-world web applications are listed as examples of AJAX and HTML5 implementations. HTML Tidy is introduced as a tool for cleaning up and fixing errors in HTML markup.
This presentation provides an overview of blogging with WordPress. It defines what a blog is and explains how it differs from a traditional website. Blogs allow for fresh, frequently updated content while websites typically have static pages. WordPress is then introduced as a blogging platform that combines the benefits of both, allowing users to build full-featured sites with blogs. Key features of WordPress like plugins, customization options, and an easy-to-use content management system are highlighted. The presentation concludes by encouraging attendees to start blogging on WordPress.com or WordPress.org to engage audiences and make an impact.
Slides from my presentation at CodeIgniter Conference 2010 in Bristol in August 2010.
What I talked about:
- Startups: methodologies & techniques
- CodeIgniter: applying what we’ve learned
- The future: how could things be better
Exploring Content API Options - March 23rd 2016Jani Tarvainen
Today the market is awash with options available for developers to consume content using the APIs. Some go as far as describing their offering as a CMS without the bad parts, where as some choose to provide content using a data centric API platform.
All of this while the classic Content Management System players are opening up their core via APIs and modernising their technical platforms. Is there a silver bullet for Content APIs? Let's find out!
Original presentation format available on Sway: https://sway.com/YIZfYDgcQyJwcmWI
This document provides an introduction to using WordPress to create student ePortfolios. It defines ePortfolios as selective online documents that showcase a student's academic development. WordPress is introduced as a flexible, open-source platform for building websites and ePortfolios. The document guides students through setting up a WordPress site for their ePortfolio, including choosing a URL, title, and privacy settings. It also provides tips on creating pages and posts, uploading media, using themes, and referencing sources. The goal is to help students structure their ePortfolio to showcase accomplishments, activities, and future goals.
If you’re a creative or technical professional, odds are you need a great portfolio website. What makes a good portfolio? What if you’re a writer, or a developer, and don’t have a lot of visual work to show? We’ll go over how to navigate the intimidating world of personal portfolio websites, using WordPress as our guide.
This document provides instructions for setting up accounts and customizing dashboards on several web 2.0 tools including Netvibes, Tweetdeck, and Diigo. It also lists additional web 2.0 tools and resources for teachers such as Tagxedo, Glogster, Grouply, and Slideshare. The tools allow users to aggregate RSS feeds, organize social bookmarks, create digital posters and online class pages, and share presentations. The document encourages exploring the educational features of these free web-based applications.
WordPress is a free and open-source content management system that allows users to build websites and blogs. It has thousands of plugins and templates that make it highly customizable. Many famous websites, blogs, and companies use WordPress due to its ease of use, SEO advantages, and large community support. Installing WordPress only requires downloading the files, setting up a database, and running the installation, allowing anyone to create a website or blog with WordPress.
USG Rock Eagle 2017 - PWP at 1000 DaysEric Sembrat
This document provides an overview of the WordPress Professional Web Presence (PWP) platform at Georgia Tech. PWP was created to address issues with resource repetition and security across the many decentralized websites at Georgia Tech. It utilizes a WordPress multisite installation to share plugins, themes, and other resources across 700 hosted websites. Some key facts are that PWP serves over 1,400 user accounts, maintains 1 theme and 7 plugins, and blocks over 22,000 attacks per month. The document discusses the development and growth of PWP over its first 1000 days of operation.
Off-page SEO refers to SEO tactics applied outside a website, such as link building, social media marketing, and more. It plays a major role in rankings. This document outlines various off-page SEO techniques including search engine submission, free classified submission, image submission, PDF/PPT submission, directory submission, social bookmarking, forum posting, guest posting, Q&A submission, and video submission. It provides examples and instructions for implementing each technique.
WordPress offers 10 main reasons for using it to build a website: 1) It allows getting a site up fast through easy installation and content creation. 2) It is free or low-cost for hosting and templates. 3) It allows non-technical users to easily update and manage content themselves. 4) It is search-engine friendly out of the box. 5) It can be used to easily start and run a blog. 6) Users own the code and content which is portable. 7) It offers basic taxonomy capabilities like categories and tags. 8) It allows expanding the site over time through thousands of free plugins. 9) It provides basic workflow and user role management. 10) It taps into a large,
WordPress offers 10 main reasons for using it to build a website: 1) It allows getting a site up fast through easy installation and content creation. 2) It is free or low-cost for hosting and templates. 3) It allows non-technical users to easily update and manage content themselves. 4) It is search-engine friendly out of the box. 5) It can be used to easily start and run a blog. 6) Users own the code and content which is portable. 7) It offers basic taxonomy capabilities like categories and tags. 8) It allows expanding the site over time through thousands of free plugins. 9) It provides basic workflow and user role management. 10) It taps into a large,
This document provides an introduction to HTML5 and discusses transitioning from older standards like HTML 4.01 and XHTML to HTML5. It begins with recapping key aspects of HTML 4.01 like document structure and valid doctype declarations. It then explains what XHTML is and how it differs slightly from HTML 4.01 in terms of proper nesting and closing of elements. The document introduces HTML5 and lists some of its new semantic elements for organizing page content. It notes that HTML5 is an ongoing evolution of standards rather than a complete replacement. The document encourages testing pages in multiple browsers and on different devices to ensure compatibility. It concludes with exercises, like updating a sample page to HTML5 standards and validating the code.
WordPress is an open source content management system (CMS) powered by PHP and MySQL that is used to build blogs and websites. There are currently over 55 million WordPress sites worldwide. WordPress allows high levels of customization through themes and over 21,000 plugins. Key performance indicators show that over 341 million people view more than 2.5 billion WordPress pages per month. WordPress manages over 22% of new websites and is used by many large businesses like CNN, The New York Times, and eBay to power their sites.
Presentation given at ASTD TechKnowledge 2010. Covers open education, social media, and tools and technologies used to facilitate open education and new media.
This document provides information about a national workshop on web interfaces and web applications organized by the Human and Rural Development Society in collaboration with several other organizations. The workshop will be held at the Institute of Modern Sciences and Arts in Hyderabad, India and will be led by master trainer Engr. Liaquat Ali Rahoo. The workshop materials will cover topics related to web technologies, interfaces, and applications.
Drupal Step-by-Step: Building a Drupal Site with Acquia Cloud Site FactoryAcquia
This document provides an overview of Acquia Cloud Site Factory, which allows users to quickly launch Drupal sites, customize site templates, and centrally administer multiple sites. It discusses how Site Factory enables central user and site management. Site builders can use features, modules, and tools like Views to add content and media, customize layouts and designs, and create flexible content displays without code. The document promotes an online course for learning Site Factory techniques.
The document provides an overview of social media and various social media tools for collaboration. It defines social media and discusses the differences between Web 1.0 and Web 2.0. It then outlines several popular social media tools, including blogs, microblogs, collaborative platforms, social bookmarking, and tips for using social media effectively. Additional online resources are also listed.
This document introduces WordPress, including its history as a blogging platform started in 2003. Key statistics are provided about WordPress' popularity, with over 26% of websites using it and it having 59% market share. Reasons for using WordPress include that it is free, open source, has a large community and plugin/theme library, and is easy to use. WordPress is comprised of an engine (WordPress itself), themes to change the design, and plugins to add extensions. The document discusses how WordPress can be used for blogs, business sites, portfolios, and more. It also notes that both developers and non-developers can use WordPress.
This document provides an introduction to full stack web development. It begins by defining frontend and backend development, noting that full stack developers work with both. It then covers HTML, the backbone of webpages, and CSS, which adds style. Next it introduces JavaScript for interactivity. The document discusses frameworks like React and libraries like jQuery. It also covers version control with Git and code hosting on GitHub. Resources like Codecademy and freeCodeCamp are recommended for learning. Checkpoints encourage practicing skills by building projects.
WordPress & Other Content Management SystemsEmily Lewis
"InfoByte" presentation for the University of New Mexico's Continuing Education program. Includes a high-level survey of several CMSes, including WordPress, ExpressionEngine, Plone, Drupal, Joomla and MojoMotor. Also includes a discussion about choosing a CMS.
HijackLoader Evolution: Interactive Process HollowingDonato Onofri
CrowdStrike researchers have identified a HijackLoader (aka IDAT Loader) sample that employs sophisticated evasion techniques to enhance the complexity of the threat. HijackLoader, an increasingly popular tool among adversaries for deploying additional payloads and tooling, continues to evolve as its developers experiment and enhance its capabilities.
In their analysis of a recent HijackLoader sample, CrowdStrike researchers discovered new techniques designed to increase the defense evasion capabilities of the loader. The malware developer used a standard process hollowing technique coupled with an additional trigger that was activated by the parent process writing to a pipe. This new approach, called "Interactive Process Hollowing", has the potential to make defense evasion stealthier.
This presentation provides an overview of blogging with WordPress. It defines what a blog is and explains how it differs from a traditional website. Blogs allow for fresh, frequently updated content while websites typically have static pages. WordPress is then introduced as a blogging platform that combines the benefits of both, allowing users to build full-featured sites with blogs. Key features of WordPress like plugins, customization options, and an easy-to-use content management system are highlighted. The presentation concludes by encouraging attendees to start blogging on WordPress.com or WordPress.org to engage audiences and make an impact.
Slides from my presentation at CodeIgniter Conference 2010 in Bristol in August 2010.
What I talked about:
- Startups: methodologies & techniques
- CodeIgniter: applying what we’ve learned
- The future: how could things be better
Exploring Content API Options - March 23rd 2016Jani Tarvainen
Today the market is awash with options available for developers to consume content using the APIs. Some go as far as describing their offering as a CMS without the bad parts, where as some choose to provide content using a data centric API platform.
All of this while the classic Content Management System players are opening up their core via APIs and modernising their technical platforms. Is there a silver bullet for Content APIs? Let's find out!
Original presentation format available on Sway: https://sway.com/YIZfYDgcQyJwcmWI
This document provides an introduction to using WordPress to create student ePortfolios. It defines ePortfolios as selective online documents that showcase a student's academic development. WordPress is introduced as a flexible, open-source platform for building websites and ePortfolios. The document guides students through setting up a WordPress site for their ePortfolio, including choosing a URL, title, and privacy settings. It also provides tips on creating pages and posts, uploading media, using themes, and referencing sources. The goal is to help students structure their ePortfolio to showcase accomplishments, activities, and future goals.
If you’re a creative or technical professional, odds are you need a great portfolio website. What makes a good portfolio? What if you’re a writer, or a developer, and don’t have a lot of visual work to show? We’ll go over how to navigate the intimidating world of personal portfolio websites, using WordPress as our guide.
This document provides instructions for setting up accounts and customizing dashboards on several web 2.0 tools including Netvibes, Tweetdeck, and Diigo. It also lists additional web 2.0 tools and resources for teachers such as Tagxedo, Glogster, Grouply, and Slideshare. The tools allow users to aggregate RSS feeds, organize social bookmarks, create digital posters and online class pages, and share presentations. The document encourages exploring the educational features of these free web-based applications.
WordPress is a free and open-source content management system that allows users to build websites and blogs. It has thousands of plugins and templates that make it highly customizable. Many famous websites, blogs, and companies use WordPress due to its ease of use, SEO advantages, and large community support. Installing WordPress only requires downloading the files, setting up a database, and running the installation, allowing anyone to create a website or blog with WordPress.
USG Rock Eagle 2017 - PWP at 1000 DaysEric Sembrat
This document provides an overview of the WordPress Professional Web Presence (PWP) platform at Georgia Tech. PWP was created to address issues with resource repetition and security across the many decentralized websites at Georgia Tech. It utilizes a WordPress multisite installation to share plugins, themes, and other resources across 700 hosted websites. Some key facts are that PWP serves over 1,400 user accounts, maintains 1 theme and 7 plugins, and blocks over 22,000 attacks per month. The document discusses the development and growth of PWP over its first 1000 days of operation.
Off-page SEO refers to SEO tactics applied outside a website, such as link building, social media marketing, and more. It plays a major role in rankings. This document outlines various off-page SEO techniques including search engine submission, free classified submission, image submission, PDF/PPT submission, directory submission, social bookmarking, forum posting, guest posting, Q&A submission, and video submission. It provides examples and instructions for implementing each technique.
WordPress offers 10 main reasons for using it to build a website: 1) It allows getting a site up fast through easy installation and content creation. 2) It is free or low-cost for hosting and templates. 3) It allows non-technical users to easily update and manage content themselves. 4) It is search-engine friendly out of the box. 5) It can be used to easily start and run a blog. 6) Users own the code and content which is portable. 7) It offers basic taxonomy capabilities like categories and tags. 8) It allows expanding the site over time through thousands of free plugins. 9) It provides basic workflow and user role management. 10) It taps into a large,
WordPress offers 10 main reasons for using it to build a website: 1) It allows getting a site up fast through easy installation and content creation. 2) It is free or low-cost for hosting and templates. 3) It allows non-technical users to easily update and manage content themselves. 4) It is search-engine friendly out of the box. 5) It can be used to easily start and run a blog. 6) Users own the code and content which is portable. 7) It offers basic taxonomy capabilities like categories and tags. 8) It allows expanding the site over time through thousands of free plugins. 9) It provides basic workflow and user role management. 10) It taps into a large,
This document provides an introduction to HTML5 and discusses transitioning from older standards like HTML 4.01 and XHTML to HTML5. It begins with recapping key aspects of HTML 4.01 like document structure and valid doctype declarations. It then explains what XHTML is and how it differs slightly from HTML 4.01 in terms of proper nesting and closing of elements. The document introduces HTML5 and lists some of its new semantic elements for organizing page content. It notes that HTML5 is an ongoing evolution of standards rather than a complete replacement. The document encourages testing pages in multiple browsers and on different devices to ensure compatibility. It concludes with exercises, like updating a sample page to HTML5 standards and validating the code.
WordPress is an open source content management system (CMS) powered by PHP and MySQL that is used to build blogs and websites. There are currently over 55 million WordPress sites worldwide. WordPress allows high levels of customization through themes and over 21,000 plugins. Key performance indicators show that over 341 million people view more than 2.5 billion WordPress pages per month. WordPress manages over 22% of new websites and is used by many large businesses like CNN, The New York Times, and eBay to power their sites.
Presentation given at ASTD TechKnowledge 2010. Covers open education, social media, and tools and technologies used to facilitate open education and new media.
This document provides information about a national workshop on web interfaces and web applications organized by the Human and Rural Development Society in collaboration with several other organizations. The workshop will be held at the Institute of Modern Sciences and Arts in Hyderabad, India and will be led by master trainer Engr. Liaquat Ali Rahoo. The workshop materials will cover topics related to web technologies, interfaces, and applications.
Drupal Step-by-Step: Building a Drupal Site with Acquia Cloud Site FactoryAcquia
This document provides an overview of Acquia Cloud Site Factory, which allows users to quickly launch Drupal sites, customize site templates, and centrally administer multiple sites. It discusses how Site Factory enables central user and site management. Site builders can use features, modules, and tools like Views to add content and media, customize layouts and designs, and create flexible content displays without code. The document promotes an online course for learning Site Factory techniques.
The document provides an overview of social media and various social media tools for collaboration. It defines social media and discusses the differences between Web 1.0 and Web 2.0. It then outlines several popular social media tools, including blogs, microblogs, collaborative platforms, social bookmarking, and tips for using social media effectively. Additional online resources are also listed.
This document introduces WordPress, including its history as a blogging platform started in 2003. Key statistics are provided about WordPress' popularity, with over 26% of websites using it and it having 59% market share. Reasons for using WordPress include that it is free, open source, has a large community and plugin/theme library, and is easy to use. WordPress is comprised of an engine (WordPress itself), themes to change the design, and plugins to add extensions. The document discusses how WordPress can be used for blogs, business sites, portfolios, and more. It also notes that both developers and non-developers can use WordPress.
This document provides an introduction to full stack web development. It begins by defining frontend and backend development, noting that full stack developers work with both. It then covers HTML, the backbone of webpages, and CSS, which adds style. Next it introduces JavaScript for interactivity. The document discusses frameworks like React and libraries like jQuery. It also covers version control with Git and code hosting on GitHub. Resources like Codecademy and freeCodeCamp are recommended for learning. Checkpoints encourage practicing skills by building projects.
WordPress & Other Content Management SystemsEmily Lewis
"InfoByte" presentation for the University of New Mexico's Continuing Education program. Includes a high-level survey of several CMSes, including WordPress, ExpressionEngine, Plone, Drupal, Joomla and MojoMotor. Also includes a discussion about choosing a CMS.
HijackLoader Evolution: Interactive Process HollowingDonato Onofri
CrowdStrike researchers have identified a HijackLoader (aka IDAT Loader) sample that employs sophisticated evasion techniques to enhance the complexity of the threat. HijackLoader, an increasingly popular tool among adversaries for deploying additional payloads and tooling, continues to evolve as its developers experiment and enhance its capabilities.
In their analysis of a recent HijackLoader sample, CrowdStrike researchers discovered new techniques designed to increase the defense evasion capabilities of the loader. The malware developer used a standard process hollowing technique coupled with an additional trigger that was activated by the parent process writing to a pipe. This new approach, called "Interactive Process Hollowing", has the potential to make defense evasion stealthier.
Ready to Unlock the Power of Blockchain!Toptal Tech
Imagine a world where data flows freely, yet remains secure. A world where trust is built into the fabric of every transaction. This is the promise of blockchain, a revolutionary technology poised to reshape our digital landscape.
Toptal Tech is at the forefront of this innovation, connecting you with the brightest minds in blockchain development. Together, we can unlock the potential of this transformative technology, building a future of transparency, security, and endless possibilities.
Discover the benefits of outsourcing SEO to Indiadavidjhones387
"Discover the benefits of outsourcing SEO to India! From cost-effective services and expert professionals to round-the-clock work advantages, learn how your business can achieve digital success with Indian SEO solutions.
2. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
I have 17 years professional development experience.
I am interested in the creativity and engineering of others.
I am concerned about, and hostile towards surveillance capitalism.
I am paranoid about frameworks and platforms, but respect standards and openness.
I’ve been exploring IndieWeb as a personal interest.
N.B. I have not received authorization or endorsement of the information or views expressed
from the IndieWeb community. I’ve tried to keep this Lewis opinion free. I Do hope that it
meets with their approval, and I am willing to amend or iterate on it at their request.
3. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
Let’s get introduced:
● Your name
● Your role or desired role
● What are you working on / with / learning at the moment?
6. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
● Defining IndieWeb
● Getting your own website
● Silos
● Choosing what you’d like to publish
● Using MicroFormats to enhance that
● Using GitHub / Twitter to Auth via your site
● Setting up Webmentions to receive comments, likes, etc
● Sending Webmentions to others
● Displaying webmentions from others
N.B. This is My own (Lewis Cowles) Agenda, not the agenda of IndieWeb, it’s leadership or
community
9. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
● Collaborative effort, supporting most skill-levels
● Talented, friendly people
● Encouragement of broad technology surface & approach
● Establishment of standards and tooling from a core team of subject-experts
● No attempt made to upsell or force ideas
● Events and a Wiki
● A cool, powerful chat-bot Loqi
● Lots of examples and inspiration
● Supportive ethos
11. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
● Multiple providers with managed, self-hosted & shared-hosting
● Choose a plan that fits your skill-set and interest level
● Make sure your provider supports the type(s) of content you plan to publish
● Familiarise yourself with their documentation, and related resources
I Chose self-hosted, but I’ve been through the mill from my own custom CMS projects
to popular platforms such as WordPress, and then onto Jekyll. I’m currently publishing
static HTML manually in a “manual until it hurts” mindset as it gives me the most
technical control, which is something I enjoy.
13. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
Who Remembers MySpace?
Within IndieWeb all third-party
service-providers are referred to as Silo’s
In exchange for some content-creation tools
and free hosting; they make YOU the product
they sell.
What is a Silo?
14. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
POSSE: Publish [on your] Own Site, Syndicate
Elsewhere
Some approaches to cross-posting
PESOS: Publish Elsewhere, Syndicate [on
your] Own Site
https://indieweb.org/cross-posting
16. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
● Usually found in settings
● Try to pressure sites to offer rel=“me”
● Check using https://indiewebify.me/
● Ensure you are matching protocol, www and
path
○ http or https. pick one
○ with www or without. pick one
○ unless you plan on making a page per-silo, try to
settle on with / or without
17. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
● Micro-blogs like twitter & Facebook
● Locations like foursquare
● Article form blog posts, tips & tutorials
● Code snippets
● Links, mentions & interactions
● Photos
● Videos
● Audio
● Reviews
● Authorship information
18. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
(This is the most minimal example)
https://indiewebify.me/
https://indieweb.org/authorship
19. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
● Basic non-comprehensive example
● Each article has a class h-entry
● Using HTML <time> to markup
original publish date
● Each link doubles
○ as a name
○ as a url
● Specific tags used, other than
anchors are not important, but
rather my personal choice.
https://indieweb.org/microformats
http://microformats.org/
<!-- ... -->
<article class="h-entry">
<time class="post-date dt-published"
datetime="2020-02-16">
<span class="year">2020</span>-<span
class="month">02</span>-<span
class="day">16</span>
</time>
<a class="u-url p-name"
href="/blog/the-meanings-of-words/"
>The meanings of words</a>
</article>
<!-- ... -->
<article class="h-entry">
<time class="post-date dt-published"
datetime="2020-03-17">
<span class="year">2020</span>-<span
class="month">03</span>-<span
class="day">17</span>
</time>
<a class="u-url p-name"
href="/blog/keep-on-keeping-on/"
>Keep on keeping on</a></h1>
</article>
<!-- ... -->
20. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
Using Silo’s to verify / attest to ownership
Standards have been created by members of
the indieweb community
Most use existing
technologies, such as
oauth
Using Silos to auth via your website
I use a service called
IndieLogin to be able to
publish to my site, which
works with Static HTML
26. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
Interactions with others Independent
websites using shared specifications for
common interactions
Comment💬
Webmentions
Like❤
RSVP📆
Bookmark🌟
27. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
(This is a minimal example)
https://indiewebify.me/ - test
https://www.w3.org/TR/webmention/ - spec
https://webmention.io/ - register
28. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
● Basic non-comprehensive example
● Within an element with class h-entry
● Providing a like and a comment
○ class=“u-like-of”
○ class=“p-summary”
● Specific tags used, other than
anchors are not important, but
rather my personal choice.
<!-- ... -->
<main>
<article class="h-entry">
<a class="u-like-of"
href="https://cheuk.dev/2020/03/15/indie-webm
ention/"
rel="nofollow"
>Check out Cheuk awesome post</a>
<time class="post-date dt-published"
datetime="2020-03-15">
<span class="year">2020</span>-<span
class="month">03</span>-<span
class="day">15</span>
</time>
<p class="p-summary">
Hi Cheuk. Welcome to WebMentions
</p>
</article>
</main>
<!-- ... -->
29. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
(This is a minimal example)
https://indiewebify.me/ - test the site you’re mentioning supports
https://www.w3.org/TR/webmention/ - spec
https://webmention.io/ - register your site
30. www.lewiscowles.co.uk • Techlete Ltd • @phpessex
(This is a minimal multi-domain example)
https://github.com/PlaidWeb/webmention.js