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.
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 🙂
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.
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.
Tools Used: Go Mocking Bird
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.
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.
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!
Leer más “HTML5 Tips: Design a Dynamic Homepage with Animated Galleries”
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.
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.
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.
This infographic traces the progression of HTML5, starting in 2004 when the Web Hypertext Application Technology Working Group (WHATWG) was formed.
Posted by Gisele Muller | 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.
Leer más “21 Beautiful Contact Pages | webdesignledger.com”
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.
Leer más “20 Useful Free Photoshop Patterns”