HTML

HTML

37 bookmarks
Custom sorting
Templating in HTML
Templating in HTML
I’m Kitty Giraudel, a non-binary trans frontend developer based in Berlin, focused on accessibility and inclusivity. template hatte Manuel Matuzovicz
·kittygiraudel.com·
Templating in HTML
HTML/Tutorials/Formulare/input (SELFHTML-Wiki)
HTML/Tutorials/Formulare/input (SELFHTML-Wiki)
Das input-Element (input = Eingabe) wird innerhalb von Formularen genutzt, um Daten vom Benutzer abzufragen. Dabei kann das input-Element ganz unterschiedlich aussehen - vom Eingabefeld bis hin zur Checkbox, zum Radio-Button oder sogar einem Farbwähler.
·wiki.selfhtml.org·
HTML/Tutorials/Formulare/input (SELFHTML-Wiki)
How to build a progressively enhanced accordion component with vanilla JS (Go Make Things, 10/21)
How to build a progressively enhanced accordion component with vanilla JS (Go Make Things, 10/21)
Today, I’m going to look how we can replace the need for a big plugin altogether by progressively enhancing HTML to add a bit more functionality to it. I love the details and summary elements. You can use them to create interactive expand-and-collapse components without any JavaScript. They work in all modern browsers. In older, unsupported browsers like IE, the content is displayed in full, so the user is always able to access it. Dieses Tutorial sieht gut aus. Vielleicht eine gute Ergänzung zur Gestaltung von und per CSS.
·gomakethings.com·
How to build a progressively enhanced accordion component with vanilla JS (Go Make Things, 10/21)
My current HTML boilerplate (matuzo.at, 04/21)
My current HTML boilerplate (matuzo.at, 04/21)
Every element I use for the basic structure of a HTML document, with explanations why. Usually when I start a new project, I either copy the HTML structure of the last site I built or I head over to HTML5 Boilerplate and copy their boilerplate. Recently I didn’t start a new project, but I had to document the structure we use at work for the sites we build. So, simply copying and pasting wasn’t an option, I had to understand the choices that have been made.
·matuzo.at·
My current HTML boilerplate (matuzo.at, 04/21)
HTML5 Semantics (Bruce Lawson, Smashing, 11/2011)
HTML5 Semantics (Bruce Lawson, Smashing, 11/2011)
Much of the excitement we’ve seen so far about HTML5 has been for the new APIs: local storage, application cache, Web workers, 2-D drawing and the like. But let’s not overlook that **HTML5 brings us 30 new elements to mark up documents and applications**, boosting the total number of elements available to us to over 100.
·coding.smashingmagazine.com·
HTML5 Semantics (Bruce Lawson, Smashing, 11/2011)
The Importance Of HTML5 Sectioning Elements (Smashing, 2013)
The Importance Of HTML5 Sectioning Elements (Smashing, 2013)
By Heydon Pickering. Nobody wants them, but Heydon is a purist and explains it beautifully. Whatever you call them — blocks, boxes, areas, regions — we’ve been dividing our Web pages into visible sections for well over a decade. The problem is, we’ve never had the right tools to do so. While our interfaces look all the world like grids, the underlying structure has been cobbled together from numbered headings and unsemantic helper elements; an unbridled stream of content at odds with its own box-like appearance.
·coding.smashingmagazine.com·
The Importance Of HTML5 Sectioning Elements (Smashing, 2013)
Adactio: Journal—AMPed up (02/2016)
Adactio: Journal—AMPed up (02/2016)
Jeremy Keith's article about »Apple has Apple News. Facebook has Instant Articles. Now Google has AMP: Accelerated Mobile Pages. The big players sure are going to a lot of effort to reinvent RSS. That may sound like a flippant remark, but it’s not too far from the truth.« Sein Fazit: Gemäß der Indie Web Idee von POSSE (Publish (on your) Own Site, Syndicate Elsewhere) ist AMP nur eine weitere Art der Syndikation. Solange das so ist, ist es okay.
·adactio.com·
Adactio: Journal—AMPed up (02/2016)
Emmet Documentation
Emmet Documentation
Emmet ist in Visual Studio Code integriert und für Brackets als Erweiterung verfügbar. Wenn man das HTML selbst schreibt, ist das eine quasi unentbehrliche Hilfe im Editor ...
·docs.emmet.io·
Emmet Documentation
HTML Wireframes | Brad Frost
HTML Wireframes | Brad Frost
Problems with High-Fidelity Static Wireframes - They’re abstractions - They’re full of assumptions - They’re verbose - They’re a crutch Lo-fi HTML Wireframes - They get into the browser quicker - They reinforce the notion that you’re creating a website - They’re interactive - They allow for living, breathing annotations - They lay the foundation for the final product - They allow you to iterate »From Wireframe to Final Product« am Beispiel der Website für die Greater Pittsburgh Community Foodbank
·bradfrost.com·
HTML Wireframes | Brad Frost