DEV Community

loading...
Cover image for Web Design Pick ‘n’ Mix 05

Web Design Pick ‘n’ Mix 05

nervewax profile image nervewax Originally published at nervewax.com on ・2 min read

So it’s been a long while since my last Pick ‘n’ Mix… this one has been in my drafts for ages, so I thought I’d write it up now that I’ve collected a good amount of stuff.

The image this time is the amazing photography of Paweł Czerwiński over on Unsplash.

Design

Figma - A web app, for design and prototyping. Besides using this for web design, it’s also a really good free alternative for something like Illustrator or Sketch.

Even if you’re not really into design, Steve Schoger’s Refactoring UI videos are great. His CSS Day 2019 talk was also a good one.

Front end

cssstats.com - A great little tool for scanning and fixing up your CSS.

micormodal and microtip - Two handy JS libs built by the same people, that take care of modals and tooltips. Both are lightweight, accessible and unopinionated style-wise, what more could you want?

picsum.photos - Lorem ipsum… but for photos. This pulls photos from Unsplash and allows different sizes to be defined in the url. Really handy for quickly building out any html that includes an image.

CSSBattle - A CSS battleground, with challenges to recreate designs in CSS with as little code as possible.

Rellax - A lightweight, vanilla JS parallax library. This lib was so easy to use, I dropped in on my blog billboards within a couple of minutes of learning it existed!

Scroll behaviour smooth - Smooth scrolling now built into CSS. scroll-behavior: smooth;

Using outline with a negative outline-offset, you can emulate collapsing borders for responsive Flexbox layouts. No breakpoints. pic.twitter.com/UGybVsh3jB

— overflow: heydon (@heydonworks) August 16, 2017

free-for.dev - Loads of links to free dev stuff.

Other

Notion - A note taking web app, that includes things like Trello style boards, knowledge bases and wikis. I used it a bit, and it seems really good for a digital notes tool. Although I’m actually just using good old notebooks myself ✍️

expodal - The Most Explosive Modal on the Web. 💥

Discussion (0)

Forem Open with the Forem app