Development (5)
Making the Web Developer’s Pilgrimage
Have you read the HTML specification? Have you marked highlights, taken notes, and reviewed what you learned? Have you reported issues and made suggestions to the HTML working group, giving back and improving the standard? On our field’s “pilgrimage.”
Declaring Page Language—and Declaring Changes in Language
Popular screen readers don’t seem to pick up changes in language automatically. We may need a push on screen readers to improve detection of changes in language, and a shift of attention from declaration of page language to marking up changes in language.
Comparing Page Language Declaration Setups in Screen Readers
One best practice in web development is to declare the document language via the lang
attribute, on the html
start tag. That is useful, but also not the only option. How well are different setups supported in screen readers? A few data points.
Not Releasing Late on Fridays, a Matter of Courtesy
Why don’t we, in engineering departments, prefer not to release late on Fridays—or late on others days? Occasionally, developers and stakeholders believe that’s because of a lack of confidence in our code and our systems. The true reason is not that:—
HTML Concepts: Indicators for Layout Tables
You use tables for data, and therefore not for layout purposes (as was popular in the past). But how would you recognize a layout table? That’s what we’re looking at today in “HTML Concepts.”
5 Eleventy Tweaks That Make My Sites Better (and Maybe Yours)
Currently setting up my third site with Eleventy, I’ve run into a few things that proved useful. Here are five of them, including centrally defined layouts, title sorting, and easier hiding of posts.
One Favicon to Rule Them All
I think the situation around favicons sucks. For an HTML minimalist, the ideal world consists of this when it comes to defining a website or app icon: one image file—no code. This is the minimalist’s dream, and we aren’t there yet—or are we?
HTML Concepts: Constraint Validation
When a form element has attributes that define requirements for the element’s value, then these requirements—constraints—are being validated by the user agent. On the validation of constraints, validity states, and a link to CSS.
CSS: “:has()” and the Lost Paradigm
On the :has()
pseudo-class and the forgotten school of ID- and class-less development.
The 3-Second Frontend Developer Test
“Do you validate?” Be a frontend developer who ships valid HTML and CSS; hire frontend developers who ship valid HTML and CSS. End the time of unconditionally accepted sloppiness in professional frontend development.
Use the “i” Element, and Use It Appropriately
“Use em
instead of i
” is in the Top 25 of bad advice you can get in HTML development. The two elements have different meanings, the blunt rule ignores all context, and i
is a valid element with legitimate use cases.
Website Optimization Measures, Part XII
Content security policies. Promotions. Words. Tracking. Link types. Meta information. VG WORT. Social markup. Living the dream.
HTML Concepts: The “Nothing” Content Model
There’s a content model in HTML that contains—nothing. Details on what this means, and how it relates to “empty” or void elements.
Thoughts for the Aging Web Developer
There may come a time when you feel “too old” for web development. When you begin to feel that, here are a few thoughts. They might not be all you need but—maybe they are of use.
2021: 98% of the Top 100 U.S. Websites Use Invalid HTML
Is frontend development in the bad shape it’s said to be? Is it hyperbole when frontend developers are accused of poor quality work? When you look at the code of the most popular websites, the answer is clear.
Upgrade Your HTML III
If you care about HTML as a craft, if you consider yourself an HTML minimalist, if you believe in pushing for boundaries (and sometimes overdoing it), then this is a right book (and a right book series) for you—with 10 fresh examples from the field that get inspected and improved.
HTML Concepts: “Body-Ok”
“body-ok” relates to link type keywords, and denotes what link
elements are okay to be used in the document body.
Code in Quarantine
In the current paradigm, we often work with components and have a 1:1 relationship of HTML to CSS. This makes maintenance more predictable. However, it also pronounces the problem of rarely used code—which can be useful to put in quarantine.
33 Additional Web Development Terms You May Not Have Heard Of
As you know, Web Development has its own, special vocabulary that easily consists of several thousand terms. Do you like to try your knowledge again, on how many of the following 33 terms you know?
HTML: The 16 Content Categories and Their Elements
HTML puts elements into content categories. This article serves as a boring, brief, but updated overview over the broad and overlapping categories of HTML, and which elements fall into them.
In Critical Defense of Frontend Development
The field of frontend development is in another crisis, largely due to an incomplete, misinterpreted definition and a bizarre mess created by “web development as a commodity” and “web development as software development.” How frontend development is more than development, and what we can (and should) do.
Ignore AMP
In 2018, my recommendation was to avoid AMP, to use AMP for the most relevant pages, or to use AMP only. In 2020 my recommendation is to ignore it, because AMP largely appears meaningless now. Upgrade Your HTML II gives an opinionated idea why.
Website Optimization Measures, Part XI
Welcome to another round-up of possible website improvements, this time going from several types of link updates to table of contents CSS upgrades to CDN integration and privacy policy checks.
Notes on HTML 3.2
Would it still be useful to read the HTML 3.2 specification—from 1997? A few observations.
Upgrade Your HTML II
If you care about HTML as a craft, if you consider yourself an HTML minimalist, if you believe in pushing for boundaries (and sometimes overdoing it), then this is a right book (and a right book series) for you—with 10 new examples from the field that get inspected and improved.
Categories
- Adventure (29)
- Design (67)
- Development (369)
- Everything Else (149)
- Management (28)
- Philosophy (69)
Archives
By Year
By Month
- Nov 2024 (7)
- Oct 2024 (9)
- Sep 2024 (10)
- Aug 2024 (10)
- Jul 2024 (4)
- Jun 2024 (6)
- May 2024 (6)
- Apr 2024 (2)
- Mar 2024 (6)
- Feb 2024 (4)
- Jan 2024 (5)
- Dec 2023 (4)
- Nov 2023 (5)
- Oct 2023 (5)
- Sep 2023 (5)
- Aug 2023 (3)
- Jul 2023 (4)
- Jun 2023 (3)
- May 2023 (3)
- Apr 2023 (4)
- Mar 2023 (2)
- Feb 2023 (4)
- Jan 2023 (2)
- Dec 2022 (4)
- Nov 2022 (5)
- Oct 2022 (5)
- Sep 2022 (3)
- Aug 2022 (2)
- Jul 2022 (2)
- Jun 2022 (2)
- May 2022 (4)
- Apr 2022 (5)
- Mar 2022 (3)
- Feb 2022 (1)
- Jan 2022 (3)
- Dec 2021 (2)
- Nov 2021 (2)
- Oct 2021 (2)
- Sep 2021 (4)
- Aug 2021 (2)
- Jul 2021 (3)
- Jun 2021 (4)
- May 2021 (6)
- Mar 2021 (2)
- Feb 2021 (2)
- Jan 2021 (4)
- Dec 2020 (3)
- Nov 2020 (2)
- Oct 2020 (2)
- Sep 2020 (2)
- Aug 2020 (2)
- Jul 2020 (1)
- Jun 2020 (2)
- May 2020 (2)
- Apr 2020 (3)
- Mar 2020 (2)
- Feb 2020 (2)
- Jan 2020 (4)
- Dec 2019 (5)
- Nov 2019 (3)
- Oct 2019 (2)
- Sep 2019 (2)
- Aug 2019 (2)
- Jul 2019 (2)
- Jun 2019 (2)
- May 2019 (3)
- Apr 2019 (4)
- Mar 2019 (4)
- Jan 2019 (2)
- Dec 2018 (3)
- Nov 2018 (3)
- Oct 2018 (3)
- Sep 2018 (1)
- Aug 2018 (2)
- Jul 2018 (1)
- Jun 2018 (2)
- May 2018 (1)
- Apr 2018 (1)
- Mar 2018 (1)
- Feb 2018 (3)
- Jan 2018 (6)
- Dec 2017 (6)
- Nov 2017 (4)
- Oct 2017 (6)
- Sep 2017 (7)
- Aug 2017 (8)
- Jul 2017 (4)
- Jun 2017 (7)
- May 2017 (2)
- Apr 2017 (3)
- Mar 2017 (3)
- Feb 2017 (5)
- Jan 2017 (6)
- Dec 2016 (3)
- Nov 2016 (6)
- Oct 2016 (1)
- Sep 2016 (2)
- Aug 2016 (5)
- Jul 2016 (6)
- Jun 2016 (3)
- May 2016 (1)
- Apr 2016 (2)
- Mar 2016 (2)
- Feb 2016 (2)
- Jan 2016 (4)
- Dec 2015 (1)
- Nov 2015 (4)
- Oct 2015 (4)
- Sep 2015 (5)
- Aug 2015 (6)
- Jul 2015 (2)
- Jun 2015 (2)
- May 2015 (4)
- Apr 2015 (4)
- Mar 2015 (8)
- Feb 2015 (3)
- Jan 2015 (5)
- Dec 2014 (7)
- Nov 2014 (1)
- Oct 2014 (3)
- Sep 2014 (6)
- Aug 2014 (2)
- Jul 2014 (5)
- Jun 2014 (1)
- Apr 2014 (3)
- Mar 2014 (1)
- Feb 2014 (4)
- Jan 2014 (2)
- Dec 2013 (6)
- Nov 2013 (1)
- Oct 2013 (4)
- Sep 2013 (2)
- Aug 2013 (5)
- Jul 2013 (1)
- Jan 2013 (1)
- Dec 2012 (2)
- Nov 2012 (1)
- Apr 2012 (1)
- Feb 2012 (1)
- Jan 2012 (2)
- Dec 2011 (1)
- Oct 2011 (1)
- Jun 2011 (2)
- May 2011 (2)
- Apr 2011 (1)
- Feb 2011 (1)
- Dec 2010 (3)
- Oct 2010 (1)
- Sep 2010 (1)
- Jul 2010 (1)
- Jun 2010 (1)
- May 2010 (1)
- Mar 2010 (1)
- Feb 2010 (2)
- Jan 2010 (1)
- Dec 2009 (1)
- Nov 2009 (2)
- Oct 2009 (4)
- Sep 2009 (2)
- Aug 2009 (2)
- Jul 2009 (3)
- Jun 2009 (4)
- May 2009 (2)
- Apr 2009 (2)
- Mar 2009 (6)
- Feb 2009 (3)
- Jan 2009 (3)
- Dec 2008 (4)
- Nov 2008 (6)
- Oct 2008 (7)
- Sep 2008 (3)
- Aug 2008 (4)
- Jul 2008 (4)
- Jun 2008 (5)
- May 2008 (5)
- Apr 2008 (2)
- Mar 2008 (6)
- Feb 2008 (5)
- Nov 2007 (3)
- Oct 2007 (1)
- Sep 2007 (4)
- Aug 2007 (2)
- Jul 2007 (2)
- Jun 2007 (6)
- May 2007 (4)
- Apr 2007 (3)
- Mar 2007 (6)
- Feb 2007 (5)
- Jan 2007 (6)
Friend of optimized HTML? Try Upgrade Your HTML (2019–2024). Good HTML isn’t easy. Minimal HTML is underrated. Production HTML can often be improved. This series does so. Available at Amazon, Apple Books, Kobo, Google Play Books, and Leanpub.
Get a good look at web development? Try WebGlossary.info—and The Web Development Glossary 3K. With explanations and definitions for thousands of terms of web development, web design, and related fields, building on Wikipedia as well as MDN Web Docs. Available at Apple Books, Kobo, Google Play Books, and Leanpub.