Articles tagged as ‘Design’

30+ Yummy Dessert and Candy Website Designs

There’s nothing like looking at pictures of candy or desserts to get the mouth watering. For designers, viewing creative designs can have a very similar affect! Sometimes just even the sight of a unique font or clever use of texture can cause a creative mind to start “watering” with ideas.

The following list of websites are all dessert, bakery, or candy websites – and all are designs that have more than a few inspiring aspects. A few are amazingly easy to navigate along with a clever design. Others have a beautiful home page, while some are creatively interactive. A few contain photography too brilliant to pass up. Some of the best below will get both your saliva and creative juices flowing, so you may want to have your favorite treat to munch on as well as a pen and paper handy for phenomenal design ideas that appear due to inspiration.

Be sure to share which are your favorites or even those you think are not worthy of inclusion in this collection. If you have a favorite dessert or candy website design that’s not included in this list, tell us about it!

Wonka: Feed Your Imagination

Read More ».

25 Tutorials for Business Card Design

For those who primarily focus on web design, designing for print can be a little bit intimidating at first. If you’ve been wanting to design your own business cards but have been hesitant to make the jump to designing for print, you may find it to be helpful to follow a tutorial. There are a lot of tutorials available that will lead you through the process of designing a print-ready business card. Following a few tutorials will teach you the basics, and then of course you can use that knowledge to create a more personalized design of your own.

Here you’ll find 25 different tutorials (for Photoshop, Illustration, and even InDesign) that teach the essentials of business card design.

Create a Retro-Inspired Business Card

Create a Retro-Inspired Business Card

Read More ».

25 Incredible Examples of Flat Design

It almost seems that this year flat designs have taken over the world of graphic design by force, but especially in the arena of mobile apps with the first industry-shaking flat design being for the iPhone5. Reality is that flat design has been around longer than the emergence of the iPhone5, but of course it was Apple that helped to bring such cross-industry awareness to the design style.

You ask almost anyone who owns an iPhone5 or who has read about the design in the news, and they’ll describe flat designs as, well, flat. In the design world, flat indicates a design style that avoids 3D effects, animation, and other bling-bling. Most flat designs also include lots of illustration, bold use of colors, and fairly minimal layouts. Just as with any style in graphic design, however, most flat designs do not include all of these aspects. A design can be usually agreed upon as flat if it includes more of these minimal aspects and less of the “extras”.

As mentioned beforehand, you can find flat designs in almost every area of graphic design. The list below includes websites, icons, and mobile apps that most would agree fall under the “flat design” category. Most very clearly follow the guidelines, if you will, for flat, but please feel free to share in the comments below if you have found a better example.

Websites

The following flat website designs use several flat aspects in a large part of the design scheme. A few do include a bit of animation, but were so minimal that they still fall under the flat design category.

Operativnik Website Design by Felix Baky

Read More ».

40 Amazing Shopify Themes for E-Commerce Websites

If you’re looking for an e-commerce platform to use for an upcoming website, Shopify is an excellent choice. Shopify is a hosted system that makes it easy to get your online shop up and running very quickly. Part of the appeal of Shopify is the selection of beautifully-designed themes that are available. Although custom design is always an option, it’s not a necessity with the quality templates that are available for reasonable prices.

Shopify includes a wide variety of features, including a powerful content management system, blogging engine, integration with more than 70 payment gateways, unlimited hosting, coupon codes, and more. They also offer 24/7 support and since they provide the hosting you won’t have to worry about things like security and PCI compliance.

Shopify is also a great option for designers. They have a partner program that allows designers/developers to make money by creating themes and add-ons, and by referring clients to Shopify.

Here you’ll find a collection of 40 themes that are available for Shopify users.

Austin ($140)

Austin

Read More ».

10 Humorous Infographics Beautifully Designed

Like many web surfers, I could waste a lot of time browsing through infographics, especially if they are insightful or funny. In fact, infographics are becoming a popular way of providing information, creating awareness, or simply attracting attention with some humor. As such, infographics are a design speciality that should be added to any designer’s list of skills. The benefit? You will always find businesses needing an infographic for their blog. The drawback? Infographics can take a long time to create.

