Group items tagged

There are 20 important parts one needs to take into account when designing a custom WordPress theme. This guide will introduce you to different areas of theme development. Let's get started.

Adobe InDesign is a desktop publishing program that can be used to create works of all kinds - books, newspapers, magazines, flyers, brochures, posters and more. Used with another Adobe product, Digital Publishing Suite, it can also be utilized for publishing content adopted for tablet devices. In certain respects, however, it is not the best of its kind: Each of the ten applications described below is superior to it in one way or another.

One page layout designs have been a popular trend lately especially with freelancers. Many freelancers have decided to opt for single page website design because it is straightforward and easy to maintain. Freelancers can showcase their works in an instant without unnecessary confusion with key information displayed. Today, freelancers get to choose from 20 beautifully designed HTML5 responsive one page website templates built with a parallax effect over at Mighty Deals to effectively showcase their portfolio.

Email marketing and newsletters are a critical part of the marketing plan of many businesses large and small. If you're not already using email marketing for your own business or offering services for your clients, this is certainly an area to explore. One of the aspects of email marketing is the design of the email itself. While text-based emails can be effective in certain industries, most businesses prefer to have a newsletter or email template that will present the message in an attractive way. While most email list managers will offer some free templates and/or a WYSIWYG editor for designing your own email, there may be times when these options don't meet your needs. In these situations your options will be to design and code a custom template on your own, outsource the work, or purchase a template that does meet your needs. Custom designs are often preferred, and for good reason, but they don't always fit within the budget.

Flat Social Media Icons is a collection of beautiful icons developed in the flat style. As you already know, we have issued several UI kits in the flat design style, namely Square UI (paid and free versions) and Flat UI (paid and free versions), and we've decided to create free social flat icons, so that the entire design fits the style. In the pack, you will find 35 icons (PNG and PSD formats). Use them in your projects, commercial and non-commercial use if free. Icons included in the pack: Blogger, Delicious, Designbumb, Designfloat, Designmoo, Deviantart, Digg, Dribbble, Drupal, Facebook, Forrst, Foursquare, Friendfeed, Gmail, Google, Google+, HTML5, ICQ, LastFm, LinkedIn, PayPal, Picasa, Pinterest, Reddit, RSS (Feed), Skype, Stumbleupon, Technorati, Tumblr, Twitter, Vimeo, WordPress, Yahoo and YouTube. Source: http://designmodo.com/flat-social-icons/#ixzz2VFUkPHSw

When it comes to the style of a website's design there are all kinds of options. Part of having an effect website involves having a design that helps to prioritize the right content and elements on the website, which results in users/visitors pay more attention to those important elements. One of the best ways to control the parts of the website that will get the most attention from visitors is to remove things that are unnecessary and might cause a distraction. In recent years the minimalist design approach has drawn a lot of attention, especially from designers who appreciate the beauty of simplicity. However, designing a website to avoid clutter and distractions doesn't mean that it has to be completely minimal with very few images and visual elements.

A human face can be a nice inspiration for logo design since it is thought to be among the most noticeable and viewed features that any of us stumble upon in our everyday life. We interact with lots of persons every single day. We come across some of their emotional behavior such as annoyance, joy as well as sadness. All of these emotional expressions can certainly be employed as an image in designing a logo. If you want to develop a brand that illustrate reliability and emotional aspect of business then face logo designs are definitely the ideal choice.

It's that reason why we go about our work so deliberately; we choose colors, fonts, the type of web layout we're going to use, and even the way we write CSS, all in a very purposeful manner. As we craft our designs, we also realize that the result will say something about us, the designer. And these things that our designs are saying are not always good.

A perfect code editor is the only thing a developer needs for joy. When it comes to code editors, developers mainly care about usability and functionality of the tool they're working with, but the era of plain, old, ugly code editors is gone.

A perfect code editor is the only thing a developer needs for joy. When it comes to code editors, developers mainly care about usability and functionality of the tool they're working with, but the era of plain, old, ugly code editors is gone.

Packaging is always inspirational. It's one of our favorite subjects, perhaps because it's about real materials, something web designers don't get to enjoy so often. Packaging selections didn't used to be a regular feature on our blog, but we've decided to make a monthly selection thanks to the number of visually outstanding projects that are out there. The creativity to be found in this area is admirable, with such unexpected, aesthetically strong and practical solutions constantly being invented to improve the quotidian objects that surround us.

