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.
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.
Read the rest of this entry »
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.
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.
Requirements: Photoshop CC or CS6+
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.
Compatibility: Photoshop CS5+
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.
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.
Drawscript is a free Adobe Illustrator extension for generating graphics code from shapes.
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.
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.
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.
Once we design a web project in Photoshop, it takes some time to slice it and export all the assets to multiple image files.
Cut&Slice me is a great and free Photoshop plugin that can fasten this process with the smart features it offers.
First of all, it trims any unnecessary pixels while exporting. Also, it understands that "a group of layers" needs to be treated as a single object and cuts them perfectly.
When designing buttons, once the layers are named with the format mentioned by the plugin, it can auto-slice the multiple states of that button.
Also, for designs created at full resolution, Cut&Slice me can export to iPhone + Android retina/xhdpi (ldpi, mdpi and hdpi) with only one click.
Compatibility: Photoshop CS6+