Page 1 of 1812345...10...Last »


Source: WDL

As a web designer or developer, it’s nearly impossible to remember multiple programming languages, frameworks, and keyboard shortcuts to various applications. This is where cheat sheets can be a life saver. Most cheat sheets are designed to be printer friendly, so you can have them laying around on your desk as quick reference cards. So to make your life easier, we’ve rounded up a selection of cheat sheets that you will surely find useful.

The Web Developer’s SEO Cheat Sheet 2.0

8 Must-have Cheat Sheets for Web Designers

8 Must-have Cheat Sheets for Web Designers

Bootstrap Cheat Sheet

8 Must-have Cheat Sheets for Web Designers

[click to continue…]

Source from: smashingmagazine

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 to experiment with new solutions.

This article presents a collection of toolstips and tricks that will make your standard workflow as fast and practical as possible, so that you have more time for the exciting parts of the project.

Ready? Here we go!

Tips And Tricks


My Secret for Color Schemes
Erica Schoonmaker shares her trick for matching up colors and creating a nice color scheme. Read more…


Useful Aligning and Spacing
Kris Jolls creates squares for the various spaces he has between elements. This cuts down time and makes sure everything is aligned and spaced properly. Read more…

Creating squares for various spacings between elements

The Ultimate Photoshop Web Design Workspace
Jacob Cass shares his set-up for the ultimate Web design workspace in Photoshop. Read more…

The Ultimate Photoshop Web Design Workspace

[click to continue…]

100 Top Tools for Graphic Designers

While the Adobe Creative Suite of tools is pretty much the industry standard software for graphic designers, there are plenty of other tools available online, as web apps, mobile apps, or even desktop software, to meet the specific needs of artists and designers working in any niche. Typography is one of the most useful design elements on the web, and there many font builders, font compares, and font identification programs for designers seeking the perfect look and feel for the type on their online or printed product. Color comparison, stock imagery, textures, and Photoshop brushes are all assets that visual creatives use regularly, and there are many available online for cheap or free. One of the best parts about the online community of graphic designers is how willing they are to provide feedback and even build free tools for other designers to use.

The sites listed here aren’t ranked in order of quality, they are all amazing! They’re categorized and numbered for ease of use. Happy designing!


Graphic Design

Some of the most powerful tools at a graphic designer’s disposal are also the most basic. From stylistically matched icon sets to small code library to make it easier to design data-driven documents, even the smallest tools can make a job a thousand times easier. On the other end of the spectrum are the widely used, taken-for-granted, must have programs like PhotoShop, without which many designers would be out of a job.

  1. Adobe Creative Suite

    Adobe Creative Suite

    Adobe Creative Suite is one of the highest-regarded programs for designers, producers, and photographers. Adobe Creative Suite is an entire portfolio of programs, ranging from Photoshop and Dreamweaver to After Effects and Encore.

    Explore: FAQ

  2. Dribble


    Dribbbble is an online community where artists and designers of all stripes can get constructive feedback from other.

    Explore: Current Exhibition

  3. Forrst


    Forrst is a community of developers and designed who upload their designs for feedback to make improvements.

    Explore: Discover

  4. deviantART


    One of the largest online art communities, deviantART has over 200 million artist-uploaded pieces including fan art, skins, and other unique drawings and photos. Users can save, share, and shop for art as well as support other local and aspiring artists.

    Explore: Film and Animation

[click to continue…]

Were You Always Looking For Top PHP Frameworks? Here Is A List Of Some Of Them

In today’s world, your website isn’t just mere online catalogue but an important element of your marketing strategy. Whenever individuals get to know about you, their first response is to look up your website. Hence, this can be just the perfect complementing tool for your other marketing media.

Were You Always Looking For Top PHP Frameworks? Here Is A List Of Some Of Them

Take for example; you launched a Newspaper advertising campaign. While you would have given your contact details there, not everyone would be so interested to immediately call or mail you. Most people would want to know more about you, and telephone / mail can be limiting at times. That is when they would visit your website and extract all the information about you from there.

Moreover, if one’s business is reliant on one’s website (like an Ecommerce store and social networking sites) then the emphasis on intriguing websites escalates all the more. Not only should the website be visually appealing, but it must be robust as well. Its functionalities should be user friendly and must have some other necessary features too. However, there are times when people avoid getting a robust website developed. This might be either because of some cost constraint or also because of the lack of knowledge they have in the field.

If gurus in the field of web development have to be believed, the use of an ideal scripting language is imperative. This can not only add robustness but also make the development process cost effective, at times. A robust language can bring with it a range of other advantages too. Most recent trends suggest that PHP tops the list of the preferred scripting languages by developers. It is prompt, robust and cost efficient.

Introduction to PHP

PHP is a server side scripting language. For anyone who belongs to the sphere of web development, PHP is one of the preferred choices of scripting languages. The language was created way back in the year 1995, and it was then called ‘Personal Home Page’. With time, though, it came to be renamed and is now known as PHP: Hypertext Preprocessor. If one was to delve further into the history of this scripting language, one would realize that its original objective was to support the designing of dynamic yet interactive web pages. However, with the progression of time, things have advanced, and it is now being used for the development of web based applications too. Such transition has been due to the enhancement of features that have been introduced with PHP, from time to time.

There are many benefits that PHP proposes. Following is a brief account of the same:

  • By the virtue of being an open source scripting language, it assists in bringing down the overall cost of the project. This can be helpful, especially during times of recession when people are being made to cut corners to make ends meet.
  • From what the expert developers in the field say, PHP is highly user friendly too. When compared with some of the other languages as C, ASP or even, PHP can be considered to be simpler to use and execute.
  • This scripting language also helps in cutting down on the overall development time. This is firstly because of its ease of use. Secondly, because of the large community of PHP, you can promptly find solutions to problems that you might face during the process of development.
  • It can work well with all major operating systems. Given that web users are dispersed across various browsers today, this feature can be helpful.
  • It is directly embedded into HTML coding. This makes the life of developers simpler and they can breathe easy about the process of development.

