Add to your current website development skills with this brilliant guide to JQuery. This step by step course needs little prior JavaScript knowledge so is suitable for beginners and more seasoned developers alike. About This Book An introduction to jQuery that requires minimal programming experience Detailed solutions to specific client-side problems Revised and updated version… Continue reading Learning jQuery – Fourth Edition [eBook]
Tag: jQuery
Pointy Slider In CSS and jQuery (tutorial)
Pointy Slider is a slideshow with sliding-in panels that unveil new, fixed background images.Pointy Slider is simple, responsive slider, with a sharp design and an interesting motion effect: with each new slide item, a sliding-in block of content covers the old one, and unveils a new image. It ‘s been created by Codyhouse using CSS… Continue reading Pointy Slider In CSS and jQuery (tutorial)
50+ fresh resources for designers, January 2016
Howdy friends! We’re back again with another roundup of some of the best freebies available for designers and developers. To help you through the post-Christmas blues and kick off 2016 in style we’ve packed this edition with flat, solid, and line icons; brushes and patterns for Photoshop; templates; UI kits; WordPress themes; fonts; snippets; dev tools; design… Continue reading 50+ fresh resources for designers, January 2016
More About MEAN Stack You Want to Know!
A latest technology to the old-fashioned LAMP/WAMP stack for building professional websites and real-time applications is MEAN (MongoDB, Express, AngularJS, Node.js) stack, which is an open-source software. MEAN is nothing but a rearrangement of code and technology upgrades switching the base platform from Linux OS to a JavaScript run-time which brings Node.js. Node.js allows to… Continue reading More About MEAN Stack You Want to Know!
Mastering Jquery – Alex Libby [eBook]
´Create and decouple custom event types to efficiently use them and suit your users’ needs Incorporate custom, optimized versions of the jQuery library into your pages to maximize the efficiency of your website Get the most out of jQuery by gaining exposure to real-world examples with tricks and tips to enhance your skills Who This… Continue reading Mastering Jquery – Alex Libby [eBook]
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
21 Striking Square Brochure Template Designs
Whether you want to call it a brochure, pamphlet or leaflet, we all know them as being boring collateral. One of the best ways to make your company stand out from the rest is through custom features and design elements. This post aims to show that brochure design doesn’t have to be boring. So here… Continue reading 21 Striking Square Brochure Template Designs
Powerful Mix of Awesomeness: CSS3 and jQuery
CSS3 has always been a good friend for web designers and since the inception of jQuery, they have made the web platforms easy and independent. They offer an insight to the most crucial factors of any web process i.e. inspiration via User Interface and Knowledge via Coding. After all, that’s all a web process is… Continue reading Powerful Mix of Awesomeness: CSS3 and jQuery
Horizontal Timeline Powered by CSS and jQuery
Vertical timeline is so far one of the most popular resources on CodyHouse. Many people have asked them to include a Horizontal Timeline as well. Here it is! Building a horizontal timeline was a bit tricky, because you can’t rely on the vertical (more intuitive) scrolling behaviour. They decided to separate timeline and events, with… Continue reading Horizontal Timeline Powered by CSS and jQuery
Stretchy Navigation in CSS and jQuery
Would you like a Stretchy Navigation in CSS and jQuery? It’s a rounded navigation trigger that stretches on click/tap to reveal the navigation items. There are 3 different user cases where this snippet would be useful: 1) fixed navigation, 2) add content button and 3) edit content button. The HTML structure is pretty basic: a… Continue reading Stretchy Navigation in CSS and jQuery
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
9 Newest Free jQuery Plugins For This Week August 2015
Here’s our best collection of 9 Newest Free jQuery Plugin with examples we found around the web from last week (17/07/2015 to 23/07/2015). These jQuery plugins haven’t been featured on our website yet I think you might find useful. Have fun with it and remember to spread the word! Full Screen Form Fullscreen step by… Continue reading 9 Newest Free jQuery Plugins For This Week August 2015
10 Newest Free jQuery Plugins For This Week #17 (2015)
Here’s our best collection of 10 Newest Free jQuery Plugin with examples we found around the web from last week (31/07/2015 to 06/08/2015). These jQuery plugins haven’t been featured on our website yet I think you might find useful. Have fun with it and remember to spread the word! jQuery Burger menu jQuery and CSS… Continue reading 10 Newest Free jQuery Plugins For This Week #17 (2015)
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
Our Favorite jQuery Plugins and Libraries For Spring 2015
Web development is hard and there is much to learn. Developers and designers need to be on top of a lot of emerging technologies and trends. But the community is buzzing with activity and it creates awesome libraries and plugins that can help us do our work. Here are some of our favorites. Not all… Continue reading Our Favorite jQuery Plugins and Libraries For Spring 2015
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
Slide-in Content Filter Powered by CSS and jQuery
A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories. For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find what he’s looking for. Building… Continue reading Slide-in Content Filter Powered by CSS and jQuery
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
10 Useful jQuery Image Slider Plugins
While working on various designing an development projects, there sometime arises the need of various plugins, tools and extensions that claim to solve the purpose with ease. What these extensions do is they ensure to help you get the desired results without having to undergo the entire process by yourself. In short, the plugins, tools, apps and extensions… Continue reading 10 Useful jQuery Image Slider Plugins
Amazing Frontend Design Patterns Using CSS3 and jQuery
Creating unique websites is every designer’s ultimate goal. When a website is uniquely designed it does attract a lot of viewers and the websites urge users to stay on them for as long as possible to keep them entertained. It is tantamount for all websites that they deliver to their users an amazing and lasting… Continue reading Amazing Frontend Design Patterns Using CSS3 and jQuery
Midnight.js – A jQuery plugin that switches between multiple header designs as you scroll
A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it. To make everything work, just load midnight (and jQuery) and initialize it. Want to use custom markup for each header? You just need to add a div with the… Continue reading Midnight.js – A jQuery plugin that switches between multiple header designs as you scroll
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
Image Comparison Slider with CSS3 and jQuery
Image Comparison Slider is a handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery. When you create a product page, there are some effective UX solutions that can be used to make the user ‘feel’ the product. A comparison image slider is one of those. If you look at the Sony… Continue reading Image Comparison Slider with CSS3 and jQuery