Weekly Web Design & Development News: Collective #14

by jQuery Script,

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

Web Design & Development News: Collective #14

lanyon

A content-first, sliding sidebar theme for Jekyll.

lanyon

[Demo] [Download]

Notify Better.js

Using Notify Better.js to Create a Dynamic Favicon and Title.

Notify Better.js

[Demo] [Download]

Sticky Table Headers & Columns

A tutorial on how to create sticky headers and columns for tables using jQuery. The solution is an alternative to other sticky table header approaches and it addresses the overflowing table problem including adding support for biaxial headers.

Sticky Table Headers & Columns

[Demo] [Download]

basket.js

A script and resource loader for caching & loading scripts with localStorage

basket.js

[Demo] [Download]

CSScomb

The Greatest tool for sorting CSS properties in specific order.

csscomb

[Official Website]

The critical rendering path

The most important concept in pagespeed is the critical rendering path. This is true because understanding this concept can help you do a very wonderful thing...

The critical rendering path

[Article]

TinyColor

Fast, small color manipulation and conversion for JavaScript.

TinyColor

[Demo] [Download]

gulp.js

The streaming build system

gulp.js

[Official Website]

slip

A tiny library for interactive swiping and reordering of elements in lists on touch screens. No dependencies. BSD Licensed.

slip

[Demo] [Download]

ngDialog

ngDialog is small (~2Kb), has minimalistic API, highly customizable through themes and has only Angular.js as dependency.

ngDialog

[Demo] [Download]

CSS3 Hover Effects

Hover effects using different CSS properties

CSS3 Hover Effects

[Demo] [Download]

rimg

A responsive image solution for browsers that support mediaqueries. Pure javascript and no server-side code.

rimg

[Demo] [Download]

hover.css

A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.

hover.css

[Demo] [Download]

phaser

Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

phaser

[Demo] [Download]

JavaScript Playing Cards

A playing card JavaScript and CSS library for creating standard deck games. Looking for developers to create game pack extensions to add onto this. The library is wrapped to allow it to act as a plugin for jquery (or another framework)

JavaScript Playing Cards

[Demo] [Download]

JavaScript Piano

A small piano I created using html, css and jquery

JavaScript Piano

[Download]

25+ Trendy New Landing Page & Single Page Website APP PSD Templates For Free Download

 A carefully hand crafted collection of 25+ trendy new web/app landing page & one page (single page) website templates available for free download.

25+ Trendy New Landing Page & Single Page Website APP PSD Templates For Free Download

[Download]

15+ Free Flat Designed UI Buttons For Front-end Developer

A hand-picked and continually updated list of 15+ Free flat designed/styled UI buttons for web & mobile UI/UX designer.

15+ Free Flat Designed UI Buttons For Front-end Developer

[Download]

Shape Hover Effect with SVG

In this tutorial we'll recreate the hover effect as seen on The Christmas Experiments website. We'll be using SVG for the shape and Snap.svg for animating it on hover.

Shape Hover Effect with SVG

[Demo] [Download]

Stylicons

Stylicons are made from vector shapes at 48x48px and comes as an organised PSD and AI master file, along with separate EPS, SVG, and PNG's in three handy sizes.

Stylicons

[Download]

Free Vector Flat Icons

Here is a set of 64 free vector flat icons in two different styles for bright and dark background. They are thoroughly drawn in 3 sizes (15x15, 30x30, 60x60 pixels). 

Free Vector Flat Icons

[Download]

FULLBY

FULLBY IS A SIMPLE GRID THEME BUILT WHIT BOOSTRAP AND FONT AWESOME.

Free UI Kit PSD

[Download]

Free Flat Graphic Design Icon Set

This free flat graphic design icon set is vector and can be scaled to an size. In comes in two colour variations in a beautiful, clean cut and modern style.

Free Flat Graphic Design Icon Set

[Download]

FREE Icon SET - Softy

Softies,” includes 44 beautiful and fun icons. The soft and bright style of these icons is sure to add some color to your website, and we’ve made them pixel perfect at 64px, 128px, and 256px. The package includesPNG images of all three sizes, as well as the original PSD files for each icon so that designers can easily modify them to suite their project’s needs.

FREE Icon SET - Softy

[Download]

4 Styles Newsletter Signup Form PSD Template

A professional and creative sign-up form, including Newsletter title, fields for name and email address, and a prominent “submit, sign up” button. Come with 4 custom style, easy to customize, change color, resize add or remove elements, etc. And created for any use.

4 Styles Newsletter Signup Form PSD Template

[Download]

Infographic Ui Elements (Psd)

This free photoshop file is version 1.2 of infographic elements that is ideal for web designers and application designers to make use of in their design projects. The set include a wide collection of infographic elements such as charts, graphs, pie charts, line charts, map pointers, business analysis charts and graphics, statistics, percentage graphics and more.

Infographic Ui Elements (Psd)

[Download]