jQuery Responsive Tabs – Jquery Plugin

Responsive Tabs is a jQuery plugin that provides functionality Reaction tab . The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for the display of elegant tabs on the desktop , tablet and mobile phone Demo Read More

Easy Responsive Tabs to Accordion – Jquery Plugin

Easy Responsive Tabs to Accordion – Jquery Plugin, Simple reaction Tabs – is a lightweight jQuery plugin that normal horizontal or vertical tabs on multi devices such as optimized Accordion : Web, Mobile Tablets (iPad & iPhone). This plugin adjusts the screen size and changes its actions accordingly Demo Read More

Top 5 Attractive WordPress Wedding Themes

Take a look at these new Wedding WordPress themes with beautiful designs and get inspired! Wedding Suite – WordPress Wedding Theme Wedding Suite includes four different templates with quite unique design.It comes with RSVP Form, Countdown and Guestbook. Wedding Suite is a premium, fully responsive, Retina-Ready WordPress theme with a minimal and clean design. It’s […]

5 Great Premium WordPress Marketing Themes

Check out these 5 great WordPress themes for Marketing! JustLanded – WordPress Landing Page JustLanded for WordPress is the ultimate responsive WordPress landing page theme, a lead generation and online marketing theme designed to provide you with all the building blocks required to sell a product online – within minutes.

Top 5 Smart Business WordPress Themes

Here is top 5 business wordpress themes that will inspire you Enfold – Responsive Multi-Purpose Theme Read More Demo uDesign – Responsive WordPress Theme U-Design is a very powerful theme which suits both, users with no programming background as well as advanced developers. It will help you build your site in no time to your […]

jQuery Tree Widget

Daredevel’s jQuery Tree is a jQuery UI widget that you can use to add advanced features to an html tree built using nested unordered lists. It’s designed to be fast, lightweight, simple to deploy and setup and highly configurable. Demo Read More

CSS3 library for making Microsoft-metro themed buttons

Inspired by Microsoft’s Modern Design Language, I was in need of a metro-styled CSS3 button library. I wanted to make similar metro-looking buttons used by Microsoft (extensively used in their Microsoft Windows Azure website) So I’ve built a very small, simple and clean CSS3 library to deal with my problem. Demo Read More

CSS3 Social Sign-in Buttons with icons

CSS3 Social Sign-in Buttons with icons. Small and large sizes. To create the default sign-in button, add a class of btn-auth and btn-[service](where [service]is one of the supported social sign-in services) to any appropriate element (most likely an anchor). Demo Read More

Video Player

HTML5 Video Player

Video.js is a web video player built from the ground up for HTML5 world. It supports HTML5 and Flash video and YouTube and Vimeo (via plugins). It supports video playback on desktops and mobile devices. This project began in mid-2010, and the player is now used in more than 50,000,100,000 websites. Demo Download

Simple HTML5 Chart Designer

Simple HTML5 Charts using the ‘canvas’tag Chartjs.org/docs documentation can be found. Markdown files that build the site are available in / docs. Note – in some json configuration examples you may notice some liquids labels – this is only for generating the html site, please ignore.

jQuery UI Multiselect Widget

This is to keep the warehouse is no longer active by the author. However, withdrawal requests are always welcome. If there is anyone interested in preserving officially assistant, and let me know. In case you are looking for a copy AJAX, also please consider copy Yanick Rochon, and or also check out the official version […]

JQuery UI widget – Address picker, with instant display selection on map

JQuery UI widget for selecting an address. This widget has been developed for a specific need but feel free to use it or fork the repository Autocomplete widget is single with jquery-autcomplete and packed by Google Maps geocoding V3 suggests. Instant display suggestions on map Demo Download

jQuery Sharing widget

Make your widget to share! Sharrre is a jQuery plugin that lets you create beautiful widgets Sharing Facebook, Twitter, Google Plus (with PHP script) and more. More information about Share. Demo Download

jQuery-File-Upload

Player upload files with the selection of multiple files, drag & amp; drop, progress bar, validation and preview images, audio and video for jQuery. Supports multiple domains, load and renewable fragmented files. It works with any server platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form submission files. […]

slick – Awesome Jquery carousel

The last carousel you’ll ever need In slick 1.4 you can now add settings using the data-slick attribute. These elements get $.slick called on them automatically if the slick-data attr is present. Demo Download

