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

Archive for the ‘Plugin’ Category

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.

    There is no limit on the effects that can be created/applied with Photoshop. Once you have the time, it is possible to fine tune any filter to get great results.

    Once you don’t have that time, using actions created by professionals is a very smart step to get things done quickly and still nicely.

    MightyDeals, the website of creative deals, is now offering a pack of 205 high-quality Photoshop actions for a price of $17 rather than $238.

    MightyDeals Photoshop Actions

    The pack is created by PhotographyPla.net and includes actions for Sunset & Sunrise, Black & White, Fashion, Autumn, Vintage, Faded & Hazy, Light Leaks, Monochromatic, and even more.

    Once an action is applied, it leaves the original image layer untouched but adds the effects as layers.

    MightyDeals Photoshop Actions

    This is not only smart for keeping the original but also gives the power to easily edit and/or any of the effects applied.

    These Photoshop Actions is a very handy set for Photoshop + photography fans and it is only available for the next few hours.

    Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com