Character of web design trends

Web Design Trends # 11

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.

.

headlines

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!


headlines

resources

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.


resources
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.


resources
Foxholder - Unique Form Animations Kit

Foxholder - Unique Form Animations Kit

Placeholder Animations (input and textareas) & button animations


resources
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.


resources

development

Info Cards Concept

Info Cards Concept

A pen by Yancy Min


development
Slatejs - Rich Text

Slatejs - Rich Text

A completely customizable framework for building rich text editors.


development
CSS file icons

CSS file icons

Pure CSS file icons for popular extensions


development
Bars

Bars

A pen by Lucagez


development

freebies

Borsok font

Borsok font

Free for personal & commercial use


freebies
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.


freebies
Office Icons Pack

Office Icons Pack

Freebies Office Icons Pack


freebies
Circus Font

Circus Font

The Circus Display Font


freebies

articles

  • 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

    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

    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

    Guarantee your site loads quickly to avoid user drop off.
  • 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!


Subscribe

Web Design Trends, Web Resources & Inspiration


.