Touch enabled jQuery plugin – Owl Carousel.

Owl Carousel. Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider. Features: Responsive Touch Events Mouse Slide Events Fully Customizable Choose the number of items to be displayed Multiple Sliders CSS3 3d Transitions Custimizable controls JSON Custom events Helpful callbacks Tested on IE7, IE8, IE9, IE10, Chrome, Safari, Firefox, Opera, iPhone, iPad, […]

Extensible mootools carousel with dynamic elements addition/removal

Extensible mootools carousel with dynamic elements addition/removal. It is quite simple to use. a new class Carousel.Extra has been added. it allows you to make your carousel slide automatically. it has every Carousel options/properties plus some specific options which allow you to control the auto slide Download Demo

How to Create a Responsive Email Template

Reading emails has never been easy on phones and tablets. Just like modern websites, email newsletter design needs to be optimized for different viewports. Imagine having a non-responsive email newsletter design. It might look good on desktop devices; however, checking it on small screens will look awful with each element misaligned and broken columns. According […]

20 Web Designs with Creative Hand Drawn Typography

Of all the canvases available to designers and illustrators, websites designs are probably the last place you would expect to find hand drawn typography, seeing as web design at its core is very mathematical with interfaces crafted in code. Rather than make use of web fonts and digital layouts, some designers express their creativity by […]

Animating Background Colors

As promised in my previous post, I will be sharing some of the scripts used on the Themify redesign. Today I’m going to share the animating background color script as seen on the site. It is a simple jQuery script that animates a series of background colors in a loop. It runs smoothly on desktop, […]

101 INSPIRATIONAL QUOTES FOR DESIGNERS

All designers need a little inspiration from time to time. So it’s lucky for us that there are thousands of designers, educators, philosophers, writers, and business people willing to hand out advice for free. What is more, the Web is packed with designers and illustrators who’ve put pen to paper (or finger to trackpad) to […]

8 Best Freelance Websites To Find Web Design and Graphic Design Jobs

You can’t run a freelance business without creating a system to get more clients. Job search websites are a popular tool in that system, but if you’ve used one, you’ve probably had a bad experience. Before we started building our freelance job site, AwesomeWeb, we researched the big players. Their pros. Their cons. What people […]

Creative Cloud Mosaic

For the 2014 release of Creative Cloud, Adobe is celebrating creativity by bringing together amazing artists from around the world to remix the Creative Cloud logo into a collaborative mosaic. Each artist gets one tile. The finished piece will be an expression of the endless possibilities of Creative Cloud…. Read More

38 Isolated Desk Objects – Download

It’s the first week of the new year and nothing better than to spend some time organizing and starting to improve our design library of assets and resources. To help you get started we feature some really cool desk objects mockups. Though despite being overused they are always useful and thanks to Graphic Burger you […]

How to mock up a website with Sketch

You want to create a simple website mockup, but Photoshop sounds just a little daunting to you? You’re after something quick and easy, that will effectively show off your idea? Well, Bohemian Coding has heard your prayers and delivered a tool with web and UI designers at heart. It’s called Sketch, and version 3 has […]

Freebie: Summer And Essentials Icon Set (50 Icons, EPS, AI, PNG)

For those of you who are impatiently waiting for summer to finally arrive, we’re pleased to feature an icon set that will help make the wait worthwhile. Today’s icon set includes 50 icons that have been designed by Elena Genova exclusively for Smashing Magazine and its readers. If you’ve been looking for a way to […]

40+ Freebies & Goodies For Web Designers

Complete UIs and elements, textures and brushes for Photoshop, HTML templates, background designs, icons, fonts and tools make our lives as designers and developers easier, saving us the time we would otherwise be spending on creating them. Fortunately, around the world, there are many creators willing to share their work for free allowing the rest […]

20 Free Badges For You To Download

“DesignModo Social Bookmarks/Networking” is an icons set consisting of 60 individual icons of the popular Social Bookmarks/Networking/Web 2.0 sites out there. The set consists of 60 high quality icons in 32-bit transparency PNG format (64 x 64, 48 x 48, 32 x 32). They are free to use non-commercially. Put them on your blog or […]

Free Social Bookmarks/Networking Icons Set

