Category: Web Development

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

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

20 Free WordPress Themes (2016 Edition)

Thinking about launching a WordPress site? Not sure if you want to hire a professional web designer or buy a WordPress theme? What about a nice cocktail of free WordPress themes for any kind of project, all collected together in this blog post? Will these freebies brighten your mood? We are sure they will. So,… Continue reading 20 Free WordPress Themes (2016 Edition)

Polaroid Stack to Grid Intro Animation

A tutorial on how to create an intro animation where a decorative Polaroid stack becomes a grid similar to the effect seen on the takeit website. View demo Download source Today we’d like to show you how to create a very simple intro effect similar to the one seen on the takeit website where a… Continue reading Polaroid Stack to Grid Intro Animation

Build a Custom Photo Widget for Your Desktop with Node.js

The first thing I do on any new device is customize the home screen. This has been a tradition of mine since my first non-DOS computer, when I used my Mario Paint manual to help me make some Legend of Zelda pixel art in MS Paint, and set it as the Desktop wallpaper. Now that… Continue reading Build a Custom Photo Widget for Your Desktop with Node.js

20 Interesting JavaScript and CSS Libraries for February 2016

The world of web development keeps expanding as new frameworks, libraries and plugins are created everyday. To keep you up to date with all the cool toys, we made this collection of our favorite JavaScript and CSS tools you should try in February 2016. Super Simple Slider Super simple slider is jQuery plugin which provides you with a functional and… Continue reading 20 Interesting JavaScript and CSS Libraries for February 2016

Deploying from GitHub to a Server

GitHub, and the Git version control system it’s based on, are fantastic tools for managing and collaborating on projects – code-based or otherwise. In this article, we’ll look at options for making Git and GitHub projects fit better into developer workflows, allowing for a smooth and hands-off deployment process. I’ll break these options into the… Continue reading Deploying from GitHub to a Server