Weekly Web Design & Development News: Collective #213

Here's the 213th 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.

Frappe Charts

Simple, responsive, modern SVG Charts with zero dependencies.

Frappe Charts

[Demo] [Download]

tailwindcss

A utility-first CSS framework for rapidly building custom user interfaces.

tailwindcss

[Demo] [Download]

Field Play

Vector fields explorer. Made with WebGL, love and passion.

Field Play

[Demo] [Download]

chimee

A video player aims to bring wonderful experience on browser.

chimee

[Demo] [Download]

heml

HEML is an open source markup language for building responsive email.

heml

[Demo] [Download]

stylable

Stylable enables you to write reusable, highly-performant components. Each component exposes a style API that maps its internal parts so you can reuse components across teams without sacrificing stylability.

stylable

[Demo] [Download]

hiq

A lightweight, progressive, high-IQ PostCSS framework.

stylable

[Demo] [Download]

solidarity

Solidarity is an environment checker for project dependencies across multiple machines.

solidarity

[Demo] [Download]

PaperCSS

The Less Formal CSS Framework.

PaperCSS

[Demo] [Download]

terminus

Terminus is a web technology based terminal heavily inspired by Hyper. It is, however, designed for people who need to get things done.

  • Runs on Windows, macOS and Linux
  • Theming and color schemes
  • Configurable hotkey schemes
  • GNU Screen style hotkeys available by default
  • Full Unicode support including double-width characters
  • Doesn't choke on fast-flowing outputs
  • Tab persistence on macOS and Linux
  • Proper shell-like experience on Windows including tab completion (thanks, Clink!)
  • CMD, PowerShell, Cygwin, Git-Bash and Bash on Windows support
  • Default Linux style hotkeys for copy (Ctrl+Shift+C) and paste (Ctrl+Shift+V)

terminus

[Demo] [Download]

halkaBox.js

A simple and basic Javascript lightbox.

halkaBox.js

[Demo] [Download]

Koa11y

Koa11y is a desktop app that allows you to automatically detect accessibility (a11y) issues on webpages.

Koa11y

[Demo] [Download]

Instant iPhone X Mockup

HTML5 + CSS iPhone X Mock up.

Instant iPhone X Mockup

[Demo] [Download]

Kylo Ren CSS Page Preloader

A Star Wars Kylo Ren page preloader made with HTML and CSS only.

Kylo Ren CSS Page Preloader

[Demo] [Download]

Flexbox Toggles

Flexbox Toggles

[Demo] [Download]

  • Publication date: 06.11.2017
  • Source