#html

[ follow ]
#css
Smashing Magazine
1 month ago
Web development

In Praise Of The Basics - Smashing Magazine

Learning the basics of front-end web development, like HTML and CSS, is still essential despite the availability of frameworks and tools. [ more ]
Realpython
1 month ago
Web development

HTML and CSS Foundations for Python Developers - Real Python

Understanding HTML and CSS is essential for Python web development. [ more ]
GitHub
2 months ago
JavaScript

GitHub - evoluteur/isomorphic-table-cards: Isomorphic Table and Cards views with animated transitions on sorting, changing view, and browser resizing (using Vanilla Javascript, CSS, and HTML).

Isomorphic-Table-Cards is a Vanilla Javascript class for animated transitions in table and cards views. [ more ]
GitHub
2 months ago
JavaScript

GitHub - Jisan-mia/dom-projects: dom-projects is an open-source web app that helps you learn frontend development faster with a hands-on practice style. It is a collection of projects that you can use to learn HTML, CSS and JavaScript

dom-projects is an open-source web app for learning Frontend Development through hands-on practice with HTML, CSS, and JavaScript projects. [ more ]
Medium
2 months ago
Data science

Accessible form validation from scratch

Building an accessible form validation example using only HTML, CSS, and JavaScript, without the need for libraries or frameworks. [ more ]
Scottjehl
3 months ago
Web development

How would you build Wordle with just HTML & CSS? | Scott Jehl, Web Designer/Developer

Depth of understanding of web standard technologies is crucial in front-end interviews.
Assessing a candidate's knowledge of when to use HTML, CSS, and JavaScript is key in building complex applications. [ more ]
Smashing Magazine
1 month ago
Web development

In Praise Of The Basics - Smashing Magazine

Learning the basics of front-end web development, like HTML and CSS, is still essential despite the availability of frameworks and tools. [ more ]
Realpython
1 month ago
Web development

HTML and CSS Foundations for Python Developers - Real Python

Understanding HTML and CSS is essential for Python web development. [ more ]
GitHub
2 months ago
JavaScript

GitHub - evoluteur/isomorphic-table-cards: Isomorphic Table and Cards views with animated transitions on sorting, changing view, and browser resizing (using Vanilla Javascript, CSS, and HTML).

Isomorphic-Table-Cards is a Vanilla Javascript class for animated transitions in table and cards views. [ more ]
GitHub
2 months ago
JavaScript

GitHub - Jisan-mia/dom-projects: dom-projects is an open-source web app that helps you learn frontend development faster with a hands-on practice style. It is a collection of projects that you can use to learn HTML, CSS and JavaScript

dom-projects is an open-source web app for learning Frontend Development through hands-on practice with HTML, CSS, and JavaScript projects. [ more ]
Medium
2 months ago
Data science

Accessible form validation from scratch

Building an accessible form validation example using only HTML, CSS, and JavaScript, without the need for libraries or frameworks. [ more ]
Scottjehl
3 months ago
Web development

How would you build Wordle with just HTML & CSS? | Scott Jehl, Web Designer/Developer

Depth of understanding of web standard technologies is crucial in front-end interviews.
Assessing a candidate's knowledge of when to use HTML, CSS, and JavaScript is key in building complex applications. [ more ]
morecss
Rubyflow
1 month ago
Web development

Glimmer DSL for XML 1.4.0 HTML To Glimmer Converter

Glimmer DSL for XML 1.4.0 was released with an HTML to Glimmer converter for legacy HTML code. [ more ]
Voorhoede
1 month ago
Cars

Affordance in Design System Componenten | De Voorhoede

Componenten in een design system moeten zich gedragen als native HTML-elementen voor intuïtief gebruik. [ more ]
Cally
1 month ago
JavaScript

Cally: small, feature-rich calendar components

Feature-rich calendar components for building customized date pickers with minimal assumptions, small bundle size, and extensive functionality. [ more ]
InfoQ
1 month ago
JavaScript

JEP 467: Java Enhances Documentation with Markdown Support

Java 23 introduces Markdown Documentation Comments, replacing HTML and JavaDoc tags for easier, more readable documentation in Java source code. [ more ]
Bestjquery
1 month ago
jQuery

Link Hover Style 266

The article discusses how to create a 3D slider using HTML, CSS, and JavaScript. [ more ]
#web-development
GitHub
1 month ago
Medicine

GitHub - evoluteur/healing-frequencies: Play the healing frequencies of various sets of tuning forks: Solfeggio, Organs, Mineral nutrients, Ohm, Chakras, Cosmic octave, Otto, DNA nucleotides... or custom.

Tuning fork therapy offers stress reduction, pain relief, mental clarity, and emotional healing benefits. [ more ]
LogRocket Blog
2 months ago
JavaScript

Exploring the AHA stack: Tutorial, demo, and comparison - LogRocket Blog

The AHA stack offers a modern approach to web development by reducing reliance on heavy JavaScript for more efficient web apps. [ more ]
Spreaker
3 months ago
Web design