“DesignModo Social Bookmarks/Networking” is an icons set consisting of 60 individual icons of the popular Social Bookmarks/Networking/Web 2.0 sites out there. The set consists of 60 high quality icons in 32-bit transparency PNG format (64 x 64, 48 x 48, 32 x 32). They are free to use non-commercially. Put them on your blog or […]

Free Download: Glow PSD Theme

Do you want a eye catching theme for your next mobile app and get more sales? Look no further. Glow is a trendy landing page for your next product or service. It comes complete with a fully layered psd file and can be edited to fit your exact needs. With its modern flat look and […]

Top 5 Brazilian Creative Studios By Izaias Cavalcanti

Brazil is quite unique for many reasons. Besides being known for its joyful and friendly people, it’s also famous for producing some of the most creative people in the world. And even though the country still has many unsolved issues when it comes to education, most Brazilians seem to have the natural gift.. Read More

How to Back Up Your WordPress Database

WordPress stores a ton of important stuff in the database. You probably know your actual content is in the database: blog posts, pages, custom post types, comments, etc. But the database stores more than content. Much more Read More

50 Useful Libraries and Resources for Responsive Web Design

Let’s talk about responsive web design. People are increasingly dependent on their smart mobile devices, and chances are that a large portion of the visitors of your website have used their phone or tablet to get to it. In this article you will find 50 articles, tools and resources, which will help you learn what […]

Building a Web App From Scratch With AngularJS

AngularJS is an amazing front-end framework that has a very novel approach to building web applications, completely unlike any of the other frameworks you might be used to. In this course we’ll take a look at all the core components of Angular, and how they work together to build a complete application. We’ll be building […]

Effective Event Binding with jQuery

If you’ve used jQuery much at all, then you’re probably already familiar with event binding. It’s fairly basic stuff, but dig a little deeper and you’ll find opportunities to make your event-driven code less brittle and more manageable… Read More

30 Examples of Amazing HTML5 and CSS3 Websites

In this post we will show you 30 examples of Amazing HTML5 and CSS3 Websites. As you know, HTML5 and CSS3 is the “ultimate duo” for many web designers. They are not only getting new techniques by using HTML5 and CSS3, but they are also getting an easier designing work than using flash or javascript. […]

Top 5 Ways to Stay Up to Date with the Design Industry

Keeping up with any industry can be a very difficult task, and keeping up with the ever-changing world of the design industry can be an especially difficult task. In this article, we will look at five ways you can stay up to date with the design industry… Read More

90 Festive holiday and Christmas fonts

Every web designer will tell you that one of their most important tools they is fonts. A great font can turn a mediocre design into something amazing. Over the next few weeks, we will provide you with some amazing holiday and Christmas fonts that are perfect.. Read More

20+ Inspirational Examples of Designer Workspaces

Workspace, ergonomics and a stimulating environment are all key to successful creativity. As designers, our workspace can say a lot about us, but they can also improve productivity when setup to our various preferences. If you haven’t invested much time in creating a highly creative environment to base your work out of, now is a […]

Top 20 Parallax Scrolling Web Designs That Will Inspire You

The parallax illusion is one of the wonderful effects to hit the world of website design. We have showcased the finest examples of websites that have amazing parallax scrolling effects. It can be used to add a subtle treat to the site’s background or to create an intriguing browsing experience. Parallax scrolling is an excellent […]

Great Photoshop Brushes Freebies

As a designer sometimes it gets frustrating to come up with new pieces with the same old brushes all the time. For that we have some very generous designers sharing great Photoshop brushes for free! Kudos for these guys for sharing such great presets. Here you can see a nice selection of some super useful […]

Powerful Workflow Tips, Tools And Tricks For Web Designers

Designing and developing can be time-consuming, especially when the project involves a new challenge, putting the team or freelancer into unknown territory. Moreover, time is a key factor in productivity. Working efficiently enables us to deliver better value at a competitive price. However, some steps can be repeated for every project. These are steps we […]

A Little Journey Through (Small And Big) E-Commerce Websites

People don’t spend their money online easily. Think about it: If you had to answer a long list of questions or struggle to navigate a website, how much money would you be willing to part with? Online shopping is about convenience and comfort, and those of us who have at least once ventured… Read More

20 Christmas gift ideas for web designers

Are you struggling to come up with a useful, interesting or playful Christmas gift idea for the web designer in your life? Check out our list of 20 amazing gift ideas. If you’re stuck for ideas, or simply fancy treating yourself to a gift this holiday, check out our 20 favourite Christmas gift… Read More

Freebie: Smallicons Icon Set (54 Icons, SVG, PNG, PSD)

Today we are pleased to feature Smallicons, a set of 54 flat icons. If you are looking for a way to make your design fresh and expressive, then this freebie is the answer. The set was created and designed by Nick Frost and Greg Lapin of Smallicons. The freebie includes 36 icons drawn from a […]

How To Create Your Own WordPress Shortcodes

Shortcodes are a very powerful feature of WordPress. In essence a shortcode is a placeholder for some other content. A well-known shortcode is the built-in gallery shortcode. Just type into the … Read More

Free Windows 8 Wireframe Templates for PowerPoint

Microsoft has finally released Windows 8, and is promoting its launch with a billion-dollar marketing campaign. This creates new opportunities for app developers, especially since the Windows Store isn’t yet as crowded as the Apple and Android counterparts. However, before you go ahead and start programming an app, I’d suggest you design some quick prototypes […]

40 Awesome Sets of Free Adobe Illustrator Brushes to Bookmark

Photoshop brushes get a lot of attention from designers and bloggers, but quality Illustrator brushes are a little bit harder to come by. In this post we’ll feature more than 40 of the best sets of free Illustrator brushes, totaling over 1,700 brushes. Using these brushes can add a textured look to your otherwise flat […]

Flat UI Free – Framework and Bootstrap Theme Design

We have a great surprise for Designmodo fans – our first free framework and theme for Bootstrap 3. Flat UI Free is made on the basis of Twitter Bootstrap in a stunning flat-style, and the kit also includes a PSD version for designers. We have considered your needs in developing the html version of our […]

Free Flat Social Media Icons (PNG & PSD)

Flat Social Media Icons is a collection of beautiful icons developed in the flat style. As you already know, we have issued several UI kits in the flat design style, namely Square UI (paid and free versions) and Flat UI (paid and free versions), and we’ve decided to create free social flat icons, so that […]

Startup Design Framework: Presentation Sources

Hey guys! As you know, Startup Framework was finally released on Monday and we are glad that the release phase was a success. We really appreciate your feedback on our product, as it helps us make it better! If you still haven’t seen the presentation, make sure you watch it… Read More

Free download: Pure WordPress theme

With the ongoing popularity of minimalist websites, and the increasing supply of minimal WordPress themes to meet that demand, you’d be forgiven for thinking that every permutation of this popular style had been explored. However you’d be wrong Read More

Free download: iPhone and Apple Watch vector mockups

f you’re an Apple fan — and even if you’re not — you’re going to love these super-slick vector illustrations of the Cupertino corporation’s latest two hits. Designed by the awesome team over at Freepik.com, these iPhone and Apple Watch mockups are free to download for… Read More

Create a Custom HTML5 Audio and Video Element UI with MediaElement.js

There are a lot of things you can create with custom HTML5. The new elements make it possible to simplify things as opposed in the past that you need to add CSS to make it work or display. Two of the good examples are the audio and video elements. Although … Read More

Azexo-Composer-WYSIWYG

jQuery drag and drop HTML builder – compile Bootstrap based HTML and JS. Builder extract required JS code (about 0% – 15%) from itself and provide it with resulting HTML to allow initialization a third party JS libraries on frontend. Generated HTML contain “data” attributes which store JS libraries settings and helpers to allow parse […]

Client testimonials carousel

The testimonials carousel is a strategic section of a website. It’s a marketing tool, whose message is “this product/service has been used, and it’s good. Trust us!”. Today we share a responsive and minimal client testimonials box, that can be easily integrated into your design. Besides we considered the scenario where the user wants to […]

Slider Pro – jQuery slider plugin

A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders. Main features: modular architecture responsive touch-swipe CSS3 transitions animated layers (and static) infinite scrolling carousel layout full width and full window support thumbnails deep linking lazy loading retina-enabled fade effect full-screen support CSS-only navigation controls (no graphics) […]

Design an Elegant “Gratitude Log” Landing Page With Photoshop

