30 Bad Practices of Web Designers

bad-web-design-banner

Every once in a while you will come across a page that just doesn’t seem ‘right’. There are three elements of a website that can be harmed by bad practice:

  • The website lacks something in its design.
  • The content is written badly.
  • The search engines don’t like something about the site.

Considering the three points above, this article will explains the do’s and dont’s of certain design habits.

Click to Read

Styling Different Posts in Different Ways With Post_Class

With WordPress 2.7 came the post_class function. This gives a set of CSS classes to a post, depending on what’s in the post (e.g. based on what category it is in).
The code that you use in your template to use this is simply like this:

1
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

While this is a fantastic [...]

Click to Read

16 Cheat Sheets on 16 Essential Topics for Web Designers

banner

Cheat sheets has several benefits from saving you a lot of time to also helping you improve your skills and productivity in that cetrain task.

They provide a great and quick reference and also helps your learn faster by showing all the necessary information needed. There are documentations, but they can sometimes be a hassle.

It is pretty hard to remember everything and thankfully, there are cheat sheets. So, here are the list of some of the most essential cheat sheets every web developer and designer should have.

Click to Read

How to Create a Beautiful Dropdown Blogroll Without JavaScript

blogroll3

Dropdown menus are a great way of including a long list of links without cluttering up your page. The issue though is that they can be hard to style, but look quite ugly if you don’t. There isn’t a lot of flexibility with HTML’s <select> tags.

Well, why not do it with plain HTML instead?

In this post, I’m going to walk you through how I’ve set up the blogroll in our upcoming redesign. Load up the example page to see how our final product will look.

Click to Read

How to Style Your Articles Differently Using HTML Tables

tables1

Have you ever used tables in your articles? These days most people haven’t.

HTML tables were used a lot a few years ago but nowadays most people have forgotten about them.

Maybe it is because designers used to have to design web sites by using tables in the early days. Since this was a very confusing way to style web sites it created a rather negative feeling towards using tables. No matter what the actual reason was, tables are still a great way to present content.

They make is so easy at presenting information that once you get the hang of it you never want to have to miss them again.

Click to Read

Get Total Control Over Your Page Styles With CSS

bodyids1

A WordPress site is made up of lots of different types of pages. The home page, post pages, category pages etc. So what if you could control how each of these looked individually?

You could create different template files for each, but that’s time consuming and makes it difficult to easily update across your whole website.

In this article, we’ll show you how you can set the <body> tag to have a different ID depending on the type of page, and then how you can use CSS to style the page any way you like because of that. No more template editing needed in the future!

Click to Read

Custom WordPress Login Screen

login1

The WordPress admin login page is very easy to customize. With the code below, you can add your own CSS to the login page and make it look however you like. Check out the new Pro Blog Design login to see it in action.

Best of all, your customizations are all done in your theme files, so the changes will stay when you upgrade WordPress.

Click to Read