background preloader

Normalize.css: Make browsers render all elements more consistently.

Normalize.css: Make browsers render all elements more consistently.

8 Things Newbie Web Designers Should Know About SEO Even the most SEO obsessed web site owners still want a site that looks good. Design aesthetics play a huge role in the success or failure of any site. Elements of design can impact conversions, credibility, and engagement. But some designs can also limit a web site’s search engine accessibility. Popular Nordic Ruby Conference El Sendero del Cacao Full Frontal 2011 CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here are intentionally very generic.

HTML5 Reference Poster - XHTML-Lab HTML5 is the hot cake today. Everybody in the community is making efforts to promote the language, and to make it easier to use and learn. W3C has even announced a new logo for HTML5 to give it a new face. We have made a modest effort to create a HTML5 Reference Poster; we hope that this poster makes it easier to use HTML, for professionals with varied experience levels. When to base64 encode images (and when not to) Introduction Ever since Steve Souders started evangelizing web performance, it’s been pounded into our heads that extra HTTP requests add a lot of additional overhead, and that we should combine them if possible to dramatically decrease the load time of our web pages. The practical implication of this has been to combine our JavaScript and CSS files, which is relatively easy and straightforward, but the harder question has been what to do with images. Sprites

Sobees Launches iPad App NewsMix, A Socially Curated Digital Magazine Sobees has made a business of creating innovative social media clients, particularly focusing on bringing Twitter, Facebook and social search to the a variety of platforms. Today, the developer is getting into the news business with the launch of NewsMix, an iPad app which presents news and content shared by your social circle in a magazine format on the device. The app, which costs $2.99 in the App Store, allows you to create and mix a digital magazine composed of content shared in your Twitter, Facebook and RSS feeds (Google Reader and feed search). The app will categorize content in a magazine or show news in a separate timeline format for Facebook and Twitter.

Screenshots - CSS-Tricks Gallery Illustration by Erica Sirotich Loading... *May or may not contain any actual "CSS" or "Tricks". CSS Reset Note: The files "reset.css" and "reset-context.css" are deprecated, use "cssreset.css" and "cssreset-context.css" instead. The foundational CSS Reset removes the inconsistent styling of HTML elements provided by browsers. This creates a dependably flat foundation to build upon. BIT-101 For the last few years I’ve done a year in review type of post near the end of the year. I guess I blew that already. But January 1st isn’t a bad time to do it. 2013 brought a big change for me.

Meet the Pseudo Class Selectors Pseudo class selectors are CSS selectors with a colon preceding them. You are probably very familiar with a few of them. Like hover: a:hover { } They are immensely useful in a variety of situations. 5 Good Things To Use As Pinned Tabs In Your Browser The Big Three web browsers all now have pinning ability. IE9 can pin to the taskbar, Mozilla Firefox 5 can pin as "app tabs" and Chrome can pin tabs as well. I’m going to skip IE9 here because its pinning ability is limited to the Windows taskbar and not in-browser; even though it can pin, I want to concentrate on in-browser stuff only. An example of pinned tabs looks like this: transform The CSS transform property allows you to visually manipulate element, literally transforming their appearance. or with proper prefixes: There are several different transform functions each that applies a different visual effect. Note that the actual space on the page that the element occupies remains the same as before transition. Rotate

Related:  CSS