Speckyboy Web Design Magazine

Weekly News for Designers (N.374)

This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.

You can sign-up to our awesome weekly newsletter or follow us on Twitter for some more amazing design articles, resources and freebies.

New Resources & Tools

Brutalist Framework – An open source framework for the brutalist web design trend.

Spacegrid CSS – An open-source, no-frills responsive grid layout to help you get started on your next project.

CSS Loader – Simple loaders for your web applications using only one div and pure CSS.

Moving to HTTPS Guide – A community site to help site owners migrate to HTTPS with a simple tested process.

Typographic Email – A responsive email template that is optimized for readability.

10 Free Code Snippets for Creating Beautiful CSS Buttons – 10 unique CSS button collections and snippets from CodePen which you can study and clone for your own web projects.

Brackets Theme: Rad – This theme is inspired by 90s TV shows, old Macintosh computers & palm trees.

Freebie: 4 Bootstrap Gallery Templates – These templates are completely free to use (no attribution required), fully responsive, and super easy to implement – just copy and paste!

Learning Guides, Tutorials & Tips

Do responsive sites have to be so tall on mobile? By Kevin Vigneault

Responsive CSS Patterns without Media Queries By Andy Kirk

How to Use CSS Animations Like a Pro By Ibrahim Nergiz

Build a Calculator By Sravan S

Auto-Layout: Introducing Stacks — Flexbox for Sketch By Anima App

Deep dive CSS: font metrics, line-height and vertical-align By Vincent De Oliveira

UX Design

Design Patterns for Humans! By Kamran Ahmed

Caveats of Motion in Design By Adrian Zumbrunnen

UX Thoughts on Using Video as a Background By Vincent Sevilla

Browse the Designer News Archives