A collection of quick copy HTML snippets for a variety of common scenarios.
Created by @5t3ph
Contributions welcome! Check out the guidelines and process >
A collection of quick copy HTML snippets for a variety of common scenarios.
Home Page: https://htmlrecipes.dev
A collection of quick copy HTML snippets for a variety of common scenarios.
Created by @5t3ph
Contributions welcome! Check out the guidelines and process >
Hi Stephanie, great idea & content! I learned about role='list' on <ul>
.
I was recently curious about blockquote patterns and it seems that the recommendations have changed and the WHATWG HTML spec is not recommending <footer>
in <blockquote>
anymore, but rather something like:
<figure>
<blockquote>quote</blockquote>
<figcaption>โ <cite>author</cite></figcaption>
</figure>
the article pattern includes instances of the hr
element prior to the h3
s.
an hr
represents a paragraph-level shift in topic, so it is both unnecessary and incorrect to use it prior to a heading, which already signifies a topic level change by implicitly defining a new section in the document outline.
Ideally this pattern would be instead using CSS to provide this visual flourish.
if an image is the primary content of a figure
then it needs to be given alternative text. giving it an empty alt will not expose the graphic to AT, essentially creating a figure with a figcaption that captions 'nothing'.
Being this is an example of auto-generating dinosaur photos, maybe add an alt indicating that, or nondescript "alternative text goes here", or something like that?
As the contact form is meant to collect information about the user, would suggest adding the autocomplete attribute with the name
and email
value to their respective fields.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.