Tag: css
-
Gutenberg editor styling: more work for CSS developers?
Many agencies trying out Gutenberg early seem to have run into issues styling the editor. Keeping the front end and editor styles similar and in sync will be even more important with the new editor because of its visual nature, but it doesn’t seem like it’s going to be easy for developers. In June, Marie…
-
Moving from CSS Frameworks to CSS Grid
I’ve been playing around with various CSS frameworks for the past eight years. All these frameworks like Foundation, Bootstrap and Blueprint have really only served one purpose for me: to disguise the fact that until now, layout in CSS has been a hack.
-
Rachel Andrew’s List on Developments in CSS
If you’re at all interested in new CSS features and their implementations in browsers, bookmark this: https://rachelandrew.co.uk/archives/2017/05/01/whats-happening-in-css/
-
Debugging SASS in Chrome
In Firefox, viewing the original SASS line number directly has been possible using Firebug and FireSass. Similar, or even better functionality has very recently arrived in the stable release of Chrome. I just tried this out and it works wonderfully. See here for instructions: How to make Chrome understand the SASS/SCSS in your rails app…
-
SASS, LESS and nesting overload
Both SASS and LESS are really nice tools for CSS developers. Both have the ability to nest selectors like this: #header { h1 { font-size: 3em } p { font-size: 1.2em } } …which compiles to #wrapper h1 { font-size: 3em } #wrapper p { font-size: 1.2em } Nesting is really useful, just don’t go…
-
On Pragmatic Responsive Design
Responsive design shouldn’t be just about checking screen width and removing stuff on mobile devices, even though this is what it often amounts to. I also admit to doing this myself. Designing with a mobile first approach is sensible, but we run into problems with the typical wireframes/photoshop/html pixel-perfect workflow. Stephanie Rieger made this excellent presentation…
-
Committing to Good Markup
Solid, semantic and accessible HTML markup matters. When most people look at a web page, it doesn’t make much difference to them whether headings are coded with proper <h1> and <h1> tags or <span style=”font-size: 20px”>. Still, for someone using a screen reader, not to mention search engines and feed readers, it can make all the…
-
Flexible fluid layouts with CSS and jQuery (Part 2 in series)
In this post I’ll demonstrate with a simple example how easy it is, with CSS and a bit of jQuery, to make layouts that adapt to the many different screen sizes out there.
-
Experimenting in HTML5 and CSS3
I decided to experiment with some of the new elements in HTML 5 and built my blog theme from scratch (with the help of the Carrington framework though). I’m now rolling article, section, header, footer and other stuff. Because IE needs a Javascript hack to enable support for these elements, I wouldn’t consider doing this…