However, just as with any other design skill, becoming faster and better at creating infographics is as simple as researching and practicing. And, of course, it doesn’t hurt to have a little fun along the way. So, here for both your entertainment and education are 10 humorous infographics that are quite beautifully designed. Some are thigh-smacking hilarious, a few clever, and others a little odd in a funny way. Take a look, enjoy, and be sure to let us know which of these are your favorite.

Thirteen Reasons Why Your Brain Craves Infographics

This incredible web-based infographic designed by NeoMam Studios presents reasons why infographics are so popular in a brilliant paralax scrolling effect. The team designed the entire infographic using HTML5 and CSS3, and while more informational than humorous, it still includes some funny illustrations that will produce at least a giggle in most viewers.

Read More ».

Free Resources for Creating a Flat Design

Flat designs are taking over quite quickly it seems. I doubt anyone could argue against it being the latest and greatest for (fairly) new trends on the web, in mobile devices, and even in print. The simple description for a flat style of design is one that lacks 3D effects, such as bevels or drop shadows.

The stylistic details of a flat design can vary somewhat, just as with most design styles. Usually, though, a flat design is quite minimalist with primary-ish colors and lots of “white space”. The font is usually thin without too much flare. Boxes and buttons are, of course, without strokes or 3D effects. Some flat designs do contain shadows, but these are usually flat-ish as well.

Whether you are new to flat design or simply need some fresh, new resources for your next project, most should be able to find a few items below to help. The list below is divided into 5 categories: UI kits, icons, templates, WordPress themes, and tutorials. The best part? All are free. The ones that specifically mention “free for commercial use” are noted as well. Have fun browsing and be sure to let us know of any other amazingly free flat resources.

UI Kits

A UI kit is a user interface collection that comes with all the parts and pieces you need to design your own website. Usually they are PSD but sometimes will come with other components as well. While you can use the color scheme in the file, you can create your own color scheme. They also come with patterns, brushes, and much more. Hence, UI kits save a web designer a lot of time, improving workflow and decreasing time spent on projects.

DesignModo Flat UI

Read More ».

Learning Web Design: Self Taught vs. a Formal Education

If you’re looking to get into the web design/development industry there are loads of resources and courses to help with your education, but deciding which route to pursue is not easy. There are two basic approaches: going to a university for a formal education, or taking a self-taught approach and learning on your own. In recent years a growing number of colleges and universities have added degrees specifically for web design and development, and of course a graphic design/arts degree is also an option.

In this article we’ll take a look at the arguments for both approaches, and we’ll also provide information on plenty of resources to help you get started with learning on your own if that is the route that you choose. If you’re considering a career as a web designer/developer, you’ll want to take some time to educate yourself on the options that are available and see what is the best fit for you personally. There is no right or wrong approach, but following a path that isn’t the right fit for you can result in a lot of wasted time and money.

Pros of Being Self Taught

When it comes to web design and development you’ll often read or hear of someone being “self taught”. What this usually means is that this person did not receive a formal education in the field of design or development. In reality, being “self taught” typically involves things like reading books, following online tutorials, watching videos, and plenty of experimentation. The self taught designer still learns from others who are willing to teach, but it’s usually by way of informal articles and tutorials rather than a classroom setting. So don’t be intimidated at the phrase “self taught” as it does not mean that you will need to figure everything out on your own. With that in mind, here are some of the most convincing reasons why you might want to skip the formal education and just learn on your own.

Smashing Book

Read More ».

How to Delete A WordPress Post Using AJAX

AJAX is an extremely powerful tool for bridging the gap between your server side code and your client-side code. It enables you to not only make better interfaces and more useful tools, but to lower your bandwidth usage and optimize your code while you’re at it.

While AJAX can be implemented freely anywhere, WordPress has built-in support for it, and there is a standard way to use it in your themes and plugins. Let’s take a look at the steps necessary to get going with AJAX.

The AJAX Flow

As you may well know, to create something useful using AJAX you’ll need a few things:

  • An action which triggers the call
  • An AJAX call
  • Server side code which is executed
  • Javascript code which processes the result

Not all these steps are required all the time, but in general this is how it goes. Let’s continue by thinking up a scenario where AJAX would be useful.

Read More ».

32 Stunning Creative Commons HDR Photos

