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
Category: Web Development
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
AngularJS In-Depth
AngularJS In-Depth “AngularJS In Action” author Lukas Ruebbelke dives into AngularJS, an intuitive framework that makes it easy to organize code by incorporates concepts like two-way binding, dependency injection and views which results in very testable code.” https://youtu.be/2TQc6hDFzG0 https://youtu.be/lOtE33Vvtuk https://youtu.be/UeOeq5X6VVk https://youtu.be/rpT82wErC5k https://youtu.be/yOT9WTDQ5Vo https://youtu.be/54tqeFvKMXI https://youtu.be/ROjvuuFtNJc
Build a Real-Time Polymer To-Do App
If you kept up with Google I/O 2015, then you likely saw that Polymer 1.0 has been released to the public. If you have been around since Polymer 0.5, then you likely saw that all your favorite building blocks have been deprecated. For all those who have used 0.5, consider this a migration assistant.… Continue reading Build a Real-Time Polymer To-Do App
Ready to Prototype from within Sketch? Then Say Hello to Silver!
Aby Nimbalkar and Andrey Shakhmin, the creators of Silver, were kind enough to invite me to a private beta of the application, and it did not disappoint. Oh no. After just a couple of minutes, it put a huge ‘Cheshire Cat’ style grin across my face, and that’s the correct response to the frequently asked… Continue reading Ready to Prototype from within Sketch? Then Say Hello to Silver!
Multipurpose Selection of 20 Free & Premium HTML Templates
Ready-made HTML templates are a common choice of non-tech savvies who want to get their sites up and running promptly. You can avoid browser compatibility issues, problems with indexation by search engines, and coding mess. Just add your content, edit the design a little, and voila. Your web resource is ready to promote your business… Continue reading Multipurpose Selection of 20 Free & Premium HTML Templates
Create A Little Easter Egg in Your Website with Dom-Animator
Web developer is not boring, sometimes we like to sneak in some funny comment, interesting variable names, hidden features or hidden images some where in the website, hopefully someone will notice it and have a good laugh. Here we have a nifty Javascript library called Dom-Animator. You can use it to show small ascii animations… Continue reading Create A Little Easter Egg in Your Website with Dom-Animator
Easy to Use Dialog System for Modern Web Apps
BasicModal is a dialog-system for modern web-apps. It includes everything you need to display information, ask questions or request input from the user. Modals can be chained, so you can easily build a setup-assistant or show dialogs in a predefined order. Invalid input can be highlighted and handled using the included function. BasicModal uses SASS,… Continue reading Easy to Use Dialog System for Modern Web Apps