Keep up with the latest news and developments around responsive design and the new direcitons that web designa and development are taking.
Yes I know, we’ve already covered things about responsive images. The thing with tutorials is that everyone teaches in a different manner, and everyone learns differently as well. This may be the one that will click for you and get you adding RWD images to your site today.
A quick explanation on how the bootstrap grid layout works complete with popup examples from the example code.
Some interesting UI examples with cards. It works pretty good on touch enabled devices, although I sometimes accidentally zoom when trying to press the buttons fast.
Foundation 6 is on the horizon and this is a sneak preview for you to see what you’re in store for. The good news is that it’s leaner and faster than before. We’ll be catching with some of the team in next weeks podcast.
Everyone can do something to make their sites faster…. even you. If NPR with all of the historic elements they have can do it then your job is likely to be a little simpler.
A couple weeks ago we mentioned that Chrome would be soon shipping with Client Hints (currently behind a flag), and now Imgix is integrating this with their real time responsive image generator.
Learning how the Bootstrap grid is built. This gives you two things… First it allows you to understand what Bootstrap is doing; and secondly it gives you the knowledge to build your own mini grid that suits you rather than including ALL of bootstrap if you don’t need it.
While it won’t exactly be perfect this article looks at some key areas on existing sites and points out where they went right and wrong.
Major announcement: the debut of Adobe’s new user experience and user interface design application (for desktop), currently being developed under the code name Project Comet.
This week I’ve included a link to the Lightning Experience Framework from Salesforce, but this article goes into the process of how they came up with the framework
If you’re last pass at a clients website was making it responsive then these figures/statistics will give you a good reason to make another pass and focus on the performance.
With the podcast this week focussing on time and the speed of light it would be remiss of me not to include this excellent article about how we perceive time. Great illustrations and remember it’s all about 20% differences!
There”s one more thing that will no doubt be extremely handy to you as a designer: the gallery mixin. As the Susy documentation succinctly puts it, “Gallery is a shortcut for creating gallery-style layouts, where a large number of elements are layed [sic] out on a consistent grid.” It’s great for unordered lists, for example, […]
Building multi-lingual sites is tough… let alone building it for 28 different languages. Thankfully the BBC are sharing 13 tips of how to be better at it.
Element Queries have had a name change…. Container Queries now. The awesome folks who brought us Responsive Images are now tackling the next most useful thing we could do in our responsive arsenal.
I didn’t know about this when I talked about it during the CSS Summit the other week, but how awesome is that! Edge is now adding the w and sizes into the srcset implementation to match the x descriptor…. over to you Safari.
Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.