Four Layouts for the Price of One

Category Image 052

Pretty notable when a tweet about a flexbox layouts gets 8K+ likes on Twitter!

That's "native" CSS nesting in use there as well, assuming we get that at some point and the syntax holds.

There was some feedback that the code is inscrutable. I don't really think so, to me it says:

  • All these inputs are allowed both to shrink and grow
  • There is even spacing around all of it
  • The email input should be three times bigger than the others
  • If it needs to wrap, fine, wrap.

A great use case for flexbox, which is the right layout mechanism when you aren't trying to be super precise about the size of everything.

There is a blog post (no byline 🤷‍♂️) with a more longwinded explanation.


This reminds me a lot of Tim Van Damme's Adaptive Photo Layout where photos lay themselves out with flexbox. They don't entirely keep their Aspect ratios, but they mostly do, thanks to literally the flexibility of flexbox.

Here's a fun fork of the original.

It's like a zillion layouts for the price of one, and just a few lines of code to boot.

The post Four Layouts for the Price of One appeared first on CSS-Tricks.

800+ Free & Premium Procreate Brushes

Featured Imgs 30

Procreate makes it easy to create stunning designs and pieces of artwork for personal and professional use. However, gathering all the resources you need, like Procreate brushes, can seem like a daunting task when you’re first starting out.

Instead of having to hunt down brushes to use in your art, we’ve put together a resource you can reference whenever you need a new brush. Here, we’ve compiled some premium brushes, free collections, as well as premium (free & premium) collections you can use in your work starting right now.

All The Best Procreate Brushes
Unlimited Downloads: Hundreds of Procreate Brushes For Your Designs

Envato Elements - Procreate Brushes

Premium Procreate Brushes

Vintage Comic Brushes

Procreate Brushes - Vintage Comic

The Vintage Comic Brushes set contains 51 brushes for Procreate that are heavily inspired by the vintage comic halftone look.

Procreate Texture Brushes.Sand

Procreate Brushes - Texture

This set of texture brushes offer a variety of sand effects for your Procreate projects. The set comes with 6 sand texture brushes.

Fabulous Pencils for Procreate

Procreate Brushes - Pencils

The Fabulous Pencils set comes with 44 different brushes that offer realistic pencil textures for any project that requires a hand drawn look.

Graffiti Brush for Procreate

Procreate Brushes - Graffiti

The Graffiti Brush set makes it easy to create analog graffiti looks in your digital artwork.

The Jungle Brushes

Procreate Brushes - Jungle

The Jungle Brushes is a set of 20 brushes for Procreate that can be used to add an earthy and grungy look to any project.

Free Procreate Brush Collections

Watercolor & Paint Brushes

Procreate Brushes - Watercolor

This is a lovely collection of free watercolor and paint brushes.

250+ Creative and Free Brushes for the iPad Pro

Procreate Brushes - Creative

This is a real treasure trove of free resources! Here, you can find over 250 free brushes that offer you new creative ways to make what you want to make.

351+ Inking, Lettering, and Calligraphy Brushes for the iPad Pro

Procreate Brushes - 351+

If lettering is what you’re interested in, why not browse the 350+ brushes listed in this resource?

Free Procreate Brushes

Procreate Brushes - Free

Here’s another lovely set of brushes that you can browse and use for free.

Free Brushes: A Stockpile of all My Freebies

Procreate Brushes - Stockpile

In this collection, you can browse through all the free brushes a fellow artist has compiled. How generous!

50 of the Best Free Brushes

Procreate Brushes - 50 best free

Another great list here, this time of 50 fantastic free brushes.

Premium Procreate Brush Collections

Premium Brushes for Artists & Illustrators

Procreate Brushes - master bundle

If it’s within your budget, you can always splurge on a new brush or two after browsing those listed here.

34 of the Best Brushes

Procreate Brushes - 34 best

This list of 34 all-time favorite brushes can really take you far when it comes to professionalism — plus there are some freebies included here as well.

The Best Procreate Brushes for iPad (Free & Premium Packs)

Procreate Brushes - iPad

Another free and premium list here, chock full of some of the best brushes you could ever ask for.

The Best Procreate Brushes to Download in 2019

Procreate Brushes - essential bundle

Over 300 brushes are listed at this resource. Odds say you’ll find what you’re looking for here.

100+ Brushes for Artists (Best Free & Premium Brush Sets)

Procreate Brushes - 100+

Last on our list is this collection of over 100 brushes that includes free and premium selections, all of which are great for working artists.

Use These Procreate Brushes to Create Your Next Stunning Work

Don’t let a lack of on-hand resources stunt your next project. Instead, see what’s available to you for or for a nominal fee. What’s available might really surprise you. And hopefully, this collection of Procreate brushes will send you well on your way toward putting together something truly eye-catching. Be sure to check out our other brush resources here.

Top 4 Cyber Security Trends to Watch Out For in 2020

Category Image 032

Incidents of data breaches and theft are showing no signs of slowing down. According to Forbes, in the first half of 2019 alone, cybercriminals compromised the personal information of more than 4 billion users. As the world becomes more and more digitalized, businesses can longer afford to ignore cybersecurity.

One of the best ways to stay safe is to keep abreast of emerging cybersecurity trends, so here we’ll discuss five of the most prominent ones to be aware of going in 2020: