Category Archives: Web Design

JS Library to write Clever CSS Selectors for your web sites : Detectr.js

Detectr.js is a very tiny javascript library which gives you the power to write understandable and clearly defined CSS rules to refine your website design for each different browser, platform, device and operating system.

Read More Download

April 11 – Quote of the day


Education is the best friend. An educated person is respected everywhere. Education beats the beauty and the youth.
Chanakya

Bootstrap Multiselect

JQuery multiselect plugin based on Twitter Bootstrap

Bootstrap MultiSelect is a JQuery plugin based an intuitive user interface for the use of select inputs with multiple attribute yet provide . Instead of selecting a bootstrap button w drop-down menu appear to contain the options as check boxes .

Read More Demo

Bootstrap 3 grid system – Free PSD

bootstrappsdgrid

Bootstrap 3 standard grid system provided in 4 PSDs: LG, MD, SM and XS sizes. Free PSD released by Epeo

Download

BootMetro : Create web apps with Windows 8 Metro user interface

bootstrap-metro

Easy and complete web UI framework to create web apps with Windows 8 Metro user interface.

Demo Download

Sketch.js : Canvas-based Drawing using jQuery

canvas

Sketch.js is an simple-to-use jQuery plugin that permit you to create canvases upon which visitors can draw.

Demo Download

jQuery Html5 plugin for take pictures through webcam : Photobooth-js

photobooth

A html5 widget that allows users to take their avatar pictures on your site.

Demo Download

10 Free High Quality Website Templates PSDs to Download

In this post we collected 10 high quality websites psd’s which is freebies (.psd files) which you can download. Enjoy and expecting your valuable comments !

Continue reading

10 Free Bootstrap 3 Portfolio Templates

In this post we have collected 10 Bootstrap 3 Portfolio templates for you to freely use in your coming projects. This all bootstrap templates free to download and you can customize for your own need. These free bootstrap portfolio templates helps you to make portfolio websites easily.

Continue reading

presentation framework

impress.js presentation framework with CSS3

It’s a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

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

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, Chrome on Google Nexus.

Demo Download

scrollReveal.js – plugin for declarative on-scroll reveal animations

scrollReveal.js scroll is a javascript plugin for declarative on- show animations. It is to create and manage simple way Show items that will be triggered when a viewport .

Read More 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 to EmailMonday, 91 percent of consumers are checking email on mobile devices on a regular basis. This is one of the reasons why you should consider optimizing your email template.

How do you optimize your email newsletter design? While you might think of using the modern way of coding an HTML template using div and external CSS, some email clients such as Outlook and Yahoo Mail use a different…

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 using hand crafted elements in their work to add character to a design. Today’s post showcases 20 websites that are all made with hand drawn components, particularly hand crafted …

Read More

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, tablet, and even mobile devices….

Read More Demo

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 render these thoughts as posters, t-shirts, and murals.

From James Victore’s “There are no shortcuts”, to Bill and Ted’s “Be excellent to each other”, there is a wealth of good advice ready to help you out.

Today I’ve put together 101 inspirational quotes for designers, covering everything from dealing with clients to getting your priorities straight…

Read More

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 can download 38 isolated objects…

Read More

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

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. HTML5 and CSS3 also provides another limitless new possibilities of web design, for an instance is responsive layout for your website. HTML and CSS3 also brings us an opportunity to create a website with all sorts smooth animations, subtle transitions, great image sliders…

Read More

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 great time to start. What better way to get inspired than from fellow designers. To help get those creative juices flowing, here …

Read More

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 scrolling technique, where background images move at a slower rate to the foreground images, creating an illusion of depth, while scrolling down the page and adding to the immersion. The technique has gained immense popularity in the past few years. Here, we have put together some of the best parallax scrolling web designs to inspire you. They offer a pleasant user experience as well as help you generate interesting ideas for website designing…

Read More

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 know and should make as quick as possible in order to have more freedom..

Read More

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

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 the entire design fits the style. In the pack, you will find 35 icons (PNG and PSD formats). Use them in your projects, commercial …

Read More

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 see more feedbacks, so we added a button that links to a modal page with more testimonials, with a nice CSS3 transition….

Read More
Demo

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 started!

Read More

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,…

Read More

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