#html

[ follow ]
#web-design

HTML Is Actually a Programming Language. Fight Me

Debugging a programming language often reveals artistic chaos, as seen with the 'broken' Embroidery Troubleshooting Guide highlighting issues in semantic HTML.

Custom Progress Element Using Anchor Positioning & Scroll-Driven Animations

The article demonstrates how to create an animated progress bar using only HTML and CSS, without any JavaScript.

Adding a box around the image

Use CSS classes to reduce duplicate styles and enhance semantic structure.
Transitioning from grid to flex layout requires careful management of margins and potentially additional calculations.

How do I fix this?

To resolve the gap issue between your form and text, adjust CSS margins or padding.

Creating a playing card

To arrange text sizes properly, use CSS to specify font sizes and ensure they are correctly nested in HTML.

Infinite-Scrolling Logos In Flat HTML And Pure CSS - Smashing Magazine

CSS can replace deprecated HTML elements like <marquee> for auto-scrolling features.
Despite limited resources on auto-scrolling elements, CSS provides the tools needed for such effects.

HTML Is Actually a Programming Language. Fight Me

Debugging a programming language often reveals artistic chaos, as seen with the 'broken' Embroidery Troubleshooting Guide highlighting issues in semantic HTML.

Custom Progress Element Using Anchor Positioning & Scroll-Driven Animations

The article demonstrates how to create an animated progress bar using only HTML and CSS, without any JavaScript.

Adding a box around the image

Use CSS classes to reduce duplicate styles and enhance semantic structure.
Transitioning from grid to flex layout requires careful management of margins and potentially additional calculations.

How do I fix this?

To resolve the gap issue between your form and text, adjust CSS margins or padding.

Creating a playing card

To arrange text sizes properly, use CSS to specify font sizes and ensure they are correctly nested in HTML.

Infinite-Scrolling Logos In Flat HTML And Pure CSS - Smashing Magazine

CSS can replace deprecated HTML elements like <marquee> for auto-scrolling features.
Despite limited resources on auto-scrolling elements, CSS provides the tools needed for such effects.
moreweb-design
#accessibility

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.

HTML for People

HTML is accessible to everyone, not just tech professionals.

Native dual-range input

The @stanko/dual-range-input library provides a native, accessible dual-range slider using simple 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.

The Different (and Modern) Ways To Toggle Content | CSS-Tricks

Diverse methods exist for toggling content in modern web development, enhancing both functionality and accessibility.

Styling HTML and with modern CSS - LogRocket Blog

Customizing <details> and <summary> HTML elements has become easier with CSS advancements.

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.

HTML for People

HTML is accessible to everyone, not just tech professionals.

Native dual-range input

The @stanko/dual-range-input library provides a native, accessible dual-range slider using simple 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.

The Different (and Modern) Ways To Toggle Content | CSS-Tricks

Diverse methods exist for toggling content in modern web development, enhancing both functionality and accessibility.

Styling HTML and with modern CSS - LogRocket Blog

Customizing <details> and <summary> HTML elements has become easier with CSS advancements.
moreaccessibility
#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.

Practical implementation of the Rule of Least Power for developers - LogRocket Blog

The 'Rule of Least Power' prioritizes simpler solutions over JavaScript in web development.

Understanding the DOM in JavaScript: A Guide to Dynamic Web Interactions - Makemychance

The DOM is crucial for creating interactive web pages that JavaScript can manipulate dynamically.

Creating Browser Based Word Games

The article highlights the development of a Wordle-like game, emphasizing unique features and technical implementation.
GuessWord is designed as a self-contained web application without server dependencies.

Accessible form validation from scratch

Creating accessible form validation from scratch using HTML, CSS, and JavaScript for maximal accessibility.
Seeking feedback and interaction with readers to improve the solution.
Prioritizing maximal accessibility over mere compliance with standards like WCAG.

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.

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.

Practical implementation of the Rule of Least Power for developers - LogRocket Blog

The 'Rule of Least Power' prioritizes simpler solutions over JavaScript in web development.

Understanding the DOM in JavaScript: A Guide to Dynamic Web Interactions - Makemychance

The DOM is crucial for creating interactive web pages that JavaScript can manipulate dynamically.

Creating Browser Based Word Games

The article highlights the development of a Wordle-like game, emphasizing unique features and technical implementation.
GuessWord is designed as a self-contained web application without server dependencies.

Accessible form validation from scratch

Creating accessible form validation from scratch using HTML, CSS, and JavaScript for maximal accessibility.
Seeking feedback and interaction with readers to improve the solution.
Prioritizing maximal accessibility over mere compliance with standards like WCAG.

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.
morejavascript
#css

How to Kill the Cascade

