Weekly Web Design & Development News: Collective #355

by jQueryScript,

Here's the 355th 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 #355

whatthefuck.is

An opinionated glossary of computer science terms for front-end developers. Written by Dan Abramov.

whatthefuck.is

[View]


uuid-readable

Generate Easy to Remember, Readable UUIDs, that are Shakespearean and Grammatically Correct Sentences.

uuid-readable

[Download]


3D Book Image CSS Generator

Generate a 3D image from a book cover and export to HTML/CSS to embed on your website.

3D Book Image CSS Generator

[Demo] [Download]


Style Stage

A modern CSS showcase styled by community contributions.

Style Stage

[View]


css-media-vars

A brand new way to write responsive CSS. Named breakpoints, DRY selectors, no scripts, no builds, vanilla CSS.

css-media-vars

[Demo] [Download]


object-visualizer

Visualize the JSON object to the DOM.

object-visualizer

[Demo] [Download]


upload-animation

An upload (download also) component.

upload-animation

[Download]


format-date

format-date is a super tiny (~0.4kb) JavaScript library to format JavaScript date() strings using custom Date and Time patterns.

format-date

[Demo] [Download]


ImageToPoints

This code takes any image (png, jpeg, svg, gif) as input, it then traces the outline of the image (as if grayscale), and outputs the path of the image in terms of cartesian coordinates to console.

ImageToPoints

[Download]


zeroclick

A web concept for a zero click user experience.

zeroclick

[Demo] [Download]


macOS Style UI Framework Puppertino

Puppertino is a lightweight, modular, iOS- & macOS-style UI framework following Apple’s Human Interface Guidelines.

macOS Style UI Framework Puppertino

[Demo] [Download]


Flat Long Shadow Engineering Icons

A set of flat long shadow styled, square-shaped icons for Computer Engineering design projects.

Flat Long Shadow Engineering Icons

[Preview & Download]


10 Best Dropdown Components For React & React Native

10 best Dropdown components to help you create user-friendly and mobile-compatible dropdown lists or dropdown menus on modern React and React Native applications.

10 Best Dropdown Components For React & React Native

[Preview & Download]


TABAKO Free Sans Typeface

A new hand-drawn sans font by Bayu Putranto. This font family inspired by an urban style and designed with a modern look and feel. Perfect for any branding, magazine, posters, logos, titles, blogs, and more. It comes with a full set of uppercase, lowercase, numbers, punctuation and multilingual support.

TABAKO Free Sans Typeface

[Download]


LL BLACK MATRIX Font

A Latin font that is an extension of a pin-printer font. It is based on a 5-by-9 grid, which is visually unified by the connection of the dots. The font is designed to be used in a wide variety of Latin situations. It got 300+ glyphs and support 100+ languages.

LL BLACK MATRIX Font

[Download]