One of my favorite photo manipulation effects is High Definition Range, better known as HDR. The colors this effect brings out along with the depth created through unusual lighting tricks adds an almost magical look to any subject. HDR photos work for unique product photos, landscapes, waterscapes, stills, and occasionally portraits.

However, most photographers lock down their HDR photos with a firm copyright, and with good reason. Anyone can create an HDR photo, but not everyone can create one that is truly stunning. Sometimes, though, an artist will provide a few creative commons HDR photographs simply as a way to get noticed. If people can share in the right way (i.e. by attributing the work to the artist with a link to the source), the more willing photographers are to provide photos for us to use.

Mai 2013 - Débordement de la Seine à Marnay sur Seine (Aube)
Mai 2013 – Débordement de la Seine à Marnay sur Seine (Aube) by B@rberousse
Attribution

Read More ».

30 Fresh Websites with Modern, Clean Design

So much is possible these days in web design with CSS3, jQuery 2.0, etc, which is why so many websites include animated imagery. You can design a website with all of the bells and whistles and it can still be mobile-friendly, most of the time.

However, my favorite designs still tend to be the ones that have a clean, modern look to them. Clean design doesn’t necessarily mean minimalist, although many are to a certain degree. A clean website often has simple navigation and well-organized elements on a page. The content is easy to read, find, and browse. Some clean websites include minimal animation. Many have a single page design, while many more include several pages, all with a clean look and feel.

What do I define as both clean and modern? By modern, I included the latest trends of this year. Parallax scrollling, full-page images, retro illustrations, and creative typography are all modern trends you’ll find in the collection below.

Very often, a clean design is used by design agencies, freelancers, photographers, artists, bloggers, and other creatives with limited content. The amazing feat is when a website with tons of content is cleanly designed. The list of modern, clean website designs include those with brief content and a few of the awe-inspiring ones with a plethora of content organized incredibly well. Keep in mind that for many of these, you will need to visit the site to get the full affect.

Playful – New Finnish Design

Read More ».

A Comprehensive Guide to Effective Portfolio Websites

The web/graphic design industry is highly competitive. With so many designers out there competing for clients it can be difficult for freelancers and independent designers to find enough work to stay busy and to pay the bills. The level of design ability and experience doesn’t always correspond with the amount of success in running a freelance business in the industry. There are plenty of talented designers that struggle to find enough clients. Likewise, there are plenty of freelancers with lesser design skills that are more effective at running their business.

One of the keys to success for most freelancers is their portfolio website. Most potential clients will visit the website of a designer before hiring him or her, and often times the portfolio site is actually how the client finds the designer in the first place. Essentially, the online portfolio acts as a salesperson for the freelancer. An effective portfolio site can be invaluable to a freelancer, so it’s important enough to warrant plenty of time and attention for designers who are looking to be able to land more clients.

In this article we’ll take an in-depth look into the topic of portfolio websites. We’ll start by looking at keys to effective portfolio sites. Then we’ll move on to look at the options for creating your own portfolio site. And we’ll finish by providing some tips for getting more exposure to your portfolio site. If you’re interested in getting more out of your own existing portfolio site, or if you’re planning to create your first one, the details covered in this article should be able to help.

Read More ».

40 Photoshop Tutorials for Lighting and Abstract Effects

This post was originally published a few years ago, and since that time many of the tutorials that were featured in the post are no longer online. So we’ve revamped the article with a fresh selection of tutorials, some old and some new, that should prove to be very helpful.

Photoshop gives designers the ability to create some amazing effects that can accomplish just about anything you can image. Lighting effects and abstract effects can be some of the most engaging and powerful effects created in Photoshop, and they’re also a lot of fun for designers. Fortunately, there are plenty of Photoshop experts who are willing to write detailed tutorials to show off the potential. Here is a look at some of the best tutorials for using various lighting and abstract effects. Follow a few of these tutorials to learn different techniques, and then put your creativity to work and find some ways to use lighting effects on your own.

Add Light Streaks to a Photo with Photoshop

Add Light Streaks to a Photo with Photoshop

Read More ».

Why Pinterest Is Important to Designers and What You Need to Know

It’s been only two and a half years and Pinterest has risen quickly to become one of the most popular social networks. In fact, according to a recent article from Anthony Myers on CMSWiRE, Pinterest is now the fifth most popular social network.

