Tag: CSS

Embedded Gists in a Flexbox Layout: Too Soon?


Warning: DOMDocument::loadHTML(): Tag template invalid in Entity, line: 12 in /home/customer/www/jonchristopher.us/public_html/wp-content/plugins/gistpress/includes/class-gistpress.php on line 466

Warning: DOMDocument::loadHTML(): Tag svg invalid in Entity, line: 14 in /home/customer/www/jonchristopher.us/public_html/wp-content/plugins/gistpress/includes/class-gistpress.php on line 466

Warning: DOMDocument::loadHTML(): Tag path invalid in Entity, line: 15 in /home/customer/www/jonchristopher.us/public_html/wp-content/plugins/gistpress/includes/class-gistpress.php on line 466

Warning: DOMDocument::loadHTML(): Tag template invalid in Entity, line: 28 in /home/customer/www/jonchristopher.us/public_html/wp-content/plugins/gistpress/includes/class-gistpress.php on line 466

Warning: DOMDocument::loadHTML(): Tag svg invalid in Entity, line: 30 in /home/customer/www/jonchristopher.us/public_html/wp-content/plugins/gistpress/includes/class-gistpress.php on line 466

Warning: DOMDocument::loadHTML(): Tag path invalid in Entity, line: 31 in /home/customer/www/jonchristopher.us/public_html/wp-content/plugins/gistpress/includes/class-gistpress.php on line 466

I’ve been tidying up a bit around here and (for the most part) restructured the entire style layer of Monday By Noon to be both mobile-first and Flexbox based. I’m officially smitten with Flexbox and use it quite a bit now. I got caught up on an issue as I was updating existing content, specifically the code […]

Posted: May 01, 2016

Flip the Script!

How frustrating can it be to try and debug minified code? How much harder is it to try and debug someone else’s minified code that you have absolutely no control over? Flip the Script is a Chrome extension that does something amazing by adding a new tab to the Web Inspector: The extension lists all […]

Posted: June 02, 2015

Collapsing Margins

I’d classify collapsible margins as something that might go under the radar of front end developers depending on how they were introduced to margins and padding in the first place. Personally I didn’t catch on to collapsible margins until well after I picked up CSS. In fact at first I thought it was an issue […]

Posted: May 01, 2015

Susy

I’m not sure if I’ve become too detached or something, but this is the first time I’ve heard of Susy which can’t be well described by calling it a Sass library because it’s just as much a philosophy. Susy seems to have been born out of the customization frustrations found with more traditional CSS frameworks […]

Posted: June 30, 2014

Cargo Cult CSS

I’ve been sitting on this article for a while but finally was able to give it a good, focused read. If I’m honest, there are many great points to consider. I say that because at first glance it feels very anti-“modern” CSS, but what good is something if it hasn’t been questioned repeatedly (even when […]

Posted: May 01, 2014

CSS3 Buttons with Gradient Stroke

I style a lot of buttons, but a classic treatment I find myself needing to implement is one with a gradient background and subtle gradient stroke along the edges. Over time my solutions began with multiple elements and specific CSS for each. It got the job done but it was clearly bloated. CSS3 changes so […]

Posted: April 25, 2014

Jank Busters – Chrome Rendering Performance

Talks like these fascinate me. I personally have not gotten so far into frame rate performance testing to make use of the (awesome looking) dev tools that support such a practice, but I want to. I really enjoyed hearing from two of the engineers that actually deal with the low level implementations of browser rendering, […]

Posted: March 24, 2014

Sass 3.3 (Maptastic Maple)

Sass 3.3 has arrived, and there is a lot to like! If I had to pick out something I’d like to focus on in 3.3 it’s gotta be source maps. I haven’t really ingrained that into my workflow quite yet, but I really see the value in such a feature and it’s something I’ve been […]

Posted: March 16, 2014

Media Queries Are Not The Answer: Element Query Polyfill

If anything has totally turned my CSS-writing-life upside down it’s the strategy of writing styles in the most modular form you can. I’ve obsessed over it ever since reading SMACSS for the first time. I always struggled with the idea of OOCSS and how that translates to real life. Are there technical benefits to it, […]

Posted: November 13, 2013

Cloud.typography — Using Shades

For just about ever I’ve always been unnerved using attr when writing CSS. I don’t know where the icky feeling came from but it’s completely unfounded as you can see by this killer usage illustration by Brandon Durham How cool is that?! /via @trentwalton

Posted: November 08, 2013