Switch is a simple but powerful javascript plugin (no dependencies) for creating iOS style switches from simple checkboxes. The plugin comes with a set of options (size, colour, text, etc.) and callbacks that help you to get integrate a switch in your UI in a few clicks. View Demo View on Github
Category: Web Development
15 Free Responsive PSD Website Templates
Free PSD website templates, which you can download and use for free! These web templates well organized, fully customizable and very easy to use. All templates are modern and follow the new trends and will looks nice in any resolution and on any device. These free website templates are suitable for e-commerce store, business websites, Photo Studio, Freelancers, Portfolio Theme, Personal, Restaurant,… Continue reading 15 Free Responsive PSD Website Templates
Free iOS Wireframe kit for Sketch
A free iOS Wireframe kit for Sketch designed by Megan Dolan at Savvy including a lot of useful pre-built elements to be dragged and dropped into a mockup. This kit is different from all the other ones because it takes advantage of Sketch symbols that allow to quickly insert a specific element from the symbol menu. Hope you enjoy… Continue reading Free iOS Wireframe kit for Sketch
Diverse Device Hands by Facebook
The design team at Facebook has just released another great free resource called Diverse Device Hands: it is basically a set of phone mockups held by hands that you can use in any presentation of your designs. The package includes PNGs of the hands holding various devices as well as a Sketch file of the hands with vector… Continue reading Diverse Device Hands by Facebook
20 Free CV / Resume Templates & PSD Mockups
New designed Free Resume Templates and PSD mock-ups. These templates are 100% customizable and ready to print. All CV / Resume templates are very helpful to make your online CV/Resume. All template are perfect for photographers, designers, and developers with easy to customize fully Photoshop layered PSD files. Remember your first impression starts with your Resume / CV, make… Continue reading 20 Free CV / Resume Templates & PSD Mockups
Music player app screens for Sketch
Today’s freebie is a music app UI concept made of 2 screens that you can use for inspiration or for design learning purposes. It’s a freebie for Sketch created and released by emilie badin. Download freebie Posted on June 7, 2016 in Sketch freebies and tagged app, sketch.
Barba.js: A plugin for page transitions
Barba.js is a lightweight and dependency free javascript plugin to create fluid and smooth transitions between your site pages. It uses PJAX to enhance the user’s experience. Coded by by Luigi De Rosa. It helps reducing the delay between your pages, minimising browser HTTP requests and enhancing your user’s web experience. Project page
Chart.js A Simple yet flexible JavaScript charting for designers & developers
Chart.js was first introduced in year 2013, for 3 years of intensive development by many contributors, it has became quite a powerful open source Javascript charting plugin. It’s designed for both developers and designers. It supports 8 types of charts – Line, Bar, Radar, Polar Area, Pie & Doughnut, Scales charts. With version 2.0, you… Continue reading Chart.js A Simple yet flexible JavaScript charting for designers & developers
How to Send a Pull Request using the Github Desktop Client
In one of my previous posts, I outlined the process of contributing to open source software with a detailed account of each step. One of those steps was sending a pull request to the owner of the repository you forked from. I showed you how to send a pull request using Github‘s web interface. In… Continue reading How to Send a Pull Request using the Github Desktop Client
A slider with SVG radial transition effect
Today we want to share with you another gem by CodyHouse: it’s a tutorial that shows you how to create a simple responsive slider powered by SVG radial transition effects. In the article you can also find a link to download the resource and create your custom slider in a matter of seconds. View Demo Project… Continue reading A slider with SVG radial transition effect
Find JavaScript Code Snippets by Functionality with Cocycles
Cocycles is a new code search service that enables code to be found by functionality. In this article, Cocycles team member Jonathan explains the idea behind this approach to code searching. We’re all familiar with it: that moment when you’re forced to abandon your code editor, interrupt your workflow and open your browser to search… Continue reading Find JavaScript Code Snippets by Functionality with Cocycles
Simple Grid: Lightweight and responsive CSS grid
Simple Grid is another mini CSS framework providing a responsive 12-column grid system and some extra classes for getting started with typography. It’s for those who want to have complete control on what they are going to build. Coded and released by Zach Cole. View project page
Filterizr – A jQuery Plugin to Apply Filters Over Responsive Galleries
Filterizr is a jQuery plugin that sorts, shuffles and applies stunning filters over responsive galleries using CSS3 transitions and custom CSS effects.You can write your very own, custom effects in CSS and watch your gallery come to life. Features: – Pluggable look & feel (write your CSS effects in the box on the right and… Continue reading Filterizr – A jQuery Plugin to Apply Filters Over Responsive Galleries
Animated Animals in CSS and SVG
Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals. View demo Download source Today we want to show you how the clever use of HTML, CSS sequenced animations, and SVG filters can bring to life one of the most unlikely (yet adorable) things to… Continue reading Animated Animals in CSS and SVG
How to Use BrowserSync for Faster Development
BrowserSync is an automation tool that makes web development faster. In the past we’ve automated a lot of actions like compilation of SASS files, image compression etc. BrowserSync brings a whole new type of automation to the table with batteries included. BrowserSync makes your tweaking and testing faster by synchronizing file changes and interactions across… Continue reading How to Use BrowserSync for Faster Development
Ink Transition Effect Powered by CSS Animations
This is a great tutorial to create ink transition effect using CSS animations.It’s been developed by Codyhouse inspired from the website Sevenhills. A PNG sprite and steps() timing function in CSS has been used to create video effects and use them as transitions.The process to create these effects is simple Demo Tutorial
Everything You Need to Know About WordPress Child Themes
A child theme is a set of styling guidelines and/or functions which are utilized to incorporate functionality or replace the appearance of an existing WordPress theme. Child themes can be modified without altering the original code of your theme, allowing you to make changes as small as changing a couple of colors, or as extensive… Continue reading Everything You Need to Know About WordPress Child Themes
How to Optimize Images on Websites to Improve Performance and UX
As the number of images and videos on a website continue to grow, slower load times, which result in a negative user experience, are growing concerns for any company. An article in The Fiscal Times, citing Internet data measurement company HTTP Archive, noted that the average website is now 2.1 MB in size, compared to… Continue reading How to Optimize Images on Websites to Improve Performance and UX
15 Free PSD CV/Resume and Cover Letter Templates
New modern design Free PSD Resume Templates and CV / resume mock-ups are available in Photoshop, InDesign and Illustrator format, instant download. Free resume templates, created to fit all people working in both creative and non-creative fields. All resume templates are very helpful to make your professional online CV/Resume. All template are perfect for photographers, designers, and… Continue reading 15 Free PSD CV/Resume and Cover Letter Templates
35 Amazing Geometric Poster Designs
Geometric shapes are fascinating to work within all design styles. Interesting designs can be made from one or more geometric shapes. There are myriads of geometric shapes that can be used while designing a poster including circles, diamonds, hexagons, triangles, and a lot more that can highlight the content, draw attention on some specific details,… Continue reading 35 Amazing Geometric Poster Designs
How Good Is JavaScript for Building a Large Scale Web Application?
According to the most statistics that are recent on w3techs.com, significantly more than 89percent of sites presently utilize JavaScript as a client-side program writing language. As a cross-platform and programming that is lightweight, JavaScript makes it easier for programmers to build responsive websites and web applications that work with seamlessly with popular web browsers, operating… Continue reading How Good Is JavaScript for Building a Large Scale Web Application?
15 Useful Modern Front-End Web Components
Here is list of useful modern front-end web components that can be integrated into your web applications. These components provide a quick and easy way for web developers to create custom user interface without having to start from scratch. Collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s… Continue reading 15 Useful Modern Front-End Web Components
The 15 Best Material Design Frameworks and Libraries
Material design was developed by Google, with the basic idea to create a unified style for all of the company’s web and mobile apps. It is based on many principles including things like proper animations, responsiveness, and smart usage of colors and shadows. You can read about the guidelines in full detail here. Although Google’s design language is… Continue reading The 15 Best Material Design Frameworks and Libraries
Write Your Next Web App With Ember CLI
If you begin a contemporary internet undertaking or begin digging into an current code base, chances are high you’re attempting to create or improve a characteristic to your customers. The final thing you need to do is spend time customizing construct instruments and creating infrastructure to develop your software. For those who land a brand… Continue reading Write Your Next Web App With Ember CLI