Weekly Web Design & Development News: Collective #168 (Holiday Edition)

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

regexgen

Generates regular expressions that match a set of strings.

[Demo] [Download]

Plumber

Using a baseline grid on the web is not easy. For every font family and size you have to measure where the letters sit so you can shift the text to the nearest gridline. After this, you have to precariously add margins and paddings to keep the vertical rhythm. Plumber provides a single SASS mixin that does all the hard work for you.

[Demo] [Download]

react-native-facebook-ui

Pure javascript prototype of iOS Facebook UI for React Native framework. This only includes the newsfeed page--more to be updated in the future! This application may not run correctly on Android.

[Demo] [Download]

React Fix It

Automagically generate tests from errors.

[Download]

mdmath

mdmath allows to use Visual Studio Code as a markdown editor capable of typesetting and rendering TeX math. In fact it functions and renders identically to the built in markdown viewer. Additionally KaTeX works inside as a fast math renderer.

[Download]

react-tetris

Use React, Redux, Immutable to code Tetris.

[Demo] [Download]

mini.css

mini.css is a tiny CSS toolkit (under 7KB gzipped) that works well on most modern browsers and devices and allows you to customize it quickly and easily. It's written in Sass and tries to make use of HTML5 semantics and modern patterns to deal with common web design problems.

[Demo] [Download]

3D flip clock counter in pure CSS

Simple "mechanical" flip clock style counter using pure CSS animations, with gratuitous box-shadow gradients.

[Demo] [Download]

JointsWP

JointsWP is a blank WordPress theme built with Foundation 6, giving you all the power and flexibility you need to build complex, mobile friendly websites without having to start from scratch.

[Demo] [Download]

Framework7

Full featured HTML framework for building iOS & Android apps.

[Demo] [Download]

Block Reveal Effects

Ideas for revealing content in a schematic box look as seen around the Web lately. The effect first shows a decorative block element drawn and when it starts to decrease its size, it uncovers some content underneath.

[Demo] [Download]

10 Christmas FREE Stock Images

[Download]

Front-End Performance Checklist 2017 (PDF, Apple Pages)

[View]