Web Design:
CSS: When to use Flexbox, when to use Grid
Learn when to use CSS Flexbox vs. Grid, with examples for each. Understand their technical differences and how to combine them for modern, responsive web design.
Web development
Collection of publications tagged with web development.
Web Design:
CSS: nth-child cheat sheet
The nth-child cheat sheet explains how the CSS :nth-child() pseudo-class targets elements based on their order within a parent, supporting patterns, formulas, and specificity.
Web Design:
CSS selectors & combinators cheat sheet
Cheat sheet for Cascading Style Sheets (CSS) selectors and combinators. Includes specificity score. Many examples of simple, compound and complex selectors.
Insert Quotation Marks Automatically:
Displaying quotes before and after quotes using CSS
Learn how to use the CSS quotes property to display quotation marks automatically or with custom string values with HTML elements like blockquote and q.
Browser Customization:
Firefox configurations for deb developers
The article provides recommended Firefox settings adjustments for enhanced user-experience, privacy, and performance, suitable for both developers and general users.
Markdown Syntax:
How to add a code block to a markdown list
Markdown code blocks in lists explained. Learn about proper indentation, correct use of triple backticks, and attention to renderer-specific quirks. Many code examples.
HTML Email Links:
How to add a subject to an email mailto link
Learn how to add subject, CC, BCC, and body fields to an email mailto link, format additional parameters, and encode special characters properly according to RFC 3986.
Markdown Syntax:
How to add empty spaces in markdown
Different methods to add multiple white space characters in Markdown documents. Examples and outputs for each method. HTML entities, invisible characters.
Monetarization:
How to add AdSense Code in Google Tag Manager
Step by step instructions for implementing Google AdSense Code into a Google Tag Manager (GTM) container and fire it on page view.
Liquid Syntax:
How to escape Liquid tags
Learn how to escape Liquid tags using `{% raw %}...{% endraw %}`, string interpolation, HTML entities, or `render_with_liquid: false` in Jekyll to display them as text instead of executing them.
Web Standards:
How to insert spaces in HTML
Learn how to insert empty spaces in HTML using entities, `pre`, `code`, CSS properties `word-spacing` and `letter-spacing`, CSS inline styles, and JavaScript solutions.
Jekyll Installation Guide:
Install Jekyll on Arch Linux
Jekyll on Arch Linux - Beginner friendly guide on how to install Jekyll - the static site generator - on Arch Linux using the Bash shell, RubyGems and Bundler.
Hypertext Transfer Protocol:
How to read HTTP response headers
HTTP headers provide metadata about web requests and responses. Learn how to view HTTP headers using browsers, local command-line utilities, and online services.
Best Practice:
How to redirect users on the Web
Learn how to redirect users of web pages, to ensure users reach the correct content when a web page is moved or renamed. Improve user experience and avoid common mistakes.
Liquid Syntax:
Liquid: Test for empty variables
Learn how to test for empty variables in Liquid, including `blank`, `empty`, `undefined`, and `null`, with a complete test approach to handling missing data.
Web Standards:
HTML void elements
The concept of void elements in HTML and how they differ from self-closing tags in XML, XHTML, and SVG. Highlighting, syntax, and parsing differences.
Internet Standards:
HTTP status codes list
List of all Hypertext Transfer Protocol (HTTP) response status codes, the standardized, three-digit messages from servers indicating the outcome of client requests.
Privacy on the Web:
Introduction to Referrer Policy
Learn what the Referrer Policy is, why it matters for privacy, and how you can control it using simple directives to stay compliant and protect user data.
Web Security:
Introduction to Subresource Integrity (SRI)
Subresource Integrity (SRI) secures websites by validating external resources with cryptographic hashes. Learn how to implement SRI to protect users from tampered resources for their security.
Web Development:
Introduction to Arrays in JavaScript
Introdution to arrays in JavaScript, covering their basic syntax, accessing elements, modifying elements, getting the length, and various array methods.
JavaScript Data Types:
Introduction to JavaScript booleans
Learn about JavaScript booleans, how they work, coercion rules, and how different values behave in boolean contexts. Many examples and explanations included.
URI Validation:
JavaScript RegExp URL slug validation
JavaScript RegExp examples to validate URI paths, also known as URL slugs. Code examples to match lowercase characters, hyphens and numbers.
Web Development:
Introduction to variables in JavaScript
Introdution to variables in JavaScript using let and const and the differences between them and var. Naming conventions, best practices, data types.
Liquid Syntax:
Liquid cheat sheet
A comprehensive Liquid cheat sheet covering syntax, filters, tags, and best practices for dynamic web content and e-commerce - Shopify - development.
Formatting Dates and Times in Liquid:
Liquid time and date filters
Learn how to use Liquid filters to format dates and times, including date formatting, the time_tag filter, datetime parameter, and HTML time tag examples.
List Styles:
Ordered lists in HTML
Learn about ordered lists (ol) in HTML and how to customize their numbering styles using the type attribute, including numbers, letters, and Roman numerals.
Responsive Web Design:
How to create a responsive table with 100% width
Learn multiple methods to create fully responsive tables with 100% width using CSS and HTML only, including practical code examples for flexible and overflow-based solutions.
Responsive Web Design:
Responsive images in HTML and CSS
Learn how to implement responsive images using HTML and CSS techniques: HTML picture element, img element with srcset, sizes, CSS media queries, image-set, and container queries.
Web Crawlers:
Robots.txt template - allowlist
Simple robots.txt template. Allow lists legitimate user-agents / bots. Keeps unwanted robots out. Easily maintainable and immediately useful for most websites.
Linux Scripting:
Script to convert TTF/OTF fonts to WOFF2
Learn how to convert TrueType Font (TTF) and OpenType Font (OTF) files to Web Open Font Format 2 (WOFF2) using a simple shell script. Create your own web fonts.
Web Development:
How to set the start value of an ordered list in HTML
The start attribute in HTML sets the starting number for an ordered list (ol), allowing positive, zero, or negative values.
List Styles:
Unordered lists in HTML
Learn about unordered lists (ul) in HTML and how to style them using the `list-style-type` property in CSS. Explore different list markers like disc, circle, square, and none.
Web Development:
Web development validation and testing tools
Online validation and testing tools for web developers. Learn which tools you need to validate HTML, CSS, JavaScript, security, and accessibility (a11y) in your web projects.
Random Quote
“Did we imagine that people would do bad things on the web? Absolutely.”
