16 Cheat Sheets on 16 Essential Topics for Web Designers

93

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.

Read More »

How to Create a Beautiful Dropdown Blogroll Without JavaScript

215

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.

Read More »

How to Style Your Articles Differently Using HTML Tables

83

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.

Read More »

Get Total Control Over Your Page Styles With CSS

34

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!

Read More »

Custom WordPress Login Screen

244

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.

Read More »

Even Links Can Look Good

60

chain-links Image by elroySF

Changing the style of your links is probably the easiest change you can make in your design.

If you aren’t sure how to do it, there is a good explanation at Echo Echo. It will show you how.

It takes only seconds to try out a new look for your links. With that in mind, here are some of the best ways to style your links, to both look good and be usable at the same time.

Read More »

Surround Yourself With Beautiful Things

45

CSS Galleries Your environment rubs off on you.

Want to be a better photographer? Browse Flickr.
Want to write better? Read great authors.
Want to be optimistic? Hang out with optimists.

It’s a simple principle, and it applies to design as well.

Want to have better taste in design? Surround yourself with beautiful things.

There are hundreds of sources of inspiration surrounding us every day, but for a web designer, the most obvious are simply other web sites.

Read More »

Page 2 of 3123