Creating Your First Desktop App With HTML, JS and Electron

Web applications become more and more powerful every year, but there is still room for desktop apps with full access to the hardware of your computer. Today you can create desktop apps using the already familiar HTML, JS and Node.js, then package it into an executable file and distribute it accordingly across Windows, OS X and… Continue reading Creating Your First Desktop App With HTML, JS and Electron

Knowledge Persistence and Sessions With React

Having a “remember me” function is a very useful feature, and implementation with React and Express is relatively easy. Continuing from our last part where we set up a WebRTC chat application, we will now add Mongo-backed persistent sessions and a database-backed online user list for good measure. Sessions? If you have not used sessions… Continue reading Knowledge Persistence and Sessions With React

Vertical Navigation in CSS and jQuery

A smart vertical navigation, with round indicators that turn into labelled icons when the user interacts with them. [sociallocker]Demo Download[/sociallocker] Our first concept of vertical fixed navigation is one of our most popular resources. This time, we tried to push this concept a little further. The basic idea behind putting round indicators on the side of… Continue reading Vertical Navigation in CSS and jQuery

Kendo UI and AngularJS from Scratch

In this course, you will learn how to create software using Kendo UI with AngularJS rather than with jQuery. Course info Level: Beginner Duration 1h 16m Released 13 Oct 2014   Download Resources Download VIdeos https://youtu.be/7ipKo-EweNY https://youtu.be/kbGK-UkRhr4 https://youtu.be/0mvPJQLHmL8 https://youtu.be/x59-fOoaCqQ https://youtu.be/Aavm_OGB_Zs

Code Clinic: PHP

Many successful programmers know more than just a computer language. They also know how to think about solving problems. They use “computational thinking”: breaking a problem down into segments that lend themselves to technical solutions. Code Clinic is a series of six courses where lynda.com authors solve the same problems using different programming languages. Here,… Continue reading Code Clinic: PHP

How to Build a Simple Advent Calendar in JavaScript

Advent is the period of waiting and preparing for Christmas which begins four Sundays before Christmas eve. The passing of Advent time is traditionally measured with the help of either an Advent Calendar, or an Advent Wreath. Although the beginning of Advent is not a fixed date, Advent Calendars usually begin on Dec 1. Based… Continue reading How to Build a Simple Advent Calendar in JavaScript

Multi-Level Menu : A simple menu with multiple levels

This is a simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button. The idea is to animate each menu item once a level is changed. The animation starts with the item clicked and the delays are propagated through the neighbors. The animation delays follow the same logic for the… Continue reading Multi-Level Menu : A simple menu with multiple levels

Simple to Use jQuery Plugin to Animate SVG Paths

jQuery DrawSVG uses the jQuery built-in animation engine to transition the stroke on every inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties. It weights less than 2KB minified and 800 bytes gzipped. It’s easy to use with easing and stagger support. Best of all, it’s completely Free! Requirements: jQuery Framework Demo: http://lcdsantos.github.io/jquery-drawsvg/ License:… Continue reading Simple to Use jQuery Plugin to Animate SVG Paths

5 Things You Might Not Know About the CSS Positioning Types

These days front-end developers can build complex page layouts by taking advantage of different CSS layout techniques. Some of those techniques have a long history (e.g. floats), while others (e.g. flexbox) have gained popularity over the last few years. In this article, we’ll have a closer look at a few little-known things related to the… Continue reading 5 Things You Might Not Know About the CSS Positioning Types

11 CSS Filter Tutorials & Examples

CSS filters can be used to create some fantastic image effects. They allow you to modify the display of images in a variety of ways, some of those ways of displaying images as black and white, grayscale, sepia, invert, saturate, hue-rotate, blur and more. Though, this feature is not yet widely supported, but you can… Continue reading 11 CSS Filter Tutorials & Examples

Card Expansion Effect with SVG clipPath

View demo Download source Today we are going to create a experimental grid layout with “cards” where we’ll animate the card expansion with a morphing effect on the cover image and follow its motion with a delightful animation of a low-poly pattern used as the background of the page. We are using Trianglify by Quinn… Continue reading Card Expansion Effect with SVG clipPath

25 Free jQuery Plugins for Custom Tabs & Accordions

Modern web designers simply adore dynamic page elements. Dropdown menus, carousels, tabbed links and accordion menus are just a few examples. All of these effects can be recreated using free jQuery plugins without much code. The toughest part is finding the perfect jQuery plugin to fit with your current project. In this gallery you’ll find… Continue reading 25 Free jQuery Plugins for Custom Tabs & Accordions

