This week Dave and I were joined by Brad Frost. The overall theme is responsive design and we end up addressing quite a few nuanced issues and concerns with it. Big thanks to Harvest and Environments for Humans for sponsoring.
Welcome to THE ultimate resource for creatives. Up-to-the-minute updates from over 180 of your favorite design/dev/photo blogs around the web, all in one place... Stay a while!
We also contribute our own content to the design community. View our Original Posts.
Andrew Powers of PageLine explain how they use LESS in their product to give it some neat features.
Bonafide CSS trick from Roman Rudenko. Ultimately, I hope line-clamp becomes a real thing.
#Lazyweb: They have an iOS app, but someone should make a bookmarklet to swap out the font on page with this font for desktop browsers. Or browser extension(s).
A jQuery plugin by Josh Brewer and Mark Christian that adjust the font size based on your ideal line length to keep a consistant typographic measure across all screen sizes. Kinda like FitText.js but for use on body copy. The new vm/vh units may obsolete this, but not with the same simplicity.
I think this is a fun and useful style of post that any WordPress blogger can do. It's always interesting to hear in what ways people are extending what WordPress can do out of the box. I'll share the ones I'm using here on CSS-Tricks then you can share yours (either in the comments on in a post on your own WordPress site). My list is quite a bit different than the last time I did this in 2008. If …
This week Dave and I were joined by Jeremy Keith, long time super genius. We talk about the lack of a main content element in HTML5, the HTML5 vs Native classic debate, mobile first hindering creativity, and more. Big thanks to Squarespace and Environments for Humans for sponsoring.
When you take the responsive web design route, part of the deal is fluid grids. That is, container elements set in percentage widths. Just one example: an that holds a blog post might be 320px wide on a small screen device and 690px wide on some large screen. Text can be resized and will flow nicely to fill a container. That's not too hard. But media - images, video players, and audio players - demand a bit more attention …
Allison Wagner shares here thoughts after 10 months of working with a CSS preprocessor. Many of the thoughts resonate with my own. On variables:
The week in "sort of interesting things that happened to me" and "stuff I've been working on."
Should we allow users to opt out of our responsive designs? Isn't that admitting failure? Or are there reasonable circumstances when it's a good thing? How would we do it?
This week Dave and I were joined by WordPress mastermind Alex King. We mostly talk about WordPress stuff, including some tech stuff but also bigger issues like the business around it and motivation. Big thanks to BD Conf and Environments for Humans for sponsoring.
I was inspired by it and notice there wasn't anything up for web forms yet so I built one.
Right after The Lodge opened up around here, I started getting reports right away about some videos not playing on the iPad. Ugh, crap, these are paying customers and they should be able to watch these things on a modern device.
Demo by Neil Carpenter in which it looks like a bunch of regular blog posts in a row on large screens and turns into a "stack" of blog posts with navigation on small screens.