100 Beautifully Designed Responsive WordPress Themes
Responsive WordPress themes are designed to render perfectly on any screen size, resolution and device. This simply means that you can focus more on the better aspects of your website without worrying about how and where your visitors choose to access your site. Today, websites are displayed on tablets, mobile devices, laptops, big screens, home computers, and applying and tweaking a WordPress responsive theme ensures that your website doesn’t disappoint at any time. With WordPress responsive themes, you do not need to worry about tweaking, updating or applying some extra code as the specific theme is your all in one solution. In light of this, responsive themes have become widely popular across the globe, and good news is that most of them can be used by both beginner and advanced users. To make this easier, most of these responsive themes are complete with detailed documentation, and if that doesn’t work, there’s always the prolific customer support or online forums to count on. Listed below are our top 100 WordPress responsive themes, and we hope they help you make a perfect choice. Lucid [ Demo Link ] Glamour is a magazine style WordPress theme that features a multi column homepage display, and allows visitors to browse through your content the way they want. Its responsive layout allows it to be rendered on any screen size, resolution or device, and is tagged with a host of features including shortcode compatibility, powerful options panel, unlimited Google fonts, translation ready and Adsense and SEO optimized. Trim [ Demo Link ] Just as the name reveals, Trim by Elegant theme is a fully responsive WordPress theme that is clean, minimalistic and exquisitely designed. Created to suit beginners and advanced users alike, Trim comes list of extensive features includes secure and valid code, unlimited color schemes and unparalleled support, complete localization, cross browser and shortcode compatibility and complimentary page templates. SimplePress [ Demo Link ] If you’re looking to uplift your website with a clean and professional look, SimplePress is an excellent choice. This fully responsive WordPress theme is appointed with an uncluttered homepage that features clear hierarchy and an elegant Javascript slider. Some of its appealing features include responsive design, theme options, shortcodes, and page templates. Avada [ Demo Link ] Avada is a fully responsive and retina ready WordPress theme that comes loaded with an overwhelming number of perks. Some of its most notable features include 5 header designs, intelligent admin panel, custom shortcodes and options, unlimited colors and fonts, and retina ready. Flexible [ Demo Link ] Flexible by Elegant Themes is a sleek and minimal WordPress theme that is equipped with plethora of features including font customizer, perpetual updates, unlimited color schemes, cross browser compatibility, unparalleled support, page templates and much more. Reveal [ Demo Link ] Reveal is a fully functional and responsive WordPress theme that is designed to look great no matter what screen size, resolution or device it is displayed on. Some of its appealing features are responsive layout, theme options, custom widgets, logo upload, button shortcodes, video support, Google Web Fonts and cross browser compatibility to name a few. Hero [ Demo Link ] Hero is a minimal and clean responsive WordPress theme that is specifically designed for individuals who want to showcase their best work in the best way. The most appealing characteristic of this theme is probably its parallax homepage banner, but there are also others such as slideshow shortcode, custom widgets, localization support, filterable portfolio, logo upload and responsive layout. SmartStart [ Demo Link ] SmartStart WP is a clean yet powerful responsive theme...
Read More100 Photoshop Gradient Brushes
Photoshop Gradient Brushes Photoshop gradient and brushes are a great way to complete your bland project or create an astounding piece from scratch. Having a good collection of PS gradients is vital for any new and advanced web designer or blog owner, and this list will definitely help you boost your creativity. Fresh eMedia Gradient Brushes [ Download Link ] Create stunning pieces of artwork easily with these 13 gradient Photoshop gradient brushes. These brushes are easy to download and install and very well worth it. Gradient Designs Brushes [ Download Link ] This set of exciting gradient brushes are carved in various shapes and designs, which includes waves and swirls to bubbles, sunburst effects, tribal flames and much more. 70 Photoshop Gradient Brushes These gradient brushes by Bleedinonthefloor will definitely satisfy all your artistic acumen. This image pack of 70 gradient brushes are sure to spice up any project you may have in mind, and are great once you convert them. Gradient Brushes V.1 This gradient brush set is available in 2500 px each and is ideal for those looking to spruce large scale pictures. Photoshop Gradient Brushes This set of 25 rainbow brushes is available in various texture and color variants and are All 100X100 pix. Gradient Ray Brushes [ Download Link ] Brought to you by Stalwart designs, this gradient brush set is user friendly and is definitely a must have for any curious Photoshopper. Available in 6 brush variants 2500px and designed for CS-CS5, Circle Ray Brushes are your one stop solution for all your mass coloring needs. Block Gradient Brushes These brushes add a nice touch to sigs and are deigned to be used on LJ/GJ icons. They are ideal for those looking to revamp a bland project. In high demand, Block Gradient Brushes come in handy for any small or large Photoshop project. Abstract Waves Brushes [ Download Link ] Created by Stalwart design, these abstract wave brushes are destined to revive any bland Photoshop project. Available as 6 brushes at 2500px, this is definitely a must have add on. Abstract Gradient Brushes [ Download Link ] Again designed by Stalwart productions, these abstract gradient brushes are a guaranteed hit once added to your Photoshop endeavors. Compatible with CS – CS5, this collection is ideal for both beginners to the advanced level. Simply Soft Brushes [ Download Link ] Brought to you by differentxdreamz, this batch of 25 high resolution brushes for PS 7 is definitely worth getting. Simplicity This gradient brush set by differentxdreamz is a compilation of 15 high resolution brush sets that are designed for CS+. Generated from 1 default square brush combined with an ultransformed brush, simplicity gives you the freedom to make the shapes you want. Gradient Shape Brushes [ Download Link ] 6 Brushes 2500px that work great with Dynamic and Scatter settings. Fun with Vectors [ Download Link ] Brought to you by StarwaltDesign Brushes, these Photoshop gradient brushes are a combination of vector shapes that are divided between 4 Brushes of 2500px. Abstract Designs Vol 2 Brushes [ Download Link ] These 5 Brushes 2500px are a perfect combination of vivid color designs to make any Photoshop project come alive. Aurora Borealis Brushes [ Download Link ] Composed of various shapes of Aurora Borealis also dubbed as Northern Lights, this 22 gradient brush set is definitely a muct have for any Photoshop enthusiast. Egress Exciting colors and shapes is what you get with this gradient brush set. Brought to you by Monica, this Photoshop brush set is a must have for anyone with Photoshop. Abstract...
Read More50 jQuery Lightbox Plugins for Photo Galleries
jQuery lightbox plugins are a great way to present your videos, HTML content and images in an appealing way. A page fused with lightbox enables elements such as modals, which is a box that users are able to click to get a glimpse of a larger eye catching glimpse of the original image. First introduced as rather hard to implement JavaScript, these plugins have come a long way and most of them today are powered by a robust intuitive jQuery library. Here’s our take of the top 50 jQuery lightbox plugins, which will definitely come handy for any web/blog enthusiast. Lightbox 2 (2.04) [ Demo ] Lightbox 2 allows to you render images in an appealing window, while darkening the unused part of the page. It also helps lower page load times, and does not require any additional browser plugins to work its magic. ColorBox [ Demo ] There are many reasons to use ColorBox including support for slideshows, photos, grouping, inline, Ajax and iframe content. The overall appearance is controlled by CSS, which allows users to restyle any box as they see fit. Generates W3C valid XHTML and is written in jQuery plugin format, making it compatible with other jQuery commands. FancyBox [ Demo ] This Mac-style lightbox displays images and website content, and floats above other web pages. With support for fancy transitions and completely customizable through CSS, FancyBox is compatible with iframes and various other HTML elements. PrettyPhoto [ Demo ] This intuitive jQuery plugin not only provides support for videos, but images, flash, YouTube videos, and iframes. With a setup that’s quick and easy combined with a robust interface, prettyPhoto is extremely flexible and can be launched from anywhere. Litebox [ Demo ] This modified version of Lightbox v2.0 is designed exclusively for size reduction. Powered by prototype.lite combined with 3kb Javascript library moo.fx, Lightbox is reverse compatible and can be expanded if necessary. Lightview [ Demo ] If you’re looking for a way to change the way you overlay content, Lightview is the plugin to explore. Some of its features include customizable without CSS, clean design to compliment your website/blog, ability to resize content to fit various screen sizes and one button slideshow. ThickBox [ Demo ] Written in JavaScript, and with its ability to show a single image, multiple images, iframed content and inline content, ThickBox ranks high in terms of functionality. This plugin automatically resizes images bigger than the user’s browser window, and will conceal unwanted elements in IE 6. JQuery lightBox plugin [ Demo ] This simple, elegant and unobtrusive plugin is used to overlay images and requires no additional markup. Powered by the jQuery JavaScript library, the jQuery lightBox plugin uses just two Javascript files in the header and eliminates the need to modify or amend your existing HTML markup. Slightly ThickerBox [ Demo ] This plugin can be used to create image galleries and groups of galleries, and is an amended version of Cody Lindley’s Thickbox script. Slimbox 2 [ Demo ] This plugin is a clone of the popular script by Lokesh Dhakar and is fully customizable, friendly, efficient, small and even compatible with its original version. Compatible with horizontal scrolling websites, Slimbox 2 is more responsive and more robust than its predecessor. Facebox [ Demo ] This Facebook style lightbox displays divs, images and entire remote pages. Facebox is easy to use and is powered by the jQuery library and can also be used to display external images using Ajax. Boxy [ Demo ] Boxy is a versatile Facebook-style dialog box for jQuery that provides support for...
Read More60 WordPress Gallery Plugins
WordPress gallery plugins are a great way for blog publishers to boost the visual effect of their blog, and in today’s day is an absolute essential for photographers and artists looking to showcase their best work on their WordPress websites. These plugins help exemplify the artists work in the best light, and integrate seamlessly with your existing blog design. Listed below are the most popular WordPress gallery plugins that will be an excellent addition to any WordPress blog or website. NextGen [ Demo ] After nearly 8,000,000 million downloads, the NextGen Gallery speaks for itself. It’s one of the most robust plug-ins to use and is appointed with a plethora of display options that are suited for the novice and professionals. This template by NextGen allows you to customize, resize and seamlessly add a thumbnail gallery to your WordPress blog/website. Some of its features include responsive layout, control slideshows, change thumbnail size, backgrounds, borders and spacing. FlippingBook [ Demo ] FlippingBook is a convenient way to create a photo gallery on your blog. It seamless leafs out the pages and coverts it into an enviable album that is interactive and is easy to use with no extra navigation or interface. WP Easy Gallery [ Demo ] By installing WP Easy Gallery, users can set custom dimensions, sort order of images, include multiple galleries, and even short codes for easy integration. With an easy to use interface, this plugin is a preferred by many definitely publishers with several bug fixes to improve its usability. RoyalSlider [ Demo ] With RoyalSlider, you get a powerful content slider and powerful image gallery that creates staggering image galleries with photos from Flickr or your image gallery. Its core features include touch compatibility with Windows 8, Android and iOS. SlideDeck2 [ Demo ] This gallery plugin allows you to create appealing content sliders without any coding. Embed your own custom HTML, add video and text or simply grab funnel content from Instagram, RSS feeds or YouTube. OmniGallery [ Demo ] OmniGallery allows you to easily add photos from Picasa, Facebook, Pintinterest and Instagram with as simple to use interface. All you have to do is select the post page where you would like your gallery displayed and then simply select OmniGallery. Lazyest Gallery [ Demo ] The laziest gallery plugin simplifies the process of adding captions, comments and descriptions to all the photos of the album. When moving the photos from one location of the blog to another, the plugin safeguard and preserves the information associated with the individual photos. Fancybox [ Demo ] Fancybox is a versatile interface that lets offers you a plethora of customizing options. This plugin uses J-query by default that can be applied to posts, sidebar etc. Awesome Flickr Gallery [ Demo ] This fast, simple and seamless plugin provides a clean way of customizing Flickr galleries. It supports both private and public photos and is SEO friendly so your photos are ready for the web when you are. uSquare [ Demo ] This square grid interface displays your content in a unique way, and can be used for blog posts, designs, services, or anything you desire. The live folder includes 3 edits of the original file so you can see if this plugin works for you. DZS ZoomFolio [ Demo ] ZoomFolio is the ultimate gallery plugin for WordPress and the possibilities are literally endless from boasting your vacation photos to recent posts on your blog. Showcase [ Demo ] Showcase refines your current WordPress bland gallery and makes the whole process of ordering, uploading and editing your...
Read MoreMake Your Own Selection Using Pen Tool in Photoshop
When it comes to making selection in Photoshop, there are very few people know how to use Pen tool effectively to cut out their design. Most people put a stop to their learning when it comes to choosing this tool while others simply ignore this, thinking that this is confusing and complicated. Ultimately their works suffer as they only have to depend on Lasso Tools for selecting and cutting a particular section of an image. While Rectangular or Elliptical Marquee Tool simply cannot do this kind of selection, most of the people being unknown to Pen tool keep themselves glued to Lasso tool for this particular kind of selection. However, if you spend a little time and go through this tutorial, you would get quite familiar with Pen tool and selecting and cutting the portion of the image as you wish won’t be of any tension any more. You could easily be a Pen Master and would surely wonder how would anyone simply does not know how to use something so simple! So, let’s get started… Where to Find Pen Tool? Before we start using Pen tool, let us take a look at where this tool is located in Photoshop. You can easily find it in the Tool Palette which is grouped within the shape tools. By selecting this option, you have full control of which section of your image to be cut out and make various changes accordingly. Well, this is one of my favorite methods to isolate an element from its background and put it in some other backgrounds. Getting Started With Pen Tool Step 1: Select a picture first. In this tutorial, the following image is used. Our task is to cut out the whole maple leaf. Step 2: When the picture is open in Photoshop, we need to zoom in so we can work comfortably. Next, select Pen tool. What we need to do is to click on the outline of the image where we want to cut out as the first anchor point. Once that is done, choose the second anchor point, then hold and drag the point so that it fits the outline of the image. Next, repeat this process until the whole leaf section is selected. Step 3: When we arrive at the area where the first anchor point was placed, click on the first point to complete the path. Now, zoom out and notice that the leaf image has been surrounded in path. Convert Path into Selection Step 4: In order to convert a path to selection, you need to locate a button containing a dotted circle at the end of the path panel (If you are not sure where the path panel is located, go to the Window tab and select Paths). Selecting and pressing this button would help to turn your image into a selection. Another way to do is to drag and drop your path onto this button. Step 5: Once the selection process is over, you can copy (Ctrl+C) the portion of the image and paste (Ctrl+V) it on any background you want. When you do that, a new layer will be created and you are all done. Let me backtrack a little. After you convert the path into selection, you can choose to feather the selection to give it soft focus at the edges. To do this, go to Select >> Modify >> Feather and enter the number of pixels. Then proceed with the copy & paste process. Pen tool can be used to cut out all kinds of images. I personally feel that this is the...
Read More60 Photoshop Illustrator Tools and Tutorials
The Photoshop Illustrator is easily the preferred option by many especially when it comes to graphic and web designs. Nonetheless, this software is one hard shell to break. There are a slew of things that need to be learned particularly involving the advanced tools that we require in enhancing our design and highlight some important details. This article outlines sixty of the most important techniques that you can use in order to maximize the use of Photoshop Illustrator in creating great designs. 1. Crash Course in Illustrator CS3 This is a condensed Illustrator tutorial program designed for beginners. It is a 30-day program broken down into 20-minutes modules that cover the basic techniques and fundamentals of Illustrator CS3. 2. An Easy-To-Follow Guide in Using Illustrator Brush Panel and Paintbrush Tool This comprehensive tutorial outlines the simple in using the Brush Panel and the Paintbrush Tool of the Illustrator. It shows of the effective and practical techniques for users in creating their own brushes. 3. A Comprehensive Guide in Using the Illustrator Pen Tool This tutorial presents the simple steps in using one of the most important tools when creating paths. This tutorial tackles the important features, useful shortcuts and the techniques associated with Illustrator’s Pen Tool which is easily the most important Illustrator tool. 4. A Comprehensive Tutorial in Using Illustrator Live Trace This tutorial shows how you can use the Illustrator Live Trace in creating appealing illustrations in your designs. 5. Illustrator CS3 Selection Tools Tutorial This tutorial shows how to pick the appropriate selection tools while working on objects, shapes and points. 6. Symbol Spraying Tool Tutorial This tutorial shows the simple steps in using the Illustrator CS3 Symbol Spraying Tool as an effective aid in simplifying the illustration work that you are doing. 7. A Comprehensive Guide in Using the Rotate Tool This tutorial shows how you can use the Rotate Tool of the illustrator to duplicate a shape. This tool allows the user to create beautiful designs, create exact patterns of specific shapes, and add appealing characters and a lot more applications. 8. Introductory Tutorial on Gradient Mesh Tool This basic tutorial on Illustrator Mesh Tools tackles the basic techniques in creating a multi-colored object with color transition features. 9. Practical Tips in Using Gradient Mesh Tools The Gradient Mesh Tool is one of the most amazing yet confusing tools of Illustrator. The tutorial outlines some practical tips in using the Mesh Tool more effectively using an innovative tutorial format that is easy to follow. 10. An Informative Tutorial on Illustrator Spiral Tool This tutorial provides answers and unlocks the mysteries of Spiral Tool. It provides a practical explanation of some confusing terms like Decay, Segments and Radius as it is applied in the Spiral Tool. 11. Tutorial on Illustrator Align Tool and Pathfinder This tutorial shows the simple steps in using the Pathfinder and Align Tool in order to achieve the perfect drawing that we need in our illustrations. This tutorial also shows how we can use this tool as alternative to the Pen Tool in creating simple icons. 12. Tutorial on Custom Illustrator Brush This is a simple way to create Custom Brush in Illustrator. This tutorial shows how simple and easy it easy to create brush in Illustrator. 13. Tutorial on Illustrator Blend Tool This tutorial shows the uses of Illustrator Blend Tool beyond the creation of abstract lines. It shows some interesting ways in using this Illustrator tool in creating a slew of shapes and effects. 14. Tutorial on Illustrator Shortcuts This tutorial shows how you can use 26 Illustrators shortcuts...
Read More