background preloader

Apps

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. 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. 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. Before we get started, consider using one of our HTML5 Templates or CSS Themes for your next project—that is, if you need a quick and professional solution. Otherwise, it's time to dig into these techniques. HTML 5 is the next major version of HTML. It introduces a bunch of new elements that will make our pages more semantic. 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.

Marking up the comments is pretty straight-forward. "What?! HTTPS Everywhere. 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 clever technology to rewrite requests to these sites to HTTPS. Information about how to access the project's Git repository and get involved in development is here.

HTTPS Everywhere now uses the DuckDuckGo Smarter Encryption dataset, to enable even greater coverage and protection for our users. Original announcement can be found here: Further technical details on how we utilize Smarter Encryption: 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. 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?