According to a July 2013 study from research firm, Semiocast, Pinterest now has 70 million users… That means that Pinterest is a significant player in social media. Web designers can’t afford to ignore it.
Pinterest-3

For designers, though, there’s more to Pinterest than just networking. The design of Pinterest itself has influenced web design. Pinterest is a source of inspiration for many, and some use Pinterest as a sales tool. Pinterest can even drive search engine traffic.

Pinterest can be a powerful tool for web designers, yet many designers overlook the many of the advantages of having a presence on Pinterest.

In this post, we’ll talk about the various aspects of Pinterest that web designers need to understand. At the end of the post, you’re encouraged to share your favorite Pinterest boards.

Read More ».

25 Beautiful Minimalistic Website Designs

Minimalism is a style appreciated by many designers. While it is not appropriate for every web design project, when a minimal design is done well it can be clean, striking, and it keeps the focus on the most important content.

A design with a minimalist style seems like it would be easy, but many designers find it to be very challenging to create a minimal design that looks great. White space, balance, and typography are all important elements for pulling off this look. Many minimal designs use simple color schemes, but as you’ll see below there are some exceptions.

Here are 25 websites that make use of very little unnecessary design elements but still manage to pull off a beautiful appearance. When it comes to design, if you feel that less is more, I’m sure you will find inspiration from these sites.

Rainfall Daffinson

Rainfall Daffinson

Read More ».

10 Brand New and Free Tools for Designers

Looking for some surefire ways to bring your web design project in under budget without sacrificing quality? By the nature of the job, Web designers are at the mercy of their clients when it comes to costs. Go over a quoted budget, and you could be forced to eat the overrun or risk losing the client. To help you keep costs low, earn cash back, or just save time, here are 10 new and absolutely free tools that every designer needs to know about.

Free New Tools for Designers

Read More ».

Website Builders: A Complete Guide to WYSIWYG and Drag-and-Drop Options

Drag-and-drop WYSIWYG website builders have always been a topic of mixed opinions, and strong feelings, in the web design and development industry. While WYSIWYG editors and builders have been popular for quite some time, in recent years new options have emerged and in some cases the quality of code produced has improved. With the massive numbers of users that industry leaders like Wix have been able to amass, it’s not a wise decision for most designers and developers to simply ignore WYSIWYG website builders.

If you’re a designer or developer that focuses on larger, more costly projects it is highly unlikely that your clients will decide to build their own website with a drag-and-drop editor. However, the vast majority of freelance designers and small studios work with many clients on small projects with very tight budgets. In these situations the clients may be looking at do-it-yourself options as real alternatives to hiring a designer/developer to create the site for them.

The potential of losing clients to do-it-yourself alternatives isn’t the only way that these website builders can impact designers. Some of the options are created specifically with designers in mind, with the goal of allowing designers to be able to create websites for clients in a more efficient way that will lead to better profitability for the designer. Because the quality of these options, for example Squarespace, have improved in recent years, a growing number of designers are using these drag-and-drop builders to create websites for clients rather than coding everything from scratch. With small projects and limited budgets, these options may allow a designer to turn a profit on a project that would otherwise not be worth their time.

Additionally, other website builders exist specifically to allow designers to create their own portfolio website and show off their work. These options can be great for designers that don’t code, for students who want to show their work to help land a job, and for designers who need to get a portfolio online quickly.

In this article we’ll take a detailed look at the topic of website builders. We’ll look at 13 of the leading options, along with pros and cons of using a website builder. This is not intended to be an all-inclusive list of every website builder that is available. There are literally hundreds of options out there. In this article we’ll look at some of the most popular options, and we’ll also look at some that are created and marketed more towards designers. Of these options 3 of them work with WordPress and 2 of them are specifically for creating portfolio websites.

Leading Website Builder Options:

Wix

Wix

Read More ».

Some Interesting Possibilities with CSS4

CSS4 is definitely still a work in progress, meaning that many of the new features that the WS3 editing team is working on still have the possibility of removal and others may be added on. Does this mean it is time to quit working with CSS3? Of course not! CSS4 builds on CSS3, so certainly continue your path to becoming a master CSS3 developer. In addition, CSS4 is still a long way from being released and implemented on browsers. So why are we even reviewing this futuristic version?

