Web design & UX

A bunch of tools, links and wisdom from and for the web professional.

[webux]

Responsive grids and how to actually use them

A detailed explanation for designers on how to use grids for responsive design, and how things will scale in between breakpoints.

[webux]

All you need as references, and it is all interactive!

[webux]

User Inyerface - A worst-practice UI experiment

Learn by frustration. A guide on what not to do and remember to avoid it :P

p.s. It took me 11:06 min to complete it.

[webux]

Open and edit PSD, XCF, Sketch (Photoshop, Gimp and Sketch) or any other image files. Inspect PSD and Sketch files. Convert Sketch to PSD. Apply photo effects and filters. A perfect alternative to Photoshop or Gimp.

The closest you can get to Photoshop without leaving your web browser! You can even use the keyboard shortcuts 😱

[webux]

Resilient Web Design

Introduction

A walk through the history of the web and its design along with very useful insights.

[webux]

Atomic Design

Hey there! I wrote a book called Atomic Design that dives into this topic in more detail, which you can buy in paperback and/or ebook formats. We’re not designing pages, we’re designing systems of components.—Stephen Hay As the craft of Web design continues to evolve, we're recognizing the need to

Must read!

[webux]

Incredible is a template, that combines a minimal modern design with the right amount of features to help you create an outstanding web for your business in no time.

[webux]

Browse a carefully crafted collection of loaders, hover effects, transitions, and other CSS effects to use in your next project. Effects are designed with an emphasis on fluidity, simplicity, and ease of use.

[webux]

Blobmaker

Make organic SVG shapes for your next design.

[webux]

How to fix common git problems

[webux]

Mobbin - Latest Mobile Design Patterns

Check out the hand-picked collection of latest mobile design patterns from apps that reflect the best in design.

Definitely a resource to check out over and over

[webux]

The State of JavaScript 2018

Discover the most popular JavaScript technologies of the year.

[webux]

Let's build the future of the web.

[webux]

developer-roadmap - Roadmap to becoming a web developer in 2018

The state of web development in 2018

[webux]

Using Visual Loudness for Better Wayfinding | Viget

“It needs more ‘pop’.” Can I tell you how many times I’ve heard that phrase? It’s the sad reaction to a design that could lack proper emphasis. My reaction is usually something like, “if everything pops, nothing pops.” Does this sound familiar? Over time I’ve …

Say it louder, say it clearer.

[webux]

Micron.JS - a [μ] microInteraction Library

a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power

[webux]

css-gridish - Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension.

#wannatry