Web Development
This tree should contain new and exciting web development resources and trustworthy reference materials. Mar 25
CSS Processing
The top 20 CSS sites of 2012
2012 has been an impressive year for unique and surprising uses of CSS! Picking a list of the best uses of CSS for the year is a tough challenge since CSS covers everything from media queries and web type to animations and 3D.
You probably get a lot of email and even more newsletters. 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.
Web Advent 2012 / Dealing with Email Image Blocking
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.
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
.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. In order to work with htaccess files locally, to see how they work and generally play around with them, we can use XAMPP (or MAMP ) on the Mac – a package that installs and configures Apache, PHP and MySQL. To edit these .htaccess files on Mac, we should use a text editor that allows for the opening of hidden files, such as TextWrangler .
.htaccess Files for the Rest of Us
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. The font used is ‘Open Sans’ by Steve Matteson .Multitouch
An expanding text area is a multi-line text input field that expands in height to fit its contents.
Expanding Text Areas Made Elegant
UI Frameworks
ZUI Site Riot
Tutorial info Knowledge needed: CSS, Intermediate JavaScript Requires: text editor, browser that supports CSS3 transforms Project time: 4 hours With CSS3 transforms now supported in most major browsers, we have the delightful opportunity to experiment creating innovative layouts and interfaces. While the paradigm of the vertical website will continue to prosper, there’s a world of possibilities out there to explore. No longer are we shackled in our one-dimensional prisons, bound to the tyranny of vertically-scrolling sites.
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.
Heroku Breaks Through with Facebook Cloud Integration
CSS Selectors and Pseudo Selectors and browser support
This page has not been updated for some time and some of the browser versions are obsolete - I'm working on a better format for the page, so check back every now and then :) The following is a range of CSS tests of the most common browsers' support for selectors and pseudo selectors . The tests includes basic stuff from the good old days of CSS1 and funky stuff from the future ( CSS3 ).What if social networks were more like email? What if they were all inter-connected, and you could choose which software (and even which provider) to use based purely on what they offered you ? Now they are! Friendica is bringing them all together. All of these can be included in your Friendica "social stream" where you may interact with them using a familiar conversational interface - and perhaps arrange them into private conversation groups. This lets you easily separate what posts can be seen by your co-workers and your beer-drinking buddies.
The internet is our social network. | Friendika
Font sizing with rem
Determining a unit of measurement to size our text can be a topic of heated debate, even in this day and age. Unfortunately, there are still various pros and cons that make the various techniques less desirable. It's just a matter of which less-desirable is most desirable. There are two main techniques that are extolled: Size with px Size with emWhat does it do? The holmes.css file will display either an error (red outline) , a warning (yellow outline) , or a deprecated style (dark grey outline) for flags such as: Missing required attributes on tags , such as name attributes on inputs (lots of these) Potentially improvable markup , such as links with href="#" Deprecated and Non-W3C Elements - see W3C.org's article on obselete tags Non-W3C Attributes - as above, just the most important ones since there are MANY Thanks to Anthony Mann , holmes now displays an informative error message when you hover over the element. Support for :after/::after on images is non-existent however in most browsers.
holmes.css - CSS Markup Detective
Javascript
The Problem
Trigger Javascript on CSS3 media query change
CSS3
WordPress
Sencha
HTML5
30 Developers you MUST Subscribe to as a JavaScript Junkie
As JavaScript developers, we have quite crazy requirements. The playing field is in a state of constant flux and one of the best ways to keep up is interacting with other developers and reading their code. Blogs, such as the one you’re reading, are a perfect amalgamation of these two activities.Concrete5