#html
#html

JavaScript

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

SitePoint Forums | Web Development & Design Community

JavaScript

How to I go about displaying a Mark Down file in a normal web browser?

You can display a Markdown file in a web browser using JavaScript libraries that convert Markdown to HTML. [ more ]

SitePoint Forums | Web Development & Design Community

Web development

"width" and "height" CSS key values conflicts: How to remove "width" and "height" CSS keys via *.user.js script?

HTML image attributes are essential for performance and layout organization, regardless of subsequent CSS modifications. [ more ]

SitePoint Forums | Web Development & Design Community

Web development

Choice of language in the navigation bar

Language selection in a navigation bar requires HTML, CSS, and JavaScript for proper functionality. [ more ]

SitePoint Forums | Web Development & Design Community

JavaScript

How to automate rendering of LTR words in a RTL table?

A JavaScript solution is more suitable for dynamically rendering LTR text within mixed language tables than CSS alone. [ more ]

SitePoint Forums | Web Development & Design Community

5 days ago

Web development

Is there a web browser that supports HTML and CSS but without images, videos and audio?

Look for browsers that allow multimedia filtering, supporting HTML and CSS without images, videos, or audio. [ more ]

Taniarascia

JavaScript

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

SitePoint Forums | Web Development & Design Community

JavaScript

How to I go about displaying a Mark Down file in a normal web browser?

You can display a Markdown file in a web browser using JavaScript libraries that convert Markdown to HTML. [ more ]

SitePoint Forums | Web Development & Design Community

Web development

"width" and "height" CSS key values conflicts: How to remove "width" and "height" CSS keys via *.user.js script?

HTML image attributes are essential for performance and layout organization, regardless of subsequent CSS modifications. [ more ]

SitePoint Forums | Web Development & Design Community

Web development

Choice of language in the navigation bar

Language selection in a navigation bar requires HTML, CSS, and JavaScript for proper functionality. [ more ]

morecss

#php

www.sitepoint.com

JavaScript

PHP For loop with differents IDs

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

Treehouse Blog

JavaScript

How to Set the Default Value in an HTML Input Date Field

Setting default value of a date input field to today's date improves user experience in form interactions. [ more ]

www.sitepoint.com

JavaScript

PHP For loop with differents IDs

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

Treehouse Blog

JavaScript

How to Set the Default Value in an HTML Input Date Field

Setting default value of a date input field to today's date improves user experience in form interactions. [ more ]

morephp

#web-development

Htmlforpeople

1 week ago

Web development

HTML for People

HTML is accessible to everyone, not just tech professionals. [ more ]

Hackernoon

JavaScript

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

Hackernoon

JavaScript

HTML Image Uploader: A Useful Guide | HackerNoon

Efficient file uploads are essential for online tools and mobile apps. [ more ]

Theregister

Web frameworks

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

CSS-Tricks

JavaScript

How Are The `colspan` And `rowspan` Attributes Different? | CSS-Tricks

HTML colspan and rowspan attributes have distinct limits; colspan is capped at 1000, while rowspan can reach 65534. [ more ]

CSS-Tricks

JavaScript

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

HTML new attribute for handwriting inputs. [ more ]

Htmlforpeople

1 week ago

Web development

HTML for People

HTML is accessible to everyone, not just tech professionals. [ more ]

Hackernoon

JavaScript

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

Hackernoon

JavaScript

HTML Image Uploader: A Useful Guide | HackerNoon

Efficient file uploads are essential for online tools and mobile apps. [ more ]

Theregister

Web frameworks

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

CSS-Tricks

JavaScript

How Are The `colspan` And `rowspan` Attributes Different? | CSS-Tricks

HTML colspan and rowspan attributes have distinct limits; colspan is capped at 1000, while rowspan can reach 65534. [ more ]

CSS-Tricks

JavaScript

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

HTML new attribute for handwriting inputs. [ more ]

moreweb-development

#accessibility

CSS-Tricks

JavaScript

Paragraphs | CSS-Tricks

HTML semantics extend beyond <p> to include several elements recognized as paragraphs by screen readers. [ more ]

Cally

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 ]

CSS-Tricks

JavaScript

Paragraphs | CSS-Tricks

HTML semantics extend beyond <p> to include several elements recognized as paragraphs by screen readers. [ more ]

Cally

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 ]

moreaccessibility

#markdown

Hackernoon

JavaScript

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

Hackernoon

JavaScript

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

Hackernoon

JavaScript

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

Hackernoon

JavaScript

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

moremarkdown

CSS-Tricks

JavaScript

CSS Olympic Rings | CSS-Tricks

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

Rubyflow

4 months 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

4 months 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 ]

InfoQ

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

jQuery

Link Hover Style 266

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

#javascript

Raymondcamden

JavaScript

Links For You

HTML fault-tolerant nature is preferred for practicality. [ more ]

Treehouse Blog

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

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

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

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

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

JavaScript

Links For You

HTML fault-tolerant nature is preferred for practicality. [ more ]

Treehouse Blog

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

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

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

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

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

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

6 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

6 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

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

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

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

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.

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

Experimenting with a foil quill for the Cameo 4 and creating metallic gel pen Winter solstice cards [ more ]

Ericportis

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

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

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