#css

[ follow ]
#html
SitePoint Forums | Web Development & Design Community
1 month ago
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
2 weeks ago
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
2 weeks ago
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
1 month ago
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
1 month ago
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
1 month ago
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
2 weeks ago
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
2 weeks ago
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
1 month ago
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
1 month ago
Web development

Choice of language in the navigation bar

Language selection in a navigation bar requires HTML, CSS, and JavaScript for proper functionality. [ more ]
morehtml
#web-development
SitePoint Forums | Web Development & Design Community
2 days ago
JavaScript

Accordion using headings as buttons - change right alignment?

Align buttons' right edges while maintaining left indentation by adjusting the CSS appropriately. [ more ]
WebKit
3 days ago
JavaScript

Help us choose the final syntax for Masonry in CSS

Integration of CSS Grid and Masonry layout is now feasible and planned for implementation after addressing performance concerns. [ more ]
SitePoint Forums | Web Development & Design Community
5 days ago
Miscellaneous

Moving a ball along an SVG path

To animate a ball following an 'X', combine CSS animations with JavaScript for interactions.
Use scroll events to control the ball's movement along the outline. [ more ]
Smashing Magazine
1 week ago
JavaScript

CSS min() All The Things - Smashing Magazine

CSS min() function offers enhanced flexibility for responsiveness but should not be the sole approach to web design. [ more ]
SitePoint Forums | Web Development & Design Community
1 week ago
JavaScript

Why is my JavaScript not properly updating the CSS styles of an element on my webpage?

Ensure JavaScript runs after the DOM is fully loaded to update styles effectively. [ more ]
SitePoint Forums | Web Development & Design Community
1 week ago
JavaScript

Inheritance of JS/css

The subpage menu toggle might not work due to incorrect element references in JavaScript or missing class/ID identifiers. [ more ]
SitePoint Forums | Web Development & Design Community
2 days ago
JavaScript

Accordion using headings as buttons - change right alignment?

Align buttons' right edges while maintaining left indentation by adjusting the CSS appropriately. [ more ]
WebKit
3 days ago
JavaScript

Help us choose the final syntax for Masonry in CSS

Integration of CSS Grid and Masonry layout is now feasible and planned for implementation after addressing performance concerns. [ more ]
SitePoint Forums | Web Development & Design Community
5 days ago
Miscellaneous

Moving a ball along an SVG path

To animate a ball following an 'X', combine CSS animations with JavaScript for interactions.
Use scroll events to control the ball's movement along the outline. [ more ]
Smashing Magazine
1 week ago
JavaScript

CSS min() All The Things - Smashing Magazine

CSS min() function offers enhanced flexibility for responsiveness but should not be the sole approach to web design. [ more ]
SitePoint Forums | Web Development & Design Community
1 week ago
JavaScript

Why is my JavaScript not properly updating the CSS styles of an element on my webpage?

Ensure JavaScript runs after the DOM is fully loaded to update styles effectively. [ more ]
SitePoint Forums | Web Development & Design Community
1 week ago
JavaScript

Inheritance of JS/css

The subpage menu toggle might not work due to incorrect element references in JavaScript or missing class/ID identifiers. [ more ]
moreweb-development
CSS-Tricks
6 days ago
JavaScript

Mastering Theme.json: You Might Not Need CSS | CSS-Tricks

Theme.json aims to enhance modularity and scalability of CSS in WordPress themes, but poses a challenge with its mental model shift. [ more ]
#web-design
CSS-Tricks
1 week ago
Web design

Solving Background Overflow With Inherited Border Radii | CSS-Tricks

CSS backgrounds of child elements can bleed out of parent's border radius; use inheritance to resolve this. [ more ]
SitePoint Forums | Web Development & Design Community
1 week ago
Web development

CSS prevents page scrolling

The CSS property 'overflow: hidden;' is the reason for the scrolling issue on the website. [ more ]
Frontendmasters
2 weeks ago
JavaScript

CSS Fan Out with Grid and @property

The 'fan out' animation can simplify item reveal effects in web design through CSS automation. [ more ]
SitePoint Forums | Web Development & Design Community
2 weeks ago
JavaScript

Hamburger Menu

To resolve the purple line issue, customize the CSS either by removing the border or changing its color. [ more ]
LogRocket Blog
2 weeks ago
JavaScript

How to use the CSS backdrop-filter property - LogRocket Blog

The backdrop-filter property in CSS allows for creative effects on background elements, enhancing design with filters like blur. [ more ]
CSS-Tricks
3 weeks ago
Web development

CSS Masonry & CSS Grid | CSS-Tricks

Masonry layout is the last major unaddressed layout schema in CSS, despite its practical use cases in design. [ more ]
CSS-Tricks
1 week ago
Web design

Solving Background Overflow With Inherited Border Radii | CSS-Tricks

CSS backgrounds of child elements can bleed out of parent's border radius; use inheritance to resolve this. [ more ]
SitePoint Forums | Web Development & Design Community
1 week ago
Web development

CSS prevents page scrolling

