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.
Category Archives: Web Design
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
Leave a reply
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 .
Top email newsletter templates free
All peoples using the internet must have a mail account for their needs. we surf around the internet for knowledge and fun and registering on interested blogs. Most of the blogs updating daily with beautiful contents. Almost bloggers sending emails about the new post’s for the registered peoples on their blog. If the email newsletter is an attractive and nice summary, then the reader must come back. At least one simple newsletter will help the blogger to get readers through emails.
Most of internet users interested login their mail and read the mail he or she got. So email newsletters are important in the current era. When the mobile technology has improved people interacting with mails are increased. Above 70% of people reading mails everyday the get.
Bootstrap 3 grid system – Free PSD
Bootstrap 3 standard grid system provided in 4 PSDs: LG, MD, SM and XS sizes. Free PSD released by Epeo
BootMetro : Create web apps with Windows 8 Metro user interface
Sketch.js : Canvas-based Drawing using jQuery
jQuery Html5 plugin for take pictures through webcam : Photobooth-js
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 !
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.
impress.js presentation framework with CSS3
jQuery Sharing widget
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.
scrollReveal.js – plugin for declarative on-scroll reveal animations
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 …
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….
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…
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….
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…
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..
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…
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…
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..
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 …
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…
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..
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…
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 …
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….
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,…
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.