The blogger mentions the flaws of using separate CSS files and the benefits of combining CSS and HTML together for simpler projects.
Although combining CSS and HTML can be useful for quick one-off components, it can lead to global style issues impacting the entire markup.

Hire HTML and CSS people

Hiring proficient HTML and CSS developers is crucial for resolving various challenges in tech companies, from UX issues to performance problems.

Tables with Fixed Headers and Horizontal Scroll

Creating an HTML table with fixed headers and horizontal scroll is complex, requiring careful design to retain visibility and functionality as content scales.

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.

Creating a floating label using HTML and CSS

How to create a floating label using HTML and CSS
Setting up HTML and CSS for the floating label

Poppin' In | CSS-Tricks

Popovers are now fully supported in modern browsers through the Popover API.

How to Kill the Cascade

The blogger mentions the flaws of using separate CSS files and the benefits of combining CSS and HTML together for simpler projects.
Although combining CSS and HTML can be useful for quick one-off components, it can lead to global style issues impacting the entire markup.

Hire HTML and CSS people

Hiring proficient HTML and CSS developers is crucial for resolving various challenges in tech companies, from UX issues to performance problems.

Tables with Fixed Headers and Horizontal Scroll

Creating an HTML table with fixed headers and horizontal scroll is complex, requiring careful design to retain visibility and functionality as content scales.

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.

Creating a floating label using HTML and CSS

How to create a floating label using HTML and CSS
Setting up HTML and CSS for the floating label

Poppin' In | CSS-Tricks

Popovers are now fully supported in modern browsers through the Popover API.
morecss

Microsoft 365 Copilot can't currently handle angle brackets

Microsoft 365 Copilot has issues processing the less-than symbol, impacting users' ability to paste code and HTML.
#mysql

Php 7.4 mysqli prepare update not working htmlentities html tags

HTML tags in the description may not be updating due to input handling, not the mysqli prepared statement.

PHP For loop with differents IDs

Use fetch_assoc() to iterate through the rows and access IDs directly.

Php 7.4 mysqli prepare update not working htmlentities html tags

HTML tags in the description may not be updating due to input handling, not the mysqli prepared statement.

PHP For loop with differents IDs

Use fetch_assoc() to iterate through the rows and access IDs directly.
moremysql
#web-development

What is missing from the web? We're asking for Google

The CSS Day conference highlighted ongoing discussions around enhancing HTML and CSS for better web standards.

HTML vs JavaScript: Differences Between Web Building Blocks

HTML is a beginner-friendly language that is easy to learn and widely used in web development due to its simplicity and compatibility.

HTML Attribute To Allow/Disallow Handwriting Input | CSS-Tricks

HTML new attribute for handwriting inputs.

Saying Adios to Custom Modals: Introducing the HTML Tag | HackerNoon

The <dialog> tag greatly simplifies the creation and handling of pop-ups in web applications.

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.

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.

What is missing from the web? We're asking for Google

The CSS Day conference highlighted ongoing discussions around enhancing HTML and CSS for better web standards.

HTML vs JavaScript: Differences Between Web Building Blocks

HTML is a beginner-friendly language that is easy to learn and widely used in web development due to its simplicity and compatibility.

HTML Attribute To Allow/Disallow Handwriting Input | CSS-Tricks

HTML new attribute for handwriting inputs.

Saying Adios to Custom Modals: Introducing the HTML Tag | HackerNoon

The <dialog> tag greatly simplifies the creation and handling of pop-ups in web applications.

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.

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.
moreweb-development
#markdown

The Dead Simple Markdown Guide to HTML | HackerNoon

Markdown applications can utilize HTML tags for enhanced formatting and attribute control, but not all support full HTML functionality.

The Dead Simple Markdown Guide to Line Breaks | HackerNoon

Using two spaces for line breaks is common but controversial; consider using the <br> HTML tag for better visibility and compatibility.

The Dead Simple Markdown Guide to HTML | HackerNoon

Markdown applications can utilize HTML tags for enhanced formatting and attribute control, but not all support full HTML functionality.

The Dead Simple Markdown Guide to Line Breaks | HackerNoon

Using two spaces for line breaks is common but controversial; consider using the <br> HTML tag for better visibility and compatibility.
moremarkdown

CSS Olympic Rings | CSS-Tricks

Modern CSS approaches can significantly enhance efficiency when recreating 3D effects like the Olympic rings.

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.

Affordance in Design System Componenten | De Voorhoede

Componenten in een design system moeten zich gedragen als native HTML-elementen voor intuïtief gebruik.

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.

Link Hover Style 266

The article discusses how to create a 3D slider using HTML, CSS, and JavaScript.

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

Meta tags are crucial for SEO, accessibility, and website performance.

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

Web Components allow developers to create reusable custom elements using modern web standards.

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

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.

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.

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.
[ Load more ]