Embracing Web Standards with Owen Buckley - JsJ 626 - JavaScript Jabber

Greenwood project simplifies web development by leveraging web standards and emphasizing HTML and web components.
Greenwood's vision is to provide an onramp close to web standards with seamless integration with HTMX. [ more ]
Jqueryscript
4 months ago
JavaScript

Weekly Web Design & Development News: Collective #541

Magika is an AI tool for file type detection using deep learning
htmz allows dynamic loading of HTML fragments without page reloads [ more ]
Thinkdobecreate
5 months ago
UX design

A Call for Consensus on HTML Semantics | Stephanie Eckles

HTML can be easy to learn, but there are gray-area scenarios that can be challenging for web developers.
Building simple components and templates that are accessible, scalable, and maintainable can be difficult. [ more ]
Csswizardry
7 months ago
Web development

Correctly Configure (Pre) Connections - CSS Wizardry

Preconnecting origins can help improve the performance of third-party or other-origin requests.
Misconfiguring preconnects can negate their benefits. [ more ]
GitHub
1 month ago
Medicine

GitHub - evoluteur/healing-frequencies: Play the healing frequencies of various sets of tuning forks: Solfeggio, Organs, Mineral nutrients, Ohm, Chakras, Cosmic octave, Otto, DNA nucleotides... or custom.

Tuning fork therapy offers stress reduction, pain relief, mental clarity, and emotional healing benefits. [ more ]
LogRocket Blog
2 months ago
JavaScript

Exploring the AHA stack: Tutorial, demo, and comparison - LogRocket Blog

The AHA stack offers a modern approach to web development by reducing reliance on heavy JavaScript for more efficient web apps. [ more ]
Spreaker
3 months ago
Web design

Embracing Web Standards with Owen Buckley - JsJ 626 - JavaScript Jabber

Greenwood project simplifies web development by leveraging web standards and emphasizing HTML and web components.
Greenwood's vision is to provide an onramp close to web standards with seamless integration with HTMX. [ more ]
Jqueryscript
4 months ago
JavaScript

Weekly Web Design & Development News: Collective #541

Magika is an AI tool for file type detection using deep learning
htmz allows dynamic loading of HTML fragments without page reloads [ more ]
Thinkdobecreate
5 months ago
UX design

A Call for Consensus on HTML Semantics | Stephanie Eckles

HTML can be easy to learn, but there are gray-area scenarios that can be challenging for web developers.
Building simple components and templates that are accessible, scalable, and maintainable can be difficult. [ more ]
Csswizardry
7 months ago
Web development

Correctly Configure (Pre) Connections - CSS Wizardry

Preconnecting origins can help improve the performance of third-party or other-origin requests.
Misconfiguring preconnects can negate their benefits. [ more ]
moreweb-development
#javascript
Raymondcamden
2 months ago
JavaScript

Links For You

HTML fault-tolerant nature is preferred for practicality. [ more ]
Treehouse Blog
4 months ago
JavaScript

Dynamically Change Values in JavaScript [Article] | Treehouse Blog

Dynamic changes in website values using JavaScript are easy to implement.
JavaScript is useful for real-time value changes and form interactions. [ more ]
GitHub
4 months ago
JavaScript

GitHub - williamtroup/JHson.js: A JavaScript library for converting HTML to JSON, and JSON to HTML, with templating, attributes, and CSS support.

Zero-dependencies, lightweight library for HTML to JSON conversion with templating and CSS support.
Support for full API, attributes, CSS properties, formatted text, and data templating for easy rendering. [ more ]
Jqueryscript
5 months ago
Web design

Weekly Web Design & Development News: Collective #539

The carouscroll web component enhances horizontal scrolling containers into carousels and sliders.
Mojo CSS is an atomic CSS framework that generates CSS based on HTML in real-time. [ more ]
Frontend Masters Boost
5 months ago
Web development

Basic Dialog Usage and Gotchas To Watch For

The <dialog> element in HTML is a powerful tool for creating modal dialog experiences.
Using the <dialog> element provides built-in features such as centered modal dialog, dimmed background, focus trapping, and ESC key closing. [ more ]
LogRocket Blog
5 months ago
JavaScript

React onClick event handlers: A complete guide - LogRocket Blog

Event handlers determine what action will occur whenever an event is fired in React.
onClick is a fundamental event handler in web development, used to handle click events in HTML, JavaScript, and React. [ more ]
Raymondcamden
2 months ago
JavaScript

Links For You

HTML fault-tolerant nature is preferred for practicality. [ more ]
Treehouse Blog
4 months ago
JavaScript

Dynamically Change Values in JavaScript [Article] | Treehouse Blog

Dynamic changes in website values using JavaScript are easy to implement.
JavaScript is useful for real-time value changes and form interactions. [ more ]
GitHub
4 months ago
JavaScript

GitHub - williamtroup/JHson.js: A JavaScript library for converting HTML to JSON, and JSON to HTML, with templating, attributes, and CSS support.

