Things You Must Do When Changing WordPress Themes – Thnxz to @onextrapixel


When you revisit some WordPress-driven sites, you may note a change in the feel or appearance of the site since your last visit. This change has been made by altering the WordPress theme of the site. The theme change may result in the disappearance of all your widgets. WordPress makes it very simple to change your blog’s theme design completely. Before you change the design, of your blog or site, you need to take some critical steps so that the change works smoothly.

Vía onextrapixel

15 Things You Must Do When Changing WordPress Themes

The best thing about WordPress is that there are thousands of themes for customizing your blog. WordPress offers great flexibility. New themes are being created daily with many highly customizable free WordPress themes made available. The theme is actually just like a skin for the weblog. The overall look and presentation is also changed. The theme makes changes to the way you display the site but does not make changes to the basic software of the site.

Things You Must Do When Changing WordPress Themes

When you change themes, sometimes the new theme is not able to display the widgets well. This is not such a big problem in the case of standard widgets, such as Archives and Pages. But, you might have painstakingly created several customized scripts and hand written codes having hand-entered parameters. How can you prevent such a disaster from happening while changing your WordPress theme? You need to take care of some aspects while changing the theme to avoid this problem.

+ INFO Full article 🙂

Basic Web Design Video Course – Wireframing, Photoshop Tools & Panels, and Designing [Part 1]


Hello everyone, this is Mike and welcome to my Basic Web Design Video Course. In this course I will walk you through the very basic steps on what to do and what to learn before, and during, building a website. You’ll learn all the steps I use including: planning, wireframing, using basic tools and panels in Photoshop, basic HTML and CSS, and after learning these we will apply our knowledge and create our very fist website from scratch.%tutke

For our valuable readers we will be pushing the basics here. So it’s your chance to learn and become a web designer for free. Are you excited? I hope that beginners can follow through, if anything is unclear just reach out to me in the comments section.

I will do my best to walk you through everything slowly and clearly. So let’s get started!

Planning and Wireframing

What is a wireframe?

A wireframe is a visual presentation of how a website’s layout will look when it’s finished. It’s about structuring the overall layout without any graphics, placing the various elements where you believe they will look and work best. Wireframing is a great step to start before jumping on to Photoshop because it allows you to focus on the important components of the website without all the visual clutter of a finished design. Wireframing also saves you time when designing a website because wireframing acts as a sketch, and instead of having to do things more than once in Photoshop, you can just adjust your ‘sketch’ until you’re happy.

Your wireframe should include boxes that represents images, header, footer, sidebars, text blocks, navigation and other content aspects of your website.

You don’t have to worry about drawing them yourself, since there are many wireframing tools available on web.

Wireframing Tools:

Tools Used: Go Mocking Bird

Photoshop Basic Tools and Panels
+ INFO + Videos? Here!

21 Examples of Beautiful Color Use in Web Design // @webdesignledger


There is no doubt that choosing the right colors for a design is a very important step of the creative process. We need to think about the message and the style we want to communicate, besides also thinking about the best combination to please our viewers eyes and to deliver a nice result. Today we gathered some good examples of color use in web design. From subtle colorful details to colorful background images or bold colorful type, there are different styles here to show you how to add color to your next project.

Read More

HTML5 Tips: Design a Dynamic Homepage with Animated Galleries


A few days ago we came across a really outstanding Wix website for the Los Angeles based vaudeville circus/theater, Le Tigre Tent.  One thing that really impressed us about their website was their use of an animated grid gallery in the homepage, which made the whole site look more alive, more fun and more in-your-face.

Design a Dynamic Homepage with Animated Gallerie

Le Tigre Tent

This is a feature not many Wix users are aware of, yet it is so easy to do. We wanted to show you how you can add a similar animated gallery to your website with a few simple steps. You can add this gallery to every page on your site, but on the homepage it creates a really powerful effect of wowing site visitors when they just enter the site.

For illustration purposes, we’re using the “Close Up HTML” template, but this works with all Wix HTML5 templates, of course!

Design a Dynamic Homepage with Animated Gallerie Leer más “HTML5 Tips: Design a Dynamic Homepage with Animated Galleries”

10 Useful Infographics about HTML5 | via sixrevisions.com


10 Useful Infographics about HTML5

The Author

Jacob Gube is the Founder and Chief Editor of Six Revisions. He’s also a web developer/designer who specializes in front-end development (JavaScript, HTML, CSS) and also a book author. If you’d like to connect with him, head on over to the contact page and follow him on Twitter:@sixrevisions.

Useful Infographics about HTML5

Whether you need to quickly get up to speed with HTML5 or are in search of easy-to-digest resources that you can use to educate your clients about this web technology that’s creating a huge paradigm shift in the web and mobile development ecosystem, this collection of infographics that visualize HTML5 facts and figures will help.

If you’d like to go to the source of an infographic so that you can find a larger version and learn more about the infographic, click on the respective title or preview image.

1. HTML5: Past, Present and Future

This infographic is an overview of the state of HTML5 in web and mobile apps, with data on HTML5-capable mobile web browsers, browser compatibility, and more.

Infographic: HTML5: Past, Present and Future

2. WTF is HTML5?

This is a simple primer on HTML5, which can be an excellent educational reference for your clients. The original source of this infographic is no longer available.

Infographic: WTF is HTML5?

3. History of HTML5

This infographic traces the progression of HTML5, starting in 2004 when the Web Hypertext Application Technology Working Group (WHATWG) was formed.

Infographic: History of HTML5

4. HTML5: Why Developers Need It Leer más “10 Useful Infographics about HTML5 | via sixrevisions.com”

21 Beautiful Contact Pages | webdesignledger.com


 

Posted by  | webdesignledger.com

Last week we showcased a list with 23 Creative and Inspiring About Pages, and today, to keep the focus on important elements of web design, we will show examples of contact pages. It is very important to have a clear way to let people get in touch with you, so designing a nice contact page is a way to show your audience that you care about communicating with them. From services to cafes and restaurants to design studios, we will show different approaches to the old contact page. The designs go from clean and minimal, to illustrated and colorful, so browse around these examples and let us know which one is your favorite.

Supereight Studio

21Inspiring Contact Pages

Spokes

21Inspiring Contact Pages

Touch

21Inspiring Contact Pages

Mostly Serious

21Inspiring Contact Pages

Envy Labs

21Inspiring Contact Pages

Colorkite

21Inspiring Contact Pages Leer más “21 Beautiful Contact Pages | webdesignledger.com”

20 Useful Free Photoshop Patterns


20 Useful Free Photoshop Patterns


Patterns actually can be found almost everywhere in print design, web design, graphic design etc. For example if you use pattern in web design, just set CSS repeat-x-y and you’ll get beautiful background, but image will be very small and page load time will be much faster. There are very big varieties how you can use and implement patterns, but the fact is free resources like patterns, brushes, shapes are big time savers. Of course it’s better to create your own stuff, but sometimes you receive project with fast deadline and you need everything to do fast and this is one of the solutions.

This list just features 20 useful free photoshop patterns collections, it was very interesting for me to write this article, I am hoping it will be interesting reading and useful resource for bookmarking.

8 Seamless “Dark Metal Grid” Patterns

Grunge Patterns

Micro Patterns

Pixel Art Patterns 1

20 Seamless Photoshop Grid Patterns

Leer más “20 Useful Free Photoshop Patterns”