For one, taking a look at some of the possibilities with CSS, Level 4, is quite exciting. Two, you may be more encouraged to hang onto some designs that seem utterly impossible right now. And, three, maybe it will give you a head start on learning CSS4 so that it doesn’t seem too overwhelming when it is finally released.

The WS3 folks have edited drafts available for preview for both Selectors and Media Queries. You can view the Media Queries Level 4, Editor’s Draft 30 August 2013 and the Selectors Level 4, Editor’s Draft 21 August 2013, which is pretty cool of the team to let us in on the work in progress. The team is a bit farther ahead on Selectors Level 4, with a latest working draft of Selectors Level 4, released on 2 May 2013. So, without further ado, let’s dive in!

Media Queries Level 4

Simply put, media queries allow for responsive design. Media queries were first introduced to CSS in version 3 and allowed developers to create styling decisions based on the browser on which the web page loaded. Level 4 queries are very new, as in less-than-a-month new. You may not have even known that the WS3 team publicly released their editing draft. Some of the changes being made to existing CSS3 features are as follows:

Read More ».

How To Internationalize WordPress Themes

If implemented from the start of a project, making your themes translatable is so easy, there’s just no excuse not to do it! As the owner of a theme workshop I can tell you that one of the top questions we get is “is this theme translatable” so internationalization is far from being a trivial matter.

The Basics Of Internationalization

In a nutshell all you are doing is replacing your hard-coded strings with functions. ‘Hello World’ becomes __( 'Hello World', 'mytranslations' ) and that’s it. This function checks if a translation exists for the first parameter; if it does, the translation is used – if it doesn’t, the first parameter is output as is.

Read More ».

iStockphoto Launches New Logo & Rebrands to iStock

Fresh off the heels of a much larger company rebranding themselves, the folks over at iStock rolled out their new logo and rebrand today. The word “photo” was removed and they are now officially known as iStock.

They also clearly want the world to know that they are part of the Getty family by adding “by Getty Images” as their tagline. Getty acquired the Calgary, Alberta-based company back in 2006 for $50 million. Apparently many of their customers still didn’t know this…

New iStock logo by Getty Images

Read More ».

10 Awesome Font and Typography Resources for Web Designers

Fonts and typography are an important part of any web design, and in recent years the possibilities have increased dramatically for web designers. There are a number of great tools and resources out there that can help you in various ways related to web design and typography. In this post we’ll showcase 10 resources that can prove to be useful in your own work. Some of them are free and others are commercial.

Font Squirrel

Font Squirrel is probably the font resource that I use the most in my own work. It is a site where you can download hundreds of free fonts, and best of all, they focus only on fonts that are licensed for commercial use. While there are plenty of sites out there that offer fonts for free download, if you have ever paid much attention to the licensing details you know that many of them are free for personal use only. Just when you think you’ve found the right font for your project it often turns out to be free for personal use only. You can avoid this frustration by using Font Squirrel.

The fonts at Font Squirrel are categorized by type, with categories like serif, sans serif, slab serif, grunge, handdrawn, and more. You can also download @font-face kits for fonts that are licensed accordingly, and they also offer a webfont generator.

Font Squirrel

Read More ».

25 Illustration/Drawing Tutorials for Photoshop

For those designers who master the art of drawing and illustrating in Photoshop, the possibilities are just about endless. With some creativity and the necessary knowledge you can design or create just about anything.

In this post we’ll link to 25 different tutorials that are excellent if you are looking to learn more about drawing or illustrating in Photoshop. Follow a few of these step-by-step tutorials and you’ll pick up some new skills that you can put to good use in your own design projects.

Create a Cute Zombie Illustration in Photoshop

Create a Cute Zombie Illustration in Photoshop

Read More ».

Full Smashing Library (60+ eBooks + 1 year of updates) – only $45 (SPONSORED CONTENT)

 

Fact: Smashing Magazine puts out some of the most informative and helpful articles around for Web Designers. They even go 1 step further and collect some of their best articles into a series of printed and electronic books.

And now, thanks to this incredibly rare super deal, you can get full access to the entire eBook library from Smashing Books for 1 year.

Read More ».

50 New Beautiful (and Affordable) Admin Templates for Websites and Apps

