Weekly Web Design & Development News: Collective #160

by jQuery Script,

Here's the 160th Weekly Web Design & Development Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, inspiration, etc) from the past week. Have fun with it and remember to share with your friends.

Web Design & Development News: Collective #160

practical-es6

A couple of simple examples of loaders using only one div and CSS.

practical-es6

[Demo] [Download]

fukol-grids

Fukol™ is a lightweight, breakpoint free, completely responsive, element query driven*, progressive enhancement based CSS grid framework. It exists in this README.md file, in the section titled The CSS (below).

fukol-grids

[Demo] [Download]

Minus minus grid

A grid powered by CSS custom properties

Minus minus grid

[Demo] [Download]

next.js

Next.js is a minimalistic framework for server-rendered React applications.

next.js

[Demo] [Download]

shave

Shave is a zero dependency javascript plugin that truncates multi-line text to fit within an html element based on a set max-height. It then stores the diff of the original text string in a hidden <span> element following the visible text. This means the original text remains intact!

shave

[Demo] [Download]

flv.js

An HTML5 Flash Video (FLV) Player written in pure JavaScript without Flash. LONG LIVE FLV!

[Download]

Charts

Multi-library chart package to create interactive charts using laravel.

image-to-ascii

[Download]

Speck Display - Free Typeface

Speck Display - Free Typeface

[Download]

Milda regular | FREE FONT

Milda regular | FREE FONT

[Download]

The Geometric Pattern Freebie

The Geometric Pattern Freebie

[Download]

MacBook Pro with Touch Bar Mockup

Free vector mockups of the new MackBook Pros with Touch Bar, including the 13” and 15” models in both Space Gray and Silver. Intended for use by designers to mock-up their user interfaces. This mockup pack uses Smart Objects for adding your own screenshot to the display and also to the Touch Bar itself.

MacBook Pro with Touch Bar Mockup

[Download]