Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘Plugin’ Category

Every frontend developer should be quite familiar with the jQuery library. It provides a simple API for building quick dynamic interfaces without a whole lot of code. Many developers have even created jQuery plugins and released them online for free. This gallery includes 20 free open source examples of new jQuery plugins which can be used to enhance any website layout.

CLNDR.js

clndr calendar js jquery plugin

Read the rest of this entry »

The abundance of single-page website layouts has become quite a hot ticket in recent years. I’ve been impressed to see developers jumping onto this trend releasing many free open source plugins and scripts. Parallax itself is defined as a change of perception in objects based on the viewpoint.

This can extend to parallax backgrounds, text, images, or other page elements. The recursive features of parallax design allow for extensible JavaScript plugins with easy-to-customize options. Any developer with an understanding of their idea can quickly implement the needed functionality by using any of these free open source scripts.

Parallax.js

open source library parallax js

Read the rest of this entry »

jQuery plugins are life savers, specially when they help you on the task of adding cool functionality to your website. Thanks to the super engaged jQuery developer community, who is always creating new and amazing stuff, there are tons of great jQuery plugins out there, plugins that cover all sorts of functionalities.

From scrolling effects to improved website navigation, from better forms to UI enhancers and much more, there is certainly a plugin for what you need to do. To show you the power of jQuery we gathered 17 plugins that will make your life easier, so make sure to take some time to check them out. We will show here plugins that will help you on creating full screen scrolling sites; name breakpoints in one place and automatically sync them across your javascript and markup; defining custom scroll paths; organize webpage content in an efficient, dynamic and responsive layout, and much more. Also, make sure to check a few interesting links about jQuery at the end of our list. Enjoy.

fullPage.js

A simple and easy to use plugin to create fullscreen scrolling websites (also known as single page websites). It allows the creation of fullscreen scrolling websites, as well as adding some landscape sliders inside the sections of the site.

17 jQuery Plugins that will Make your Life Easier
Read the rest of this entry »

  • Tags:
  • Filed under: Plugin
  • 0 Comments
  • Each social network has its own dynamics when it comes to customizing the social profiles and pages. Different requirements and sizes.

    Social Kit is a free Photoshop plugin that focuses on simplifying the design of such pages and profiles.

    It currently supports 4 networks: YouTube, Twitter, Facebook and Google+.

    The plugin has full-sliced and editable templates where the outputs look just the same as “how they will look when live”.

    10 years ago, icons were all about 3D and being colorful. Then the Web 2.0 effect came and shininess is added.

    Right now, it is all about flat icons and, Flaticon, a website that enables us to search them quickly is pretty handy.

    There are icon sets created by the developers (Freepik, which is a creative resources search engine) and also by other designers.

    Flaticon Photoshop Plugin

    It is possible to make a single icon search or browse them in categories or sets.

    Flaticon now has a free Photoshop extension that makes searching simpler, right in the image editor we always use.

    Using the extension, we don’t have to leave Photoshop and can find the icon + get it inside the canvas quickly.

    Long shadow effects became very popular with the flat design trend and a new solution pop-ups each day to simplify creating them.

    A free Photoshop extension, Long Shadows Generator, is probably the best solution for Photoshop users.

    It is pretty straightforward, just apply the shadow length, opacity, angle and set the opacity. It is all ready.

    Long Shadow Generator

    Let’s say, you created the layout and getting prepared to export all the layers for front-end coding. This would take so much time if done manually.

    For Photoshop, there are some built-in methods (like an export script). However, Breezy, a free Photoshop extension handles this process nicer.

    You can select the layers to be exported and they will be ready very quickly (with the layer names, transparencies, etc.) inside a pre-defined folder.

    Breezy - Photoshop Plugin

    BlendMeIn is a free Photoshop extension to search for icons, vectors and other design resources right inside Photoshop.

    Once you reached a specific resource, it can be drag ‘n’ dropped into the current composition which is a time-saver.

    It is available as CS6 + CC extensions and, if you created similar design resources, you can contact them for addition too.

    Update (17 Nov 2013): There is now a n Illustrator version of the extension too.

    BlendMeIn - Photoshop Extension

    For designs created to be displayed on iOS or any other Retina-Display device, we need to create high quality version the right way.

    Retinize It is a set of 2 free Photoshop actions where one of them slices the selected layer (or group) and the other for slicing +  scaling it by 200%.

    These actions are a time-saver for anyone that regularly creates designs for websites in Photoshop. Simple-yet-handy.

    Retinize It

    Drawscript is a free Adobe Illustrator extension for generating graphics code from shapes.

    The extension is capable of converting them into codes like Obj-C, C++, JavaScript, Processing, ActionScript 3, JSON and raw bezier points.

    Drawscript

    It has the ability to add any prefixes for the elements created, can auto-detect rectangles and ellipses for using the related methods of each coding environment.

    Drawscript is pretty handy for anyone willing to skin UIs, create vector assets for gaming and learn vector graphics programming.

    Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com