88x31 Web Button Maker

highlighted text effect w/ css gradient

CSS Generators: Your CSS code with less effort

A wide range of CSS Generators to build the future of the web. Add your setting, get your CSS code.

A few HTML tips – Mozilla Hacks - the Web developer blog

A while ago I wrote an article with some CSS tips, now it’s time to give some polish to our HTML! In this article I’ll share some tips and advice ...

Subtle text "highlighter" in pure CSS

The Layout Maestro by Ahmad Shadeed

Build any web layout with confidence. Learn practical CSS layout through visual lessons, interactive demos, and a proven layout mindset.

Using CSS to fix the irradiation illusion · November 29, 2025

How to adjust perceived font weight in dark mode without layout shift

eightyeightthirtyone

Building a graph of the Internet, one button at a time

CSS3 Patterns Gallery

The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients).

Edit fiddle - JSFiddle - Code Playground

JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.

Nova Rounding Border-Radius Adjustment Variables

64 votes, 26 comments. For those of you who would like to adjust the heavy rounding of all of the elements in the new Nova theme to slightly less…

Rijk's Website

When building out the CSS for this website, I took some extra time to perfect the vertical rhythm. This is very often overlooked, and is one of those things you can't really tell, but definitely feel.

Post Growth Economics - Post Growth Institute

[et_pb_section fb_built=”1″ fullwidth=”on” admin_label=”Section” module_id=”bottoms-up” _builder_version=”4.25.1″ _module_preset=”default” use_background_color_gradient=”on” background_color_gradient_stops=”rgba(10,0,0,0.3) 0%|rgba(10,0,0,0.3) 100%” background_color_gradient_overlays_image=”on” background_image=”https://postgrowth.org/wp-content/uploads/2024/05/About-What-is-Post-Growth-Crystal-Grand-Tetons-Wyoming.png” parallax=”on” animation_style=”fade” da_popup_slug=”bottoms-up” da_disable_devices=”off|off|off” box_shadow_style=”preset1″ locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_header title=”What is post-growth economics” subhead=”and why is it necessary?” _builder_version=”4.25.2″ _module_preset=”default” title_font=”–et_global_heading_font||||||||” title_text_align=”center” title_text_color=”#ffffff” title_font_size=”40px” subhead_font=”League Spartan||||||||” subhead_text_align=”center” subhead_font_size=”20px” background_enable_color=”off” background_enable_image=”off” min_height=”750px” animation_style=”zoom” animation_duration=”1500ms” animation_intensity_zoom=”4%” custom_css_main_element=”display: […]

The CSS lh unit

A look at the CSS line height unit and how it works.