Character of web design trends

Web Design Trends #11

Web Design Newsletter

HTML cheat sheet | Glider.js - dependency-free scrollable | Color Chart | Foxholder - Unique Form Animations Kit | Squoosh - image compression | Info Cards Concept | Slatejs - Rich Text | CSS file icons | Bars | Borsok font | UI KIT Adobe XD | Office Icons Pack | Circus Font and many articles for Front-End Web Developer.

Glider.js - dependency-free scrollable

Glider.js - dependency-free scrollable

A blazingly fast, crazy small, fully responsive, mobile-friendly, dependency free, native scrolling list with paging controls!

HTML cheat sheet

HTML cheat sheet

HTML cheat sheet has a full list of all HTML elements, including descriptions, code examples and live previews. Scroll down to browse all HTML tags alphabetically or by their category, or download it as a PDF.

Color Chart

Color Chart

Never choose the wrong color again. Use our web safe, Material design and flat design color chart to find the perfect color combination for your website.

Foxholder - Unique Form Animations Kit

Foxholder - Unique Form Animations Kit

Placeholder Animations (input and textareas) & button animations

Squoosh  -  image compression

Squoosh - image compression

Squoosh is an image compression web app that allows you to dive into the advanced options provided by various image compressors.

Info Cards Concept

Info Cards Concept

A pen by Yancy Min

Slatejs - Rich Text

Slatejs - Rich Text

A completely customizable framework for building rich text editors.

CSS file icons

CSS file icons

Pure CSS file icons for popular extensions

Bars

Bars

A pen by Lucagez

Borsok font

Borsok font

Free for personal & commercial use

UI KIT Adobe XD

UI KIT Adobe XD

The UI kit has been created by Florida-based designer, Meagan Fisher. Her goal was to help non-profits publish better websites.

Office Icons Pack

Office Icons Pack

Freebies Office Icons Pack

Circus Font

Circus Font

The Circus Display Font

HTML Cheat Sheet: A Simple Guide to HTML

HTML Cheat Sheet: A Simple Guide to HTML

If you are new to HTML you may feel a little in the dark about how to progress forward with any sort of momentum. Even if you are experienced in the realm of HTML, it can be easy to lose track of references. We have created an HTML cheat sheet to help you progress your learning at a rate of knots.

Braces to Pixels

Braces to Pixels

Doesn’t CSS seem like magic? Well, in this third installment of “URL to Interactive” we’ll look at the journey that your browser goes through to take your CSS from braces to pixels. As a bonus, we’ll also quickly touch on how end-user interaction affects this process. We have a lot of ground to cover, so grab a cup of , and let’s get going.

Handling Errors in JavaScript: The Definitive Guide

Handling Errors in JavaScript: The Definitive Guide

This article will be structured in 3 parts, first we will have a look at Errors in general. After that we will focus on the backend (Node.js + Express.js) and finally we’ll see how to deal with Errors in React.js. I chose those frameworks, because they are by far the most popular at the moment, but you should be able to apply your new found knowledge to other frameworks easil

Fast load times

Fast load times

Guarantee your site loads quickly to avoid user drop off.

The Importance of Wireframing in Web Design

The Importance of Wireframing in Web Design

Wireframes can be considered as the blueprint on which the final design of the site is created.

Latest Issues

Never miss an issue of web design newsletter. Subscribe!

Testimnial

What others are saying...

My Wife - avatar
Lu
(My Wife)
Website Design Inspiration... Make sure you’re signed up for next weeks.

Star svg Star svg Star svg Star svg Star svg
My Dog - avatar
Cleo
(My Dog)
A great source for being updated with current trends in web design. Give me a cookie!

Star svg Star svg Star svg Star svg Star svg
The Box - avatar
Purple Octopus
(The Boss)
Thanks for share the most helpful and useful resources for web designers.

Star svg Star svg Star svg Star svg Star svg

Subscribe to Newsletter

Web Design Tools, Web Resources, Creative, Animation, Articles, Video, Codepen & Inspiration