clubmate.fi

A good[ish] website

Web development blog, loads of UI and JavaScript topics

Posts filed under the category HTML/CSS

Speed up page rendering by setting content-visibility to auto
How to resize HTML elements: with few lines of CSS, using a React hook, or with pure JavaScript
Make any HTML element editable with contenteditable attribute
Accessible and modern React icon component
How to handle icons in a React in 2021 | The technological singularity
Strip all styling from a button and make it look like text
Visually hidden text, only visible to screen readers
Position sticky in CSS, with examples
Sticky footer done with simple CSS
What does the preload attribute actually do in the HTML video element?
The good kind of specificity in CSS
A lesson in Sass Maps: make Sass media queries talk to JavaScript
@import and globbing in Sass
How to use maps in Sass, syntax, examples, and other good things
Lists in Sass: syntax and use cases with examples
For, while, and each loops in Sass
All you need to know about markdown
How to enable sourcemaps in Sass and Compass
How to install Sass and Compass prereleases on an RVM
OOCSS, ACSS, BEM, SMACSS: what are they? What should I use?
How to make form element label clickable
100% height columns & fixed width sidebar: pure CSS solutions to commons fluid layout problems
Sass mixin to make a button element look like a normal link.
CSS beveled corners, take 2: a Sass Mixin
CSS trapezoid shapes drawn in pure CSS (and triangles)
Base64 encoded 1px gifs, black, gray and transparent
If not IE, conditional HTML comment
Making trippy shapes with CSS border and animating them to give you epilepsy
SCSS @font-face mixin
Cache busting scrip and CSS loader function for WordPress
Hyphenating with pure CSS
Make an element wider than it’s parent, in a WordPress post
The modern way of writing media queries with the help of Sass
Sizing type on the web
How to use Compass color helper functions
How to use Compass plugins with CodeKit
100% height sidebars without images, unsemantic HTML elements, or flexbox
Fluid multi column layout revisited
Fluid multi column layout where sidebar and margins stays fixed width, without JavaScript
CSS beveled corners
Firefox wont take percentage padding on form elements
Change the form field placeholder text color

All categories