Tag: html
-
Always Specify Image Dimensions to Avoid CSS Reflow/Repaints
I took an hour the other day and dove into helpful documentation to avoid CSS Reflows and Repaint, but I came up pretty short; in modern browsers, most of these things don’t add to perceived page load in any significant way. Except one thing that always irks me: Always specify a width and height for…
-
Google HTML/CSS Style Guide
Google HTML/CSS Style GuideTelling a chick you’re a front-end developer won’t get you laid, but it couldn’t hurt to try. You could always use the phrase “front-end engineer” to make yourself sound smarter. Anyway, HTML and CSS dorkery isn’t for everyone, but this collection of best practices from Google is right up my alley. This…
-
Safari Web Inspector versus WebKit Web Inspector (pictured above) The latest Safari 5.2 Update 3 (available to registered Safari developers) includes a Safari-specific Web Inspector enabled by default. You now have two web inspector’s to choose from: Safari’s, or WebKit’s. You can use the Develop menu to switch between the two. Overall, there’s more consistency…
-
Learn HTML & CSS Book I am frequently asked what the best book is to learn HTML and CSS. I’ve usually recommended a book by Dan Cederholm, but even his material can presuppose an understanding of the basics of what makes a webpage work. This beautifully designed book by Jon Duckett looks like a perfect…
-
HTML Tidy
HTML TidyThis is the HTML Tidy tool I use. It is especially useful for finding and correcting errors in deeply nested HTML. Which one do you use?
-
Totally rad HTML I just wrote
Jacob Bijani: Clears an input on focus and refills it on blur with the default value if it’s still empty. Totally localization-friendly, framework-agnostic, and you get to use CSS to style both states! Totally just used this.
-
HTML Lint
HTML LintLike JSLint does for JavaScript, HTML Lint does for your HTML code. That is, looks for errors and tidies up. Input via URL, file or copy and paste.
-
CSSDesk is another beautiful web app by Pixelmatrix Design aka Josh Pyles. Josh says to use this when you want to try out some code but you don’t want to fire up a text editor. Might be handy in a pinch, or for beginners. Read more about CSSDesk on Josh’s weblog.