The top 20 CSS sites of 2012. Net magazine is the number one choice for the professional web designer and developer.
My HTML email newsletters are all mixed in with my plain-text emails, and when I’m going through my inbox, it’s a quick and efficient process. I want to be able to get the point of each email quickly. When I open an HTML email and see rows of blank outlined boxes, I immediately think, “this isn’t relevant or necessary to me; moving on.” HTML_CodeSniffer – Check Any HTML With The Given Web Standard. HTML_CodeSniffer is a bookmarklet to check if a web page validates for the selected standard.
The bookmarklet is open source, has a slick interface and currently comes with a set of 3 standards that enforce the Web Content Accessibility Guidelines (WCAG) 2.0. It displays the errors, warnings + notices and their details can still be viewed within the bookmarklet. The standards and their rules are hosted in the GitHub repository, so, once a new standard or rule is added by the developer, the bookmarklet will auto-update.
StackSlider: A Fun 3D Image Slider. An experimental image slider that flips through images in 3D.
Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing. View demo Download source. The easiest way to create your CSS sprites - SpritePad. .htaccess Files for the Rest of Us. .htaccess files are used to configure Apache, as well a range of other web servers.
Despite the .htaccess file type extension, they are simply text files that can be edited using any text-editor. In this article, we'll review what they are, and how you can use them in your projects. Please note that .htaccess files don't work on Windows-based systems, although they can be edited and uploaded to a compatible web server, and on Linux-based systems they are hidden by default. Workshop / Chrome Experiments. Unfortunately, either your web browser or your graphics card doesn't support WebGL.
We recommend you try it again with Google Chrome. CSS Buttons with Pseudo-elements. In this tutorial, I'll show you how to create buttons with a twist, using just one anchor tag per button and the great power of CSS.
View demo Download source Hola, amigos. For the last month or so, I’ve been experimenting with the power of CSS pseudo-elements, specially when it comes to mixing them with buttons and that way recreating some great effects that were only possible to do with sprites, in the past. In this tutorial, I’ll show you how to create buttons with a twist, using just one anchor tag per button and the great power of CSS. Design - Welcome. HTML EMAIL BOILERPLATE v 0.5 updated 11/5. The first commented line is your dabblet’s title ✿ dabblet.com.
Expanding Text Areas Made Elegant. An expanding text area is a multi-line text input field that expands in height to fit its contents.
This UI element is commonly found in both desktop and mobile applications, such as the SMS composition field on the iPhone. Examples can also be found on the web, including on Facebook, where it’s used extensively. It’s a good choice wherever you don’t know how much text the user will write and you want to keep the layout compact; as such, it’s especially useful on interfaces targeted at smartphones. Issue № 338 Despite the ubiquity of this control, there’s no way to create it using only HTML and CSS.
While the paradigm of the vertical website will continue to prosper, there’s a world of possibilities out there to explore. Heroku Breaks Through with Facebook Cloud Integration. Following hot on the heels of its recent announcement that it would add support for Java to the support already given to apps written in Ruby, Node.js and Clojure, Platform-as-a-service provider Heroku this morning announced a breakthrough partnership with Facebook that effectively allows anyone with a Heroku account to become an adept, cloud-based Facebook app developer.
To give SitePoint readers a head start, we’ve obtained permission to publish the following tutorial, drawing on functionality in Facebook that is only available from today. Let me hand you over to Adam Wiggins of Heroku. Getting Started with Your Facebook App on Heroku This guide is for Facebook developers who are creating apps on Heroku via the Facebook Cloud Services integration. Android Interaction Design Patterns.