The CSS property 'overflow: hidden;' is the reason for the scrolling issue on the website. [ more ]
Frontendmasters
2 weeks ago
JavaScript

CSS Fan Out with Grid and @property

The 'fan out' animation can simplify item reveal effects in web design through CSS automation. [ more ]
SitePoint Forums | Web Development & Design Community
2 weeks ago
JavaScript

Hamburger Menu

To resolve the purple line issue, customize the CSS either by removing the border or changing its color. [ more ]
LogRocket Blog
2 weeks ago
JavaScript

How to use the CSS backdrop-filter property - LogRocket Blog

The backdrop-filter property in CSS allows for creative effects on background elements, enhancing design with filters like blur. [ more ]
CSS-Tricks
3 weeks ago
Web development

CSS Masonry & CSS Grid | CSS-Tricks

Masonry layout is the last major unaddressed layout schema in CSS, despite its practical use cases in design. [ more ]
moreweb-design
#javascript
Cssfun
2 weeks ago
JavaScript

CSSFUN

CSSFUN streamlines CSS creation by using JavaScript objects to generate style strings automatically. [ more ]
Frontendmasters
3 months ago
JavaScript

How to Get the Width/Height of Any Element in Only CSS

Getting dimensions of elements in CSS is difficult compared to JavaScript due to the lack of native functions, but it can be achieved through scroll-driven animations. [ more ]
Cssfun
2 weeks ago
JavaScript

CSSFUN

CSSFUN streamlines CSS creation by using JavaScript objects to generate style strings automatically. [ more ]
Frontendmasters
3 months ago
JavaScript

How to Get the Width/Height of Any Element in Only CSS

Getting dimensions of elements in CSS is difficult compared to JavaScript due to the lack of native functions, but it can be achieved through scroll-driven animations. [ more ]
morejavascript
CSS-Tricks
1 month ago
JavaScript

CSSWG Minutes Telecon (2024-09-18) | CSS-Tricks

Anchor Positioning is rapidly evolving with important resolutions from CSS Working Group shaping its implementation.
Tree scoped comparisons in Anchor Positioning are crucial for accurate functionality. [ more ]
#ui-design
Medium
2 months ago
JavaScript

Corner Radius of Nested Elements in UI design

Using the same corner radius for nested elements may lead to inconsistent visual design. [ more ]
Medium
2 months ago
JavaScript

Corner Radius of Nested Elements in UI design

Using the same corner radius for nested elements results in inconsistent visual gaps; a smaller radius for the child improves aesthetics. [ more ]
Speckyboy Design Magazine
3 months ago
Web design

30+ Best Free Icon Fonts for UI Design - Speckyboy

Icon fonts are scalable, customizable, and easy to use in UI design projects. [ more ]
Speckyboy Design Magazine
2 months ago
JavaScript

8 CSS & JavaScript Snippets for Creating Animated Progress Bars - Speckyboy

UI progress indicators are essential for user experience, evolving beyond traditional progress bars to offer fun and informative features. [ more ]
Medium
2 months ago
JavaScript

Corner Radius of Nested Elements in UI design

Using the same corner radius for nested elements may lead to inconsistent visual design. [ more ]
Medium
2 months ago
JavaScript

Corner Radius of Nested Elements in UI design

Using the same corner radius for nested elements results in inconsistent visual gaps; a smaller radius for the child improves aesthetics. [ more ]
Speckyboy Design Magazine
3 months ago
Web design

30+ Best Free Icon Fonts for UI Design - Speckyboy

Icon fonts are scalable, customizable, and easy to use in UI design projects. [ more ]
Speckyboy Design Magazine
2 months ago
JavaScript

8 CSS & JavaScript Snippets for Creating Animated Progress Bars - Speckyboy

UI progress indicators are essential for user experience, evolving beyond traditional progress bars to offer fun and informative features. [ more ]
moreui-design
Frontendmasters
2 months ago
JavaScript

The CSS contain property

The CSS 'contain' property optimizes performance and enhances styling by isolating elements from the rest of the page. [ more ]
LogRocket Blog
2 months ago
JavaScript

Creating 3D effects in CSS - LogRocket Blog

CSS can create 3D effects using properties like transform, with control over elements' dimensions and positions. [ more ]
npm
3 months ago
JavaScript

satori

Satori is an enlightened library that converts HTML and CSS to SVG, supporting JSX syntax and limited HTML/CSS features for special use cases. [ more ]
Bestjquery
4 months ago
jQuery

Counter Style 283

Utilizing various advanced web development techniques and features can enhance user experience and functionality in digital projects. [ more ]
WebKit
5 months ago
Web development

Release Notes for Safari Technology Preview 195

Safari Technology Preview Release 195 available for download for macOS Sonoma and macOS Ventura. [ more ]
Smashing Magazine
5 months ago
JavaScript

Modern CSS Layouts: You Might Not Need A Framework For That - Smashing Magazine

Modern CSS features provide simpler and more flexible layout options without the need for frameworks or libraries. [ more ]
Bestjquery
5 months ago
jQuery

Link Hover Style 266

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