Collection - Useful resources

What designers need to know about these transformational layout tools.

From Medium: Jon Yablonski.

A truly responsive website should adapt to all kinds of situations. Besides different viewport sizes, there are other factors to consider. A change in connectivity is one of them.

From MXB.

If I’ve learned anything from my agency day job at Innovatemap and my side project UX Power Tools, it’s that we have to be part designer, part marketer, part sales person, and part user.

From Medium: Jon Moore.

Foodiesfeed is a resource of awesome naturally looking food photos that are completely free to download.

From Foodiesfeed.

From Sassmeister (via @CSSWizardry).

From Github.

From OptinMonster.

From OptinMonster.

From Facebook.

PWAs are web apps that look and feel like native apps — they’re installable, they load quickly, they can deliver push notifications, and they work offline. How do they do all that? Service workers are the key.

From Braincrunch.

Beautiful, free photos. Gifted by the world’s most generous community of photographers.

From Unsplash.

What could be simpler than returning HTTP status codes? Did the page render? Great, return 200. Does the page not exist? That’s a 404. Do I want to redirect the user to another page? 302, or maybe 301.

From CodeTinkerer.

Why we should and shouldn’t use Lazy Load, and how to implement it. Images make up over 60% of an average page’s size, according to HTTP Archive. Images on a web page would be rendered once they are available.

From Smashing Magazine.

Lazy load images, YouTube and Vimeo videos, and iframes using Lazy Load XT. Lazy Load XT is the fastest, lightest, fully customizable lazy load plugin in the WordPress Plugin Directory.

From WordPress Plugin Repo.

Here are 7 straightforward ways to impress your readers and turn them into paying customers or clients.

From Syed Balkhi.

As we all (should) probably know by now, specificity is is one of CSS’ most troublesome features, and is an area that soon becomes hard to manage on projects of any reasonable size. Specificity is a trait best avoided, which is why we don’t use IDs in CSS, and we don’t nest selectors unless absolutely necessary.

From CSS Wizardry.

BEM – meaning block, element, modifier – is a front-end naming methodology thought up by the guys at Yandex. It is a smart way of naming your CSS classes to give them more transparency and meaning to other developers.

From CSS Wizardry.

One of the biggest—if not most common—complaints about OOCSS is its use of ‘insemantic classes’. Unfortunately, the idea that classes are semantic (in the HTML sense of the term) is something of a fallacy.

From CSS Wizardry.

Level BEM up a notch. This extended BEM syntax has been dubbed BEMIT, as it borrows some paradigms and patterns from the (as yet unpublished) Inverted Triangle CSS architecture. BEM + ITCSS = BEMIT.

From CSS Wizardry.