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.
Browser Customization:
Firefox Configurations for Web 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.
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.
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.
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.
JSON Editing:
jq JSON processor recipes & command examples
Recipes and command examples for jq, a lightweight and flexible command-line JSON processor. Learn to delete and keep specific arrays and objects.
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.
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.
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.
Random Quote
“Good design comes from a deep understanding of the technologies behind the scenes.”