15 Must-Know Chrome DevTools Tips and Tricks

Google Chrome is the most popular web browser used by web developers today. With a quick six week release cycle and a powerful set of ever expanding developer features turned the browser into a must have tool. Most of you are probably familiar with many of its features like live-editing CSS, using the console and… Continue reading 15 Must-Know Chrome DevTools Tips and Tricks

animatedModal.js – A jQuery plugin to create a fullscreen modal with CSS3 transitions

In user interface design, a modal window is a graphical control element subordinate to an application’s main window which creates a mode where the main window can’t be used.It can be used to generate alert or confirm messages with few lines of code. animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3… Continue reading animatedModal.js – A jQuery plugin to create a fullscreen modal with CSS3 transitions

Solutions To Fix Navigation Issues For Mobile Devices

When it comes to creating a responsive design for mobile the most challenging aspect we face is creating a navigation menu that works well on any mobile device screen. Especially, when your website navigation menu has several items, squeezing all those items into a mobile device with small screen resolution, is a tricky problem to… Continue reading Solutions To Fix Navigation Issues For Mobile Devices

17 CSS3 Transition Plugins & Tutorials To Create A Single Page Website

Here is another collection of some CSS3 tutorials and this time, we are focusing on creating transition effect for creating a single page website. In the recent times, we have seen that single page websites have greatly increased the user experience by reducing the unnecessary loading time of duplicated page contents. So, without any further… Continue reading 17 CSS3 Transition Plugins & Tutorials To Create A Single Page Website

50 Most Useful jQuery Plugins from 2014

Today, we have the 2014 edition of our top 50 jQuery plugins of the year. They are the 50 jQuery plugins that we feel are the most useful, most innovative and most time-saving solutions to many of the modern design and development issues you may have. Just to help you find exactly what you are… Continue reading 50 Most Useful jQuery Plugins from 2014

ClassyCountdown – jQuery Plugin to Create Circular Countdowns

ClassyCountdown is a jQuery plugin written by Marius Stanciu – Sergiu, a plugin that allows you to easily create clean circular countdowns. It is fully customizable and includes 12 themes, which can be modified and it uses HTML5 canvas for rendering the circles. This jQuery plugin is distributed under the MIT license. Enjoy! Demo &… Continue reading ClassyCountdown – jQuery Plugin to Create Circular Countdowns

7 Reasons Why You Should Choose Ruby on Rails

During the last ten years, Ruby on Rails has grown to become an increasingly popular solution for building web apps. In our rapidly changing technological environment and shaky economy, RoR can speed up the development process and help companies save time and money. Today, the knowledge of Ruby can land you great jobs – there… Continue reading 7 Reasons Why You Should Choose Ruby on Rails

38 Visually Awesome CSS Tutorials & Techniques

If you are looking for some cool and visually appealing CSS tutorials and techniques, then look no further. In today’s round up, we are unveiling 38 most useful CSS tutorials along with some cool techniques that would help you a lot. These are the tutorials that focus on making the smaller details of the web… Continue reading 38 Visually Awesome CSS Tutorials & Techniques

Static WordPress Conversion Tutorial

Help! That’s the first reaction you might have if you are trying to figure out your WordPress conversion tasks, right? Even if you are just a beginner and not really a web expert, you can definitely create a WordPress theme for as long as you know how WordPress works. If you’ve been using WordPress as… Continue reading Static WordPress Conversion Tutorial

33 Amazing Frontend Design Patterns using CSS3 and jQuery

Website layouts are typically seen as a combination of design and development meshed together. UI design can be performed using graphics software, code, or in most cases both. This subject offers an interesting combination of skills that work hand-in-hand with each other. Frontend inspiration can offer a lot of great ideas for anyone who builds… Continue reading 33 Amazing Frontend Design Patterns using CSS3 and jQuery

How To: Add a Responsive WordPress Mega Menu for Sites with Lots of Content

If you have a large amount of content on your site which you need to provide access to in your main navigation menu, this can become quite overwhelming to site visitors as they hover over your menu and a million drop downs appear, grouping your content can be quite a challenge. One way to overcome… Continue reading How To: Add a Responsive WordPress Mega Menu for Sites with Lots of Content

How I Built The One Page Scroll Plugin

Scrolling effects have been around in web design for years now, and while many plugins are available to choose from, only a few have the simplicity and light weight that most developers and designers are looking for. Most plugins I’ve seen try to do too many things, which makes it difficult for designers and developers… Continue reading How I Built The One Page Scroll Plugin