How To Put a Multi-Line Indent on a Styled Blockquote

By / / 12 Comments

Multi-Line Blockquote IndentThis brief and easy tutorial provides a method to indent multiple lines of text around a background image on a styled <blockquote> element.

When I wrote the previous post, listing 25 Classic web design articles, I included a styled <blockquote> for each of the listed articles. This is obviously nothing new; virtually all design blogs have a fancy blockquote styled with a double quotation mark in the background or something similar.

But when I was laying out the blockquote in Photoshop, I didn’t like the way it looked with the entire left side indented. Here is how I originally intended it to be:

25 Classic Web Design Articles That Significantly Impacted the Way We Code

By / / 9 Comments

25 Classic Web Design ArticlesOver the years there have been hundreds, if not thousands of articles published online that have each had a tremendous impact on the world of web development and design. Some have been truly memorable, and have remained quite relevant for years, and remain so today. Others have outlived their usefulness, but we remember them because of the impact they had on our code and on the way we think about web design.

Occassionally, while reading or doing research, I still stumble upon “classic” web design articles. So I thought it would be a great idea to list what I feel are some of the most important articles that have been published in the relatively short history of the web development industry.

Originally, I had started with the idea of listing 10 articles — but when I began the research, I slowly started to realize that was not going to do justice to this list. So I settled on 25. I think this is a good collection of some of the more significant articles that have been produced over the past 13 years or so.

10 WordPress Tips to Make Your Blog Look Like a Website (for Beginners)

By / / 72 Comments

WordPress Tips - Make Your Blog Look Like a WebsiteWhatever industry you happen to be in, you want to stand out from the crowd and be unique, and not give the impression that your online presence is just a slightly modified cut and paste job. Of course, if you’re depending on a pre-built content management framework like WordPress for the core of your blog or website, then that could prevent your online presence from truly standing out.

So, in this article I’ll run through 10 fairly straightforward ways that a beginning developer or blogger can customize their WordPress theme to ensure it doesn’t “look like a blog” — at least to a certain degree. Keep in mind that the goal here is not to hide the fact that a website is using WordPress — that’s quite difficult, if not impossible. The ultimate goal here is to help your website have a seamless, consistent, look and feel that does not necessarily scream “WordPress-driven” from the instant the home page loads up.

10 Essential DOM Methods & Techniques for Practical JavaScript

By / / 16 Comments

DOM MethodsWhether you use a JavaScript framework, or you are a purist and always resort to coding your client-side scripts from scratch, there are certain DOM syntaxes with which you should be at least a little bit familiar.

It’s true that a library like jQuery or MooTools will perform these methods for you, behind the scenes. In fact, if you rely on JS libraries for virtually all your JavaScript code, you’ll rarely have to use any of these methods directly.

But the reality is that, whether we develop as freelancers or work for a development firm, we may not always have the luxury of working on fresh projects where we can pretty much do what we want; we may have to maintain sites that rely on “obtrusive” scripting methods, or, for one reason or another, we may not be permitted to use certain libraries.

Whatever your situation, the following review of various practical DOM methods will hopefully serve to bolster your JavaScript knowledge and possibly help you more readily see practical solutions to various client-side issues.

10 Useful CSS Properties Not Supported By Internet Explorer

By / / 27 Comments

Not Supported by Internet ExplorerIn a previous article I described 10 useful, cross-browser, CSS properties that might often be forgotten, but can really come in handy in specific situations where a solution is needed.

But not all CSS property names are that friendly. In this post, I’ll describe 10 properties that can be quite useful but have little or no support in Internet Explorer.

(NOTE: This list does not take into consideration IE8, which I have not yet used or studied for its capabilities.)

JavaScript Folder Collapser for Dynamic Content (Tutorial)

By / / 4 Comments

In this tutorial, I’ll show you how to create a group of collapsible folders using pure JavaScript and some jQuery added to the final product to give it a little bit of flare. The code will be structured in such a way that allows for implementation into a dynamic page — wherein the number of folders may be unknown.

10 Cross-Browser CSS Properties You’ve Probably Forgotten

By / / 20 Comments

Humans are creatures of habit, and web developers are naturally no different. We develop certain techniques that work, and we stick with them — because, well, they work. But once in a while it’s good to refresh our minds and recall some aspects of development that we’ve probably forgotten. In this article I’ll go through 10 CSS properties that accomplish very specific, practical tasks, that are often overlooked.