Photoshop is a powerful tool for creating all sorts of imagery but it does have its limitations. While Photoshop does have some fantastic tools for creating 3D text, there are other applications that are often better suited for the job. That is why many illustrators use a combination of Photoshop and some other 3D application to help create 3D text. In this tutorial, we will show you how to use Cinema 4D to create wooden 3D text and then how to use Photoshop to add the final touches. Let's get started!

Today we are going to look over the shoulders of quite a few professional designers. Using their original PSDs with open layers, we will be able to exactly reconstruct, what has been done and how. If you are like me, this way of learning by doing proves more effective than working through step-by-step tutorials. The following files come with lots of layers to be examined, as we are going to dissect a camera, a sports shoe, a cell phone and lots more. Have fun looking through the eyes of the most able Photoshop professionals. Before I forget: watch out for some layer-related Photoshop tips, I may have left for you throughout the collection…

CSS is a really simple and straightforward language, but when it is getting too long - let's say for a thousand of lines, it turns into a maintenance 'nightmare'. Everything will be too complicated to maintain, and we will get lost with which style rules to keep up with or overwrite. For that reason, a CSS Pre-processor is created to make writing CSS programmable and more maintainable............

You often find interesting pieces of information, from videos, images and articles online that you want to save. There are a number of ways to do this: you can use a bookmarking feature that comes with most today's browsers, or else using social bookmarking sites, like Digg...........

For most web developers, delivering the images to the low-bandwidth mobile devices could not be less than any brain teaser, where they feel like they have been stuck in a complex task, just like searching a needle in the dry haystack! Well, it could screw-up the brain! Even the developers, who are well-acquainted with responsive web design techniques, know that by setting the max-width of the images up to 100%, can't resolve this issue as the server will still render big size image to the user's phone. The mobile optimized web applications are designed to run smoothly for the low bandwidth connection with formatting according to the screen of the device.

We're going to cover some incredibly practical, basic tips that you can apply in order to create your own cost-effective photo manipulations from scratch. Not everyone has access to professional photography studios, and today you'll learn how you can product high-end looking results on a very limited budget. This includes everything from correctly setting up a photo shoot, to moving into Photoshop and covering post-production essentials. You'll work with lighting, detail removal, color correction and photo manipulation.

I've been using Sketch properly for about a month now and I have to say that I'm really impressed as are a lot of others now using it in the design community. I first found out about it after reading a blog post by Meng To on How To Design Pixel Perfect Assets in which Meng refers to Sketch a few times and explains that it's great while designing for mobile as you can export in 2x even after designing in standard dimensions. Sketch has had a lot of attention lately so here's a few blog posts and freebies that you may have missed: Simple Vector iPhone Sketch Freebie Browser Wireframe iPhone iOS 6 Template for Sketch

So you're a pretty great web developer already. You've got some killer CSS chops (cross browser even), perhaps you've been a Photoshop expert for years, and you've got enough jQuery knowledge to make almost any chained animation go smoothly. But certainly you ask yourself, what's next? In fact, one of the most asked questions about web development is, "how do I stay on the leading edge?" Chris Coyier recently presented a fantastic talk on the subject, and there are sites fully dedicated to staying up to date on the latest web design news. Addy Osmani's roundup on becoming a better front-end engineer sets some great content out on the board for you to consider on the subject; needless to say, a lot of smart people are thinking about this very subject, so you're headed in the right direction.

These days, a necessary tool of the trade for both professional and amateur visual artists, such as graphic designers, web developers, photographers, digital artists, etc., is an online presence; and that is usually achieved with a personal or professional portfolio site. So today we are bringing you a selection of powerful, usable, free WordPress portfolio themes that are all highly customizable for experienced coders, but also just as usable as they are for non-coders. Portfolium Neat and flexible grid-based theme for WordPress, Portfolium can be used on portfolio websites or blogs. Take full advantage of Portfolium's fresh, minimalistic design that is perfect as is, or as a foundation for your custom design.

WHAT ARE CSS TRANSITIONS? Well, transitions smooth out value change by allowing elements to gently change from one style to the next; it's adding an effect to the change. Take for instance a link, where you set its style to have a pink background on hover. What typically happens is that, on mouse over, the colour rapidly changes to pink and rapidly changes back on mouse out. With a transition, the processes can be smoothed out so that the colour change faces in and out.