HTML5 is the new and updated version of the web standard and famous HTML. HTML5 has tons of new features, techniques and elements that allow designers to create new and beautiful stuff. The new standard incorporates features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash and Microsoft Silverlight. With HTML5 you …  Read More →

We’re already familiar with the 12- and 16-column variants of 960.gs , but did you know that a 24-column alternative exists too? In this article, you’ll master the 960 grid system by dissecting the 24-column version demo. If you’ve only used 960gs before for Photoshop mockups, consider this your lucky day. By the end of this article, you’ll be able to convert your designs to HTML and CSS in no time at all. Introduction... 

A startup called Treesaver has developed a slick presentation framework for digital magazines that runs in the browser. It has many of the features you’d expect from a clean, reader-friendly content wrapper (like Instapaper or Readability ) but it couples that functionality with a way-cool user interface. Pages can be navigated by swiping from side-to-side, and you get helpful ghost…  Read More →

In the second installment of optimizing your website, we’ll cover handling your CSS and squeezing every ounce of performance from it. Please have a read of part 1 if you missed it. In any web page, the order that your browser downloads your content is simple: it retrieves the HTML, which tells it the other files to request from your server…  Read More →

Here’s a challenge for all you developers building obese bandwidth-hogging pages — can you build a useful and fully-functional web application in 10K or less? If so, head to 10k.aneventapart.com and submit your entry before August 25, 2010. The competition, run by Microsoft and An Event Apart, was inspired by the5K.org which operated between 2000 and 2002 (yes, it was really that long ago) . There were some excellent entries even... 

This exclusive premium video series will take you from a state of absolute CSS “noobness,” all the way up to ninja-status, capable of taking advantage of the latest CSS3 techniques. The series begins with the basics: the syntax, properties, etc. However, each new video expands upon the previous, as you work your way up and improve your skills. In this final week, you’ll complete the series, as you gain access to Parts 8-12: five new... 

When it comes to making your website display blindingly quick, there are a number of steps you can take. These steps can be split into two categories: front-end and back-end optimization. Although important, back-end work tends to yield less noticeable results for the average site (with the exception, of course, of very large, high-traffic sites where every millisecond counts). In this post we’re going to go through the common issues that... 

We love new technology at SitePoint so it’s easy to be swept along with the excitement and potential of HTML5 — given that “HTML5″ is now a marketing term comprising every cool new web technology. It’s our duty to report the latest techniques so you can adopt them for your own projects. However, our recent poll — “when will you start using HTML5?” — was revealing. Despite the fact the term... 

There’s a lot of buzz going around about HTML5. Big companies such as Apple are predicting that it’s the technology that will sign the death warrant of the popular Flash platform that powers a lot of rich internet apps and complex dynamic web components. But what is HTML5, really ? How will it change the jobs of web developers and web designers? Here are 15 web resources to help you…  Read More →

A web developer named Alex Giron has created a working model of the solar system using only web standards. It’s fully animated — though Alex takes advantage of some new CSS 3 features (border-radius, transforms and animations) and utilizes the -webkit prefix, so you’ll need to view it in Safari or Chrome to see the planets move around the sun. Firefox and Opera users won’t see the animations, just a static CSS layout.... 

Today marks the first entry in a new “Ask Nettuts” series. I’m often emailed concerning various web development related questions. Though some are more specific than others, many of these, I’m sure, would appeal to all of our readers. As such, each week or so, we’ll post a new batch of question and answers from the community, in both article and video form, for your convenience. This week, we discuss JavaScript... 

Today marks the first entry in a new “Web Dev Q&A” series. I’m often emailed concerning various web development related questions. Though some are more specific than others, many of these, I’m sure, would appeal to all of our readers. As such, each week or so, we’ll post a new batch of question and answers from the community, in both article and video form, for your convenience. This week, we discuss JavaScript... 

Some experts are projecting mobile devices to become the dominant medium for web browsing within five years, overtaking browsing on desktop computers. Regardless of how accurate this projection turns out to be, it is clear that formatting websites for mobile-friendly viewing needs to become a staple of web design and development. There are many ways to accomplish this, of course. However, CSS3 provides a fairly rich toolset for mobile-friendly... 

In today’s premium tutorial and screencast , I’m going to show you how to build a slick calendar widget. We’ll using CSS3 to give it a shiny look and feel, and then add some pretty neat functionality with JavaScript. Become a Premium member today to see this and many other tutorials!  Read More →

You’ve probably been hearing a lot lately about how Flash is a dying technology and how it’ll soon be replaced by HTML5 . Personally, I think that it will slowly replace Flash for some things, but Flash will always have a place, especially for developing complex games and rich internet applications. If you’ve yet to see what HTML5 can do, I’ve rounded up 10 demos that show off some of its capabilities. So what do you...