Hacker News
Command-line XML and HTML beautifier and content extractor - sibprogrammer/xq
html
6 Cool Things Boring Old HTML Can Do ?
Ever wondered does HTML always have to be boring? No way! Here are 6 cool things you can do with HTML...
7 Cool HTML Elements Nobody Uses
Were you left in tears while searching for cool HTML elements? Don’t worry! This article contains 7 elements to up your Coolness…
GIFs Without the .gif: The Most Performant Image and Video Options Right No
So you want an auto-playing looping video without sound? In popular vernacular this is the very meaning of the word GIF. The word has stuck around but the
What Are Canonical Tags?
What are canonical tags and why are they important? Read our simple guide to learn how to apply rel=canonical to your pages.
TIL: You Can Access A User's Camera with Just HTML
The HTML capture attribute is interesting because it allows you to activate a user's camera with just HTML. This article covers it in more depth.
Kits | Foundation 6
vs. : How To Choose The Right One — Smashing Magazine
In this article, Olushuyi explores a mental model that helps you decide between the `` and `` elements when writing documents. You will explore how grouping content affects accessibility and how you can make it all count for users.
The Magical Use of Uncommon Labels Fieldset and Legend
How to use Fieldset and Legend to create an amazing border effect.
Perfect CTA Placement: Above-The-Fold Vs. Below-The-Fold
Should You Place a CTA Above the Fold? Experts in the design and digital marketing world have frequently claimed that if you want to get the best results with a CTA , you need to place it above the fold. Just look at this landing page from Lyft, for instance, you immediately see…
The importance of Headings element for an accessible page
The use of correct headings within your HTML pages is vital for visually impaired users. This article explains how to use them correctly.
Write HTML Right
Even with a lot of help from a good text editor, writing HTML can be a drag. Nice documents end up as tag-swamps with little bits of content perched atop hills of tabs. Editing them becomes a test of patience and we get sick at the thought of having to look at our once-loved…
Amazing Resources for Web Developers
Found amazing resources which will save you tons of time as a web developer👇 1. 10015...
html-css-google-keep-complete - CodeSandbox
html-css-google-keep-complete by akhilboddu using parcel-bundler
Smashing Newsletter
Why Japanese Web Design Is So… Different
Responsive Images - A Reference Guide from A to Z
Chapter 1 - What is responsive images? In this guide, we will learn everything related to...
Front-End Performance Checklist 2021 (PDF, Apple Pages, MS Word) — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist, with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.
Better Link Labels: 4Ss for Encouraging Clicks
Specific link text sets sincere expectations and fulfills them, and is substantial enough to stand alone while remaining succinct.
Front-End Performance Checklist 2021 (PDF, Apple Pages, MS Word) — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist, with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
A guide for front-end developers to equip themselves with latest learning resources and development tools in front-end engineering.
Front-End Developer Handbook 2018 - Learn the entire JavaScript, CSS and HTML development practice!
A guide for front-end developers to equip themselves with latest learning resources and development tools in front-end engineering.
HTML Standard
Images in HTML - Learn web development | MDN
That's all for now. We have covered images and captions in detail. In the next article, we'll move it up a gear, looking at how to use HTML to embed video and audio content in web pages.
HTML5 Periodical Table
HTML Standard
Structuring the web with HTML - Learn web development | MDN
To build websites, you should know about HTML — the fundamental technology used to define the structure of a webpage. HTML is used to specify whether your web content should be recognized as a paragraph, list, heading, link, image, multimedia player, form, or one of many other…
Preload, prefetch and other tags: what they do and when to use them
🤯 HEAD - A simple guide to HTML elements
A simple guide to HTML elements
Packery
Gapless, draggable grid layouts
BEM Naming Cheat Sheet by 9elements
A visual tool that provides naming-suggestions for CSS classes using BEM naming convention.
The HTML5 test - How well does your browser support HTML5?
The HTML5 test score is an indication of how well your browser supports the upcoming HTML5 standard and related specifications. How well does your browser support HTML5?
DOM Enlightenment - Exploring the relationship between JavaScript and the modern HTML DOM
Exploring the relationship between JavaScript and the modern HTML DOM
HTML5 Security Cheatsheet
The Web Platform: Browser technologies
1000+ Free HTML Website Templates (2024) - HTML Templates
The ultimate showcase of the best high-quality free HTML website templates on the internet. Free Download without registration!
The Stack
A composable CSS layout primitive.
Sticky Footer — Solved by Flexbox — Cleaner, hack-free CSS
A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.
HTTP headers for the responsible developer
Guide to using HTTP headers for a better web. Learn about HTTPS, HSTS, CSP, Cacheable, immutable resources, serving WebP images, Feature-Policy and more.
Hacking Your Webpage's Head Tags for Speed and Profit
One of the most important parts of any webpage's performance is the content and organization of the head element. We'll take a deep dive on some easy optimiz...
What is Semantic HTML and Why Should We Care?
HTML tags tell the browser how to structure, and display the content for the web pages. Semantic HTML...
HTML attribute reference - HTML: HyperText Markup Language | MDN
Elements in HTML have attributes; these are additional values that configure the elements or adjust their behavior in various ways to meet the criteria the users want.
The Complete CSS Tags Reference - CSS Cheatsheet
If you are using CSS for frontend web development, you may be interested in this article. The gist of...
Sticky Definition Lists
I ran across this 30 seconds of code website the other day, and they have a CSS section which is really good! The first example snippet I looked at was this
HTML Data List element - HTML: HyperText Markup Language | MDN
The HTML element contains a set of elements that represent the permissible or recommended options available to choose from within other controls.
Details & Summary tags: HTML's best kept secret
and tags are among of the most useful tags that HTML gives us. I'm...
Details on - Google Slides
Using for Menus and Dialogs is an Interesting Idea | CSS-Tricks
Using for a menu may be an interesting idea, but perhaps not something to actually ship in production. See "More Details on "
My current HTML boilerplate - Manuel Matuzović
Every element I use for the basic structure of a HTML document, with explanations why.
HTML Boilerplates
Build and download your HTML boilerplate for free.