Zero-dependencies, lightweight library for HTML to JSON conversion with templating and CSS support.
Support for full API, attributes, CSS properties, formatted text, and data templating for easy rendering. [ more ]
Jqueryscript
5 months ago
Web design

Weekly Web Design & Development News: Collective #539

The carouscroll web component enhances horizontal scrolling containers into carousels and sliders.
Mojo CSS is an atomic CSS framework that generates CSS based on HTML in real-time. [ more ]
Frontend Masters Boost
5 months ago
Web development

Basic Dialog Usage and Gotchas To Watch For

The <dialog> element in HTML is a powerful tool for creating modal dialog experiences.
Using the <dialog> element provides built-in features such as centered modal dialog, dimmed background, focus trapping, and ESC key closing. [ more ]
LogRocket Blog
5 months ago
JavaScript

React onClick event handlers: A complete guide - LogRocket Blog

Event handlers determine what action will occur whenever an event is fired in React.
onClick is a fundamental event handler in web development, used to handle click events in HTML, JavaScript, and React. [ more ]
morejavascript
MUO
6 months ago
Web development

What Are HTML Meta Tags, and What Are They Used For?

Meta tags are crucial for SEO, accessibility, and website performance. [ more ]
LogRocket Blog
2 months ago
JavaScript

Web Components adoption guide: Overview, examples, and alternatives - LogRocket Blog

Web Components allow developers to create reusable custom elements using modern web standards. [ more ]
DEV Community
3 months ago
Web development

Curious Geckos : The Most Precise CSS-only Position-Aware Mini-Game!

Revisited CSS-only hack with new features for precision gain
Utilized :has pseudo-class to achieve position awareness without JavaScript [ more ]
Piccalilli
5 months ago
Web development

A highly configurable switch component using modern CSS techniques - Piccalilli

Safari Technology Preview has added a native switch component that is highly customizable with CSS.
The article provides a demonstration and code for building a highly configurable switch component using HTML, CSS, and accessibility features. [ more ]
Medium
5 months ago
Web design

Understanding @scope Support in CSS

@scope is a new CSS at-rule that decouples HTML and CSS.
Writing one CSS class per HTML element can result in excessive code. [ more ]
Sparkbox
6 months ago
Web development

Accounting for Internationalization with CSS and HTML

Internationalization is the process of making software or applications accessible to a global audience.
CSS logical properties can help maintain styling in both left-to-right (LTR) and right-to-left (RTL) languages. [ more ]
HTML: The Bad Parts - HTMHell
7 months ago
Web design

HTML: The Bad Parts - HTMHell

HTML has accessibility and usability issues that web developers need to recognize and address.
The use of certain HTML attributes and elements, such as the 'select' attribute and the 'i' element, can cause problems for users. [ more ]
Stephanie Walter - Senior UX Designer, Mobile Expert, Conference Speaker, Blog writer and Teacher.
6 months ago
Web design

Pixels of the Week - December 17, 2023 by Stephanie Walter - UX Researcher & Designer.

Curated articles and resources about UX Design, User Research, UI and mobile design, HTML, CSS, and the web industry
Currently reading and prefacing Geoffrey Crofte's book 'Formulaire Web - Les erreurs à éviter qui vous coûtent cher'
Experimenting with a foil quill for the Cameo 4 and creating metallic gel pen Winter solstice cards [ more ]
Ericportis
7 months ago
Web design

Sizes="auto" pretty much requires width and height attributes

Auto-sizes for lazy-loaded images is a great addition to the platform.
Using sizes=auto requires specifying width and height attributes for <img> elements. [ more ]
WebKit
7 months ago
Web design

WebKit Features in Safari 17.2

Web developers expect frequent browser updates to keep up with web technology changes.
Safari 17.2 is the biggest December release of web technology with 39 features and 169 fixes. [ more ]
Paolo Melchiorre
7 months ago
Web design

Paolo Melchiorre - Pelican 4.9: classless Simple theme with semantic HTML

The updated version of the "Simple" theme in Pelican 4.9 is now semantic and classless
The theme includes cleaner HTML code, accessible web pages, responsive design, and improved navigation for screen readers [ more ]
LogRocket Blog
7 months ago
Web design

Scoping CSS inline styles with css-scope-inline - LogRocket Blog

Inline style tags in HTML have scoping issues, affecting the entire HTML page by default.
There are workarounds like using unique DOM identifiers or frontend frameworks, but css-scope-inline offers a simple solution using a JavaScript code snippet.
Inline style tag scoping can be useful for keeping both element structures and styling definitions in the same place for better readability. [ more ]
Zach Leatherman
7 months ago
JavaScript

An Attempted Taxonomy of Web Components-zachleat.com

Building web components is an evolving process that often involves refactoring older components.
HTML web components can be categorized into three types: those that enhance interactivity, those that augment nested HTML, and those that dynamically customize HTML for specific user agents. [ more ]
[ Load more ]