Weekly Web Design & Development News: Collective #141

by jQuery Script,

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

Angled Edges

Quickly create angled section edges using SASS.

Angled Edges

[Demo] [Download]

Switch

A simple and powerful iOS style switch for checkbox.

Switch

[Demo] [Download]

omni-slider

This is a JavaScript implementation of a slider to select a numeric value or a range. The slider is horizontal and can be implemented with one handle or two. Following are some technical details for the omni-slider:

omni-slider

[Demo] [Download]

Easygraphs

Javascript library for building flexible graphs for your website:

Easygraphs

[Demo] [Download]

base16-builder

Base16 Builder is a nimble command-line tool that generates themes for your favourite programs.

base16-builder

[Download]

CSS and HTML responsive grid of hexagons

  • The hexagon grid is responsive according to the width of the container
  • Hexagons keep their aspect ratio according to their width
  • The number of hexagons per row is adaptive and changes from 5 to 2 on media query break points
  • A title and short text slide in on hover
  • Focused hexagons are highlighted and can be cycled through with tab

CSS and HTML responsive grid of hexagons

[Demo] [Download]

Popper.js

Popper.js is a library used to create poppers in web applications.

Popper.js

[Demo] [Download]

side-nav

A Side Navigation Menu using Pure javascript. No framework used. Using google chrome inspect feature, one can simulate the behavour of the Side-Nav by clicking on the icon below and dragging to hide the menu.

side-nav

[Demo] [Download]

Wrapping 3D Marquee Text in Pure CSS

Wrapping 3D Marquee Text in Pure CSS

[Demo] [Download]

embed.js

A JavaScript plugin that embeds emojis, media, maps, tweets, gists, code, services and markdown.

embed.js

[Demo] [Download]

VisualAlchemist

Open source web-based database diagramming and automation tool.

VisualAlchemist

[Demo] [Download]

Free Popular Web UI Kits In 2016

10+ popular free web ui kits in 2016.

Free Popular Web UI Kits In 2016

[Download]

iOS 10 UI Kit

An open-source, collaborative UI design template.

iOS 10 UI Kit

[Demo] [Download]

Interactive Record Player

An experimental template with an interactive old school record player powered by the Web Audio API.

Interactive Record Player

[Demo] [Download]

Free Hilton Typeface

Free Hilton Typeface

[Download]