Facebook Twitter

Internet Archive: Wayback Machine. Dropbox. File Convert. Tutorials. Free CSS3 Video Tutorials from Think Vitamin (Again) Back in March 2011 we reported that Think Vitamin were offering free access to their entire CSS3 Video Training Course for 24 hours only.

Free CSS3 Video Tutorials from Think Vitamin (Again)

I’m pleased to announce that this week I received an email from Alan Johnson at Think Vitamin letting me know that once again they’ve decided to offer free access to the entire CSS3 Video Training Course, minus the Master Class project – which is only available to paid members. However, this time there is no 24 hour time limit, with the videos being available for ‘the foreseeable future’ – however long that may prove to be.

The collection includes over 50 videos, totalling over four hours of tutorials, ranging from CSS3 basics such as border-radius, box-shadow and CSS3 gradients, to more complex subjects including CSS3 selectors, transitions, animations and transforms. So, if you missed them the first time around, or struggled to watch all 51 videos in 24 hours, here they are again. The full series of videos on offer is as follows: Borders Gradients. Web Browser News and Reviews. HTML 5 and CSS 3: The Techniques You’ll Soon Be Using. In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3.

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along. HTML 5 is the next major version of HTML. It introduces a bunch of new elements that will make our pages more semantic. This will make it a lot easier for search engines and screenreaders to navigate our pages, and improve the web experience for everyone. 2. Before we begin marking up the page we should get the overall structure straight: In HTML 5 there are specific tags meant for marking up the header, navigation, sidebar and footer. It still looks like HTML markup, but there are a few things to note: In HTML 5, there is only one doctype. Instead of using divs to contain different sections of the page we are now using appropriate, semantic tags. 3. 4. 5. 6. HTTPS Everywhere.

Help us make HTTPS Everywhere better!

HTTPS Everywhere

Download the development version for Firefox. HTTPS Everywhere is produced as a collaboration between The Tor Project and the Electronic Frontier Foundation. Many sites on the web offer some limited support for encryption over HTTPS, but make it difficult to use. For instance, they may default to unencrypted HTTP, or fill encrypted pages with links that go back to the unencrypted site.

The HTTPS Everywhere extension fixes these problems by using a clever technology to rewrite requests to these sites to HTTPS. Questions and Caveats Sadly, many sites still include a lot of content from third party domains that is not available over HTTPS. Development And Writing your own Rulesets Webmasters and prospective contributors: Check the HTTPS Everywhere Atlas to quickly see how existing HTTPS Everywhere rules affect sites you care about!

Top Web Developer Tools of 2011. While browser-based operating systems haven't taken over the world, 2011 has been a pretty good year for Web developers.

Top Web Developer Tools of 2011

It's an exciting time to be working in Web development, and there's never been a better crop of tools to work with. Web standards are eclipsing proprietary toolkits, and the development community is creating its own set of open source tools to work with. Here's a look at some of the best we've seen in 2011. To be clear, this isn't exclusively a list of tools that debuted in 2011. Instead, I wanted to look at some of the most popular and best tools for Web developers through 2011. Basically, we're looking to highlight tools that are innovative, widely used and/or wildly useful for Web developers. jQuery and jQuery Mobile No list of Web developer tools would be complete without jQuery, the ever-popular JavaScript library that we've covered extensively on ReadWriteHack.

That's not to say that jQuery is free of critics. Modernize IE with CSS3 PIE Bootstrap PhoneGap The Future?