PHP Frameworks

If you are involved in PHP development, you would know about the various frameworks that are available. These coding structures and methods can simplify the development process. If there is a specific requirement that one has, the right framework can be chosen to add an element of robustness and success to the process. In the above sentence, the phrase ‘right framework’ is very important. This is because there are numerous frameworks that are available, and all of them have their own unique approach and benefits for developers. It is the prerogative of the developers to choose that particular framework which can best suit the need.

Once the right PHP framework has been chosen, though, you will be able to explore many advantages. These include:

  • Quicker Development
  • Standardized Application Architecture
  • Code Compatibility
  • Easy Debugging
  • Code Modification Functionality
  • Online Help
  • ……..many others.

Below mentioned are some of the highly acclaimed PHP frameworks. This list has been compiled on the basis of market sense and conversations with industry experts.

[click to continue…]

30 Efficient jQuery Lightbox Plugins

30 Efficient jQuery Lightbox Plugins

jQuery is a powerful tool and using it has become a sine qua non condition of web designing. It practically transforms a web page from dullness to an entertaining and catchy piece of work. For images we have the lightbox plugin in its many variations. It displays images using modal dialogs and it became very popular because it is very easy to implement. You have to bookmark this article cause you don’t want to forget using one of these plugins in your future designs.

Lightbox 2 (2.04)

Lightbox 2 jquery plugin
Lightbox 2 allows you to present images in a slick window, while darkening the rest of the page. It makes your site look professional, and adds very little to page load times. It does not require any browser plugins to work, and works on just about every web browser out there! When a browser doesn’t support javascript, the code fails gracefully.

Check the Lightbox 2 plugin for WordPress adapted by Rupert Morris.


Colorbox lightbox jquery plugin

A light-weight, customizable lightbox plugin for jQuery 1.3 and 1.4
Why you should be using ColorBox:

  • Supports photos, photo groups, slideshow, ajax, inline, and iframed content.
  • Lightweight: less than 9KB of JavaScript.
  • Appearance is controlled through CSS so users can restyle the box.
  • Behavior settings can be over-written without altering the ColorBox javascript file.
  • Can be extended with callbacks & event-hooks without altering the source files.
  • Completely unobtrusive, options are set in the JS and require no changes to existing HTML.
  • Preloads background images and can preload upcoming images in a photo group.
  • Written in jQuery plugin format and can be chained with other jQuery commands.
  • Generates W3C valid XHTML and adds no JS global variables & passes JSLint.
  • Released under the MIT License.


FancyBox lightbox jquery plugin

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.


  • Can display images, HTML elements, SWF movies, Iframes and also Ajax requests
  • Customizable through settings and CSS
  • Groups related items and adds navigation.
  • If the mouse wheel plugin is included in the page then FancyBox will respond to mouse wheel events as well
  • Support fancy transitions by using easing plugin
  • Adds a nice drop shadow under the zoomed item

[click to continue…]

Magnific Popup, A Truly Responsive Lightbox (For jQuery And Zepto.js)

By Dmitry Semenov Copyright Smashing Magazine

A lightbox is one of those tools that work great on the desktop but often fail on small mobile devices. These days, finding a plugin that is responsive and that displays content right away is hard. For this reason, I created Magnific Popup, an open-source lightbox plugin focused on performance.

In this article, I’ll share the techniques I employed in creating this plugin, techniques that can make your lightbox much faster and easier to use, whatever the device being used.

1. Speed

We might not be able to speed up the loading time of an image with this lightbox plugin, but we can create the perception of a faster loading time.

Progressive Loading of Images

The majority of lightbox plugins will fully preload an image before displaying it. This is done to figure out the original size of the image and to center it with JavaScript. Because Magnific Popup centers the content with CSS, we can avoid preloading and instead display the image right away to take advantage of progressive image loading. It will render and show the image while the data is being received.

You can speed this up even more by progressively rendering the JPEG. It is rendered not from top to bottom, but from low quality to full quality, so the user can discern the image even faster. The type of rendering to use is strictly a matter of preference.

Progressive image loading

[click to continue…]

Using jsfiddle to Write Better JavaScript

JsFiddle is an amazing tool that is accessible anywhere via a browser. It allows you to rapidly create demos, examples, bugs, and many other web-based applications and sites.

Attention all Front-End Developers: How can you make JavaScript less painful. Use JSFiddle. JS Fiddle is a great little tool originally written by the guys at MooTools to help them develop the framework. It’s been expanded and improved to include all the major JavaScript frameworks. It gives you four panes. One for JavaScript, one for HTML, one for CSS and one to preview your code as it would run in a browser. This gives us

Attention all Front-End Developers: How can you make JavaScript less painful. Use JSFiddle. JS Fiddle is a great little tool originally written by the guys at MooTools to help them develop the framework. It’s been expanded and improved to include all the major JavaScript frameworks. It gives you four panes. One for JavaScript, one for HTML, one for CSS and one to preview your code as it would run in a browser. This gives us a great way to test out and tweak code on the fly without having to switch back and forth between editor and browser, or upload code to a server to run. Today we will take a look at using JSFiddle with jQuery/JQuery-UI.

First, let load JSFiddle in the browser and familiarize our selves with the interface. Browse to

[click to continue…]

Page 1 of 1812345...10...Last »