Some of your web and web app design/development projects may involve an admin dashboard. Depending on the specifics of the project you may be able to save considerable time and money by using a pre-made template for the admin dashboard rather than creating it from scratch. The admin user interface can be an important part of the project in terms of usability, so you’ll want to be careful to select a quality template that is well suited to the needs of your project.

Here we will showcase 50 different admin dashboard themes/templates that can serve as a starting point in your own work. The templates sell for $10 – $25, so they can be a small investment that will save some precious time.

Crown – $25

Crown

Read More ».

20 Free Badges For You To Download

Badges are versatile resources that can quickly add a unique yet refined look to your designs. Our friends at Vecteezy have shared not just one–but two packs of badges for our readers to enjoy absolutely free!

Included in this freebie are a set of 10 Wedding Badges PSDs and a set of 10 Outdoors and Nature Badges. So say “I do” to these Save the Date, Wedding, and Reception badges–each fully customizable to fit your unique wedding colors and themes. With such a wide variety of wedding-themed badges, this set is sure to come in handy no matter which stage of the planning process you’re in. Check them out!

Wedding Badges

Or maybe you’re working on a more rugged type of design. If that’s the case, we have a freebie for you too…

Read More ».

Our Top 10 Vandelay Premier Downloads of 2013

Are you short on time? Does it seem like your day rushes by, and yet again, you were unable to check off as many items on your to-do list as you had hoped?

If this rings true for you, as it does for most designers, you simply don’t have the time to sort through the virtual piles of online designs to find that ‘needle in a haystack’ to fit your latest design. So we’ve done some of the legwork for you. We’ve sorted through our extensive resources at Vandelay Premier to find what’s popular with web designers to bring you this list of Top 10 Vandelay Premier product picks! So sit back and relax, and enjoy these highlights of what other designers think are our most useful resources.

10. Illustrator Brush Stokes
This is a huge set of 55 art brushes that will allow you to easily create vector brush strokes in Illustrator.

Adobe Illustrator Brush Strokes Brushes

Read More ».

FluidMask: Professional Image Masking Tool Ever – 55% off! (SPONSORED CONTENT)

Ask any designer and they’ll tell you that masking is painful, tedious work. But it’s necessary. For some images, it’s easy. But what if there are tons of different colors, a busy background, and some real fine details like crazy hair styles?

Yep, masking is painful, tedious work. And lucky for you, Mighty Deals has found a way to not only speed up the process, but make it infinitely easier to do as well. TheFluid Mask tool from Vertus will be the greatest edition to your designer’s toolbox yet and it will really speed up your work.

Fluid Mask 3 Highlights:

Read More ».

50 Bootstrap Themes for Responsive Websites

Twitter’s Bootstrap framework has become incredibly popular since it was initially released in 2011. If you’re looking for a way to quickly build and deploy responsive websites, Bootstrap is a great option. While using any of the popular frameworks will involve a little bit of a learning curve, once you have adapted your process it can be much quicker for you to complete web design projects with the help of Bootstrap.

Another good thing about using Bootstrap is that there are loads of tools and resources available thanks to a growing community around the open-source project. You can purchase a great-looking template or theme built on Bootstrap for less than $20. Here we’ll take a look at 50 well-designed, and affordable, templates for Bootstrap.

Myway – $13

Myway

Read More ».

30 New (Amazing) Text Effect Tutorials for Adobe Illustrator

When it comes to creating beautiful and creative text effects Photoshop is the first choice for many designers. But Illustrator also provides plenty of potential and opportunities in this area.

In this post we’ll showcase 30 tutorials that explain the process to create different types of text effects in Adobe Illustrator. Following a few of these tutorials is a great way to brush up your own skills and learn some new things that you can apply in your own projects at some point in the future.

You may also be interested in these posts from the archives:

Create On-Trend Flat Type with a Nautical Theme in Adobe Illustrator

Create On-Trend Flat Type with a Nautical Theme in Adobe Illustrator

Read More ».

Deal of the week: 10 Premium Responsive Bootstrap Templates – only $10! (SPONSORED CONTENT)

Building a new website?
Giving your old site a facelift?
Completely lost either way?
Not to worry! What you need is a simple yet elegant solution. Less is certainly more, and that’s exactly what you’ll get from a Bootstrap responsive template.

