|
|
When I say responsive we think media queries. These days the term can mean so many things outside the traditional mental model of responsive web design. In this little experiment the javascript built cars race around a set of obstacles while learning what to miss and where to avoid again in the future. This is a system whose design is truly responsive to its environment.
Practical CSS Grid: Adding Grid to an Existing Design
A couple of weeks ago I covered an article from Eric Myer who had rebuilt his site using CSS Grid Layout. Now, the site isn't going to win any design awards (sorry Eric) but the point is that a lot of you are probably thinking about doing the same thing to your own sites in exactly the same way that we all did when RWD was first a thing. Check out this tutorial and see the step by step process he went through
An overview of bringing a large-scale site like Quidco from fixed to responsive.
A really great overview on what is needed in design tools when dealing with flexible grids.
Chris sums up the current state of the AMP debate really well in this post. He covers off a lot of the discussions from articles we've covered already but puts his own thoughts down at the same time.
If you thought toggle buttons were pretty straight forward then do we have a post for you!
Smashing Magazine have made a massive move after 10 years on the same CMS platform. While Wordpress has done them well over that time, Netlify offers a static CMS that can't help but be lightning fast.
Calibre can emulate real-world devices, connection speeds, and more. This was news to me... in fact, until this article, I'm not even sure I'd heard of Calibre. I certainly have now though and I'm very impressed with what they can do.
There's a new encoder in town and it's coming to an imageOptim near you. Smaller, better quality images that are going to load faster and reduce file size... can it get any better?
Here's how to use relative CSS units to build scalable, responsive designs with simpler code.
PWA's won't necessarily be for everyone but they're a great way to provide something to your visitors when they're offline.... even if it's just a page to let me know they're offline!
A great introductory article on colour theory which is extended into how we can apply it simply through some mixins. So get ready to be mixin some colours together (pun intended... I'm so sorry)
Comprehensive web performance monitoring. Gives you powerful analytics that provide insights you need to improve your site.
Here is a quick reference to the defined overrides with simple examples. See the resources at the end of this cheatsheet for more advice and examples.
Take a whirlwind tour of your next favourite language. Community-driven!
Go from idea to prototype faster with Adobe XD (free Beta), the first all-in-one cross-platform tool for designing and prototyping websites and mobile apps. // Sponsored
These days most clients are asking for video in the background instead of imagery.... *sigh*. While it can be easy to whip up in theory, in practice it can be a pain.
Another interactive feature that clients are asking about more often is some subtle movement of content when it appears within the viewport as you scroll. Another tough one to get right, but this works well.
Subform is a modern tool for digital product designers. It is a CAD inspired tool focussed on the UX/UI of design. If you liked the article about Better Grid UI Tools, it was written by the creator of this tool
© Sva prava pridržana, Kompjuter biblioteka, Beograd, Obalskih radnika 4a, Telefon: +381 11 252 0 272 |
||