I have decided to participate in CSS Naked Day this year. I had heard of it be…
Continue reading post "CSS Naked Day"CSS Naked Day
in
www
css
holiday
html
web
css posts
CSS: Pixelated images filter
in
www
css
filter
site
svg
theme
I recently made a console theme for my website. Photos left unmodified looked …
Continue reading post "CSS: Pixelated images filter"CSS: Repeating character borders
in
www
css
technique
theme
Since adding a theme switcher to my site, I've created several new simple theme…
Continue reading post "CSS: Repeating character borders"Compact about:profiles in Firefox
in
computer
www
css
firefox
fix
profile
Firefox allows us to create multiple browser profiles to separate our activitie…
Continue reading post "Compact about:profiles in Firefox"CSS wishes: add to existing rules
in
ideas
www
css
wants
Some months ago, I wrote a 2023 CSS wishlist for things I'd like to see in the …
Continue reading post "CSS wishes: add to existing rules"More CSS Wishes
in
www
css
thoughts
wants
After reading through a few more CSS wishlists, such as Chris Coyier's and Ahma…
Continue reading post "More CSS Wishes"CSS Wishlist
in
www
css
thoughts
wants
After reading Eric Meyer's and Dave Rupert's recent CSS Wishlist, I decided to …
Continue reading post "CSS Wishlist"HTML + CSS toggle switch
in
www
css
forms
html
widget
I had to make a toggle switch widget for work recently. I had not done one bef…
Continue reading post "HTML + CSS toggle switch"Today, I learned that display: block on a <summary> element removes the di…
Continue reading post "#2340"The min-content in CSS grid apparently takes into account the full width of a &l…
Continue reading post "#1984"CSS: checking support for selectors
in
www
browser
css
selector
support
trick
@supports is a good way to apply an entire block of styles only if (modern) bro…
Continue reading post "CSS: checking support for selectors"I had forgotten that CSS attr() is only supported for values of content. I was …
Continue reading post "#1819"IE 5 Mac class attribute with space bug
in
www
bug
css
html
oldbrowsers
progressiveenhancement
webd
Crazy Mac IE 5 bugs with the HTML class attribute: If you have a space after an…
Continue reading post "IE 5 Mac class attribute with space bug"CSS: inner border grid list with grid layout
in
www
css
grid
layout
A couple years ago, I wrote a post titled "CSS: Inner Border Grid List&quo…
Continue reading post "CSS: inner border grid list with grid layout"I've been using cssnano for compressing my CSS on some projects recently. Appar…
Continue reading post "#1408"Duplicate selectors: Increase specificity without being more specific
in
www
css
specificity
technique
trick
CSS has a concept of specificity wherein more "specific" selectors ta…
Continue reading post "Duplicate selectors: Increase specificity without being more specific"SCSS rgba color fallback mixin
in
www
color
mixin
progressiveenhancement
scss
Browser support for rgba colors is very wide, basically working in everything b…
Continue reading post "SCSS rgba color fallback mixin"There must've been a flexbox bug in Firefox 45. Today, it was brought to my att…
Continue reading post "#1101"Cool tool for choosing from various easings and getting their CSS transition cub…
Continue reading post "#964"CSS: Inner Border Grid List
in
www
css
style
technique
[note]This post is not about the grid layout spec, but I have created a solutio…
Continue reading post "CSS: Inner Border Grid List"Responsively Changing Date Formats
in
www
css
responsive
technique
At times in developing a responsive site, the content that is shown needs to ch…
Continue reading post "Responsively Changing Date Formats"The Happs
in
www
development
happs
process
requirejs
scss
web
For a while now I've been trying to write posts that draw people, such as solut…
Continue reading post "The Happs"SCSS rem fallback mixin, my take
in
www
css
mixin
preprocessing
sass
style
The rem CSS unit allows you to base your font sizes off of the user's configure…
Continue reading post "SCSS rem fallback mixin, my take"CSS: Position absolute with auto values
in
www
css
I have been using 'position: absolute' for a long time for a lot of things, suc…
Continue reading post "CSS: Position absolute with auto values"Conference: Rustbelt Refresh
in
www
conference
css
html5
I went to my first real full length web development conference today, Rustbelt …
Continue reading post "Conference: Rustbelt Refresh"My first responsive site
in
www
css
design
layout
responsive
I've been interested in the basic idea of responsive design since I first start…
Continue reading post "My first responsive site"IE 10 and CSS Grid Layout
in
www
browsers
css
css3
grid
ie
layout
IE 10 has recently graduated from beta and is now the current official release.…
Continue reading post "IE 10 and CSS Grid Layout"Workings of Late: Symfony, Less, Responsive Design, Etc
in
www
cogneato
lesscss
responsive
style
symfony
As I've mentioned, at Cogneato we've been building a new version of our CMS usi…
Continue reading post "Workings of Late: Symfony, Less, Responsive Design, Etc"HTML5: The Progress Element
in
www
css
elements
html5
style
I decided to attempt to use another new HTML 5 element on a site, the <prog…
Continue reading post "HTML5: The Progress Element"CSS3: Text Rotation Rendering Problems
in
www
css
css3
problem
rotation
As mentioned in another post on css rotation, I had some issues with rotating t…
Continue reading post "CSS3: Text Rotation Rendering Problems"CSS3: Rotation
in
www
css3
rotation
Continuing my adoption of new CSS3 capabilities, I've built my first site using…
Continue reading post "CSS3: Rotation"CSS: IE Shadows and Rounded Corners With HTC
in
www
css
css3
htc
ie
style
[Update Synopsis] I've improved color support, now working for hex, rgb, and rg…
Continue reading post "CSS: IE Shadows and Rounded Corners With HTC"The Case for DOM Element Insertion With CSS
in
www
css
dom
style
thoughts
CSS provides the "content" property for inserting content into docume…
Continue reading post "The Case for DOM Element Insertion With CSS"