But with this Mighty Deal, you won’t get just one measly Bootstrap template.
Not 3 Bootstrap templates.
Not even 5 Bootstrap templates.
No, what you’ll get is a collection of 10 HTML5/CSS3 Bootstrap responsive templates all ready for you to integrate into your glorious website! And you’ll get them for 75% off!
Bootstrap Templates Highlights:
-10 Premium Bootstrap Templates
-Responsive Templates
-Simple to Customize
-Slick Modern Design
-Tons of Popular Features

Take a look at the 10 Bootstrap Responsive Templates included in this deal here

Read More ».

How to Interact With the WordPress Database

WordPress is one of the best blogging platforms and general CMS systems out there. Its flexibility is a testament to the amazing codebase behind it. In this article, I want to take you to one of the “deeper” areas of the system, the $wpdb class.

The $wpdb class is a simple utility for interacting with the database directly. If you’ve been around WordPress code you’ve probably seen the get_posts() function or the WP_Query class. These let you retrieve posts in a flexible fashion, but sometimes you just need more. The $wpdb class lets you add/modify/delete any data in WordPress modularly, making it a very powerful tool. Be careful though, with great power comes great responsibility (and awesome features).

What Is wpdb

Wpdb is a class which is based on the ezSQL class by Justin Vincent. It provides an easy way for us to talk to the WordPress database. $wpdb is am instance of this object. It is created ny WordPress, all you’ll need to do is start using it.

Servers Room

Read More ».

30 Photoshop Text Effect Tutorials

Photoshop opens up all kinds of creative possibilities for designs. Those who are looking to learn more or to improve their own Photoshop skills often look to text effects and styling as an area of focus. Whether you are working on a typographic design or simply using text for something like a poster design, knowing how to create beautiful text effects can have a big impact on the end result of your designs. With that in mind we have compiled this collection of 30 outstanding tutorials that will teach you how to create a wide variety of different types of text effects in Photoshop.

How to Create Colorful Wooden 3D Text

How to Create Colorful Wooden 3D Text

Read More ».

25 Tutorials for Creating Amazing Lighting Effects in Photoshop

Photoshop provides designers with all kinds of possibilities when it comes to creating interesting lighting effects. With a solid understanding of Photoshop and some creativity you can create stunning effects for your images and photo manipulations.

With so many different possibilities for lighting effects and different ways to create them, it’s important to know your options. In this post we’ll showcase 25 tutorials that can teach you how to achieve different types of light effects in Photoshop. You can follow any of these tutorials to learn a new technique that can be applied in your own work.

Classic Light Effect in Photoshop

Classic Light Effect in Photoshop

Read More ».

4 Keys to User-Friendly Web Design

Having a user-friendly website is as important as having a beautiful original website design. Sadly, in our pursuit of excellence it’s all too easy to forget about usability and focus instead on aesthetics and originality.

Yet it’s the right combination of beauty, uniqueness, AND a user-friendly design that keeps our clients coming back for more. That’s because a usable website draws and retains readers, making them much more likely to become customers.

Don’t fall into the trap of forgetting about the end user experience when you design a client website.

What makes a website user-friendly? In this post, I identify four keys that will make any website design more user-friendly. Keep these handy tips in mind to design a more usable site.

keys
Image Source: jakeliefer

Read More ».

Popular Design Trends for Responsive Navigation

The mobile responsive website layout has become a very common apparatus for designers. Building a layout is never easy and each website generally requires a unique solution. Responsive design incorporates both desktop and mobile devices to provide a uniform browsing experience. I have seen a lot of fantastic examples showcasing responsive web design trends.

In this article I want to focus particularly on navigation menus. To build a responsive navigation you need a technique for handling the resize down to lower resolutions, or consequentially handling the expansion for wider desktop monitors. Check out these various techniques which are my choices following the most popular ideas for responsive navigation. There are obviously some other solutions out there, but this collection should give you ideas for getting started with your own responsive designs.

Block-Level Menu Links

Consider navigation menus which are using single box-style links in an orderly fashion. As you resize the window, these boxes either need to shrink or re-organize themselves. Block-level responsive menus are those which are designed to always keep the links showing in various positions on the page.

william csete portfolio website layout inspiration

Read More ».
Page 4 of 9« First...23456...Last »