In this tutorial I’ll guide you through the process of designing an elegant landing page for a fictional “gratitude log” service. We’ll start off totally from scratch, drafting the layout with Adobe Photoshop in no time. We’ll be using some basic and intermediate techniques to create this design with conversion in mind. Let’s get it […]

25 More Impressive Video Background Websites to Amaze You

Everyone loves a gooв story. Knowing that fact, why not to use it for promotion your own brand online? Designing a site does not mean you have to create static experience only, websites are not printed products. You may do almost what you want. With HTML5 it became easier to add animations and videos to […]

15 Top Solutions that Support the Collaborative Work of Designers and Developers

Do you cringe when project management comes up in a conversation? Do you avoid taking formal measures to control your ongoing work? Then, reading the following article may be of tremendous help. You may think that a small company like your web design/development practice has no need for external resources to help you command it,… […]

Quick Tip: How to Use Adobe Creative Cloud Libraries

If you regularly use both Adobe Illustrator and Photoshop, Creative Cloud Libraries offer a way to keep all of your frequently-used assets in one place. Creative Cloud Libraries can also be used with Adobe’s mobile apps, like Shape, Brush, and Draw. Read More

Free download: 600+ free vector

Need a realistic looking person for an icon? Perhaps you’re looking to create a logo like Major League Baseball’s classic? Well you’ve come to the right place! This free download by.. Read More Download

Free download: 60 flat-style mockups

Like everyone else, you want to show off your work in its best light. It’s vital that clients see designs, not as floating rectangles in white space, but in the context that they’ll be used: on tablets, on phones, on laptops. But the mockup shouldn’t overpower your design, it should… Read More Download

Free Hand-Drawn Doodle Icon Set (100 Icons, PNG, PSD, SVG)

If you want to convey an intimate, personal atmosphere in your design, you can’t rely on sterile, clean, pixel-perfect icons. So what about using hand-drawn doodles instead? That’s why we’re happy to release a quite special hand-drawn doodle icon set that has been created by Roundicons and can be used for both private and commercial […]

Freebie: Christmas Icon Set (24, Icons, AI, PSD, EPS, PDF, SVG, PNG)

Christmas is only a month away, and it’s time to add a few festive icons to your projects, or just freshen up your good ‘ol Christmas cards which you may be planning to give out to your family, friends, colleagues, and perhaps even strangers. Today, we’re happy to release the Christmas Icon Set, a set […]

Free download: 6 iPhone mockups from Coolmockups

We all know that the mobile web is on the rise. Clients need projects to work well on the latest handheld devices, and we need to show them that we can deliver that service. So, when you’re presenting a design, what better way is there than to show… Read More Download

Smooth Diagonal Fade Gallery with CSS3 Transitions

In this tutorial we CSS3 powered by a smooth transition to the diagonal are going to create a gallery with fade effect . The server scan a folder with pictures and all the window that spans display them in a grid . Added a new photo gallery of the files in a folder ( preferably […]

How to Make a Digital Clock with jQuery and CSS3

It all started last week when I saw this pretty dribbble shot. I immediately felt the urge to convert it into a working clock and share it with Tutorialzine’s readers. If you’d like to learn how I made it, read on! Read More Demo

How to Make Auto-Advancing Slideshows

One of the most requested improvements over the tutorials presented on this site, when it comes to slideshows, is the ability to have the slides advance automatically. It is actually not that difficult to achieve this effect, and to demonstrate it, in this short tutorial we are going to make our HTML5 Slideshow auto advance […]

Zoom-out Intro Effect with CSS3

Today’s resource is a full-width header image, animated using the CSS3 scale property and jQuery to simulate a 3D zoom-out effect and reveal the main content of the page. Read More Demo

JavaScript Regular Expression Parser & Visualizer

Regulex is a javascript regular expression parser and visualizer. Written in pure JavaScript. No backend needed. You can embed the graph in you own site through html iframe element. Detailed error message. In most cases it can point out the precise syntax error position. No support for octal escape. Yes it is a feature. ECMAScript […]

Lightview – The jQuery Lightbox

Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library. By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible. Website Demo

JSAjaxFileUploader

JSAjaxFileUploader is a jQuery Plugin with ease of use. Just Download the plugin include it in your project and thats it you are all set to use it. It’s designed for developers to allow for easy integration and modification. Website Demo

ClassyCountdown

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. Website Demo