A good web designer obsesses over every pixel. Symmetry is everything in design, any kind of design. The way an interior decorator places furniture in a room whilst keeping a clean buffer zone for walking, shelves, and other practical housing functions and decor is very similar to the design of a page on a website. … Pixel Perfect, Code Perfect, Graphic Perfect
I’m really putting the feelers out there on this cheat sheet, so I definitely need some feedback, if I’m to keep adding code snippets. Request a snippet: Request a Code Snippet If you really want to dive headfirst into web designing, blogging, writing, etc., I recommend trying out WordPress.com (completely free). If you’d rather have … Quick Code Snippets
I don’t know about you, but I feel the rounded corner fad in web design is dying out. Rounded corners will always have a place, but it’s with the introduction of border-radius in CSS3, that it got out of hand. I think the problem lies in the fact that what can make any design poor, … How to Get Rid of Rounded Corners with CSS3
If this is the first you’ve heard of this new Google +1 (Plus One) Button, checkout the official page. First, add this in between your <head> tags: <script src="https://apis.google.com/js/platform.js" async defer></script> Second, add this just below the <body> tag: <div style="position:fixed;bottom:0;left:50px;z-index:1"><g:plusone size="tall"></g:plusone></div> This will fix the Google +1 Button bottom-left on your pages. It will … Google +1 Button Script
This often gets confused with “How to Create Indented Text with CSS3” which is completely different. Indent, to me at least, means an indented paragraph. If that’s what you’re here looking for, I won’t leave you hanging, it’s: p{text-indent:20px} What I’m referring to, is my new favorite CSS3 technique: Hello, how are you today? VS … How to Create Inset Text with CSS3
Perhaps someone a lot smarter than myself can explain it to me, but I’ve never understood why browsers, by default, do not show form input submit buttons as clickable by changing your mouse cursor to a pointer (hand pointing finger) when hovering over them? I think the cursor should change to a pointer whenever an … Something Every CSS Stylesheet Should Have
This button contains gradient and shadow effects without the use of actual graphics or JavaScript whatsoever. I’m using just about every CSS style that could be used on the button for your reference. Although, some may find that it looks better by pulling a few styles back. You could always add more effects too. Also, … Pure CSS3 Only Graphic Button
Many people these days need a website for business or just want one for personal use. Whether you have no idea how or where to start or you have some vague idea about where to start, this article is for you. Possibly, you’ve heard from word-of-mouth about how GoDaddy is the way to go, this … Getting Started with Your Very First Website
UPDATE — Find the better, updated script here which I recommend over this one. It’s a little more stylized, but the code is cleaner, better. Just strip the styles off and replace with your own. This is my first attempt at writing my own CSS dropdown menu from scratch. As always, my main goal is … Pure CSS Only Dropdown Menu
UPDATE — For Facebook, use: <meta property="og:image" content="http://website.com/images/icon.png" /> From the title of this article it may not be immediately understandable what it’s about, but plenty of people are looking for this solution. Many have asked how do I set the image for sharing links? They are referring to social sites like Facebook, Twitter, etc. … Adding Social Scrape Images