background preloader

CSS Newbie - Learn HTML, CSS and jQuery with Tutorials, Tips and Reference Articles

CSS Newbie - Learn HTML, CSS and jQuery with Tutorials, Tips and Reference Articles
Related:  Learn Online whatever you want.

Free French lessons: Spanish, Portuguese, Italian Magnoto - Freestyle Blogging & Website Building - Home of Magnoto 12 Unit Testing Tips for Software Engineers - ReadWriteWeb Unit Testing is one of the pillars of Agile Software Development. First introduced by Kent Beck, unit testing has found its way into the hearts and systems of many organizations. Unit tests help engineers reduce the number of bugs, hours spent on debugging, and contribute to healthier, more stable software. In this post we look at a dozen unit testing tips that software engineers can apply, regardless of their programming language or environment. 1. A newbie might ask Why should I write tests? The idea behind unit testing is to create a set of tests for each software component. As your system expands, so does the body of unit tests. 2. When you start unit testing, always ask What Tests Should I Write? The initial impulse is to write a bunch of functional tests; i.e., tests that probe different functions of the system. The focus of the test is one component at a time. 3. As with any code, there will be common things all your tests need to do. 4. 5. 6. There are a couple of ways. 7. 8. 9.

25 Killer Websites that Make You Cleverer It’s easy to forget that we have access to a virtually limitless resource of information, i.e. the Internet. For a lot of us, this is even true at our fingertips, thanks to the ubiquity of smartphones and an ever-increasing push for online greatness by tech engineers all over the world. As a result, there are countless websites out there that are geared to make you smarter and more brilliant for either a low or no cost. 1. This isn’t the first time I’ve recommended this language-teaching website (and app), and it certainly won’t be the last. 2. Have you ever wanted to pick up a subject you’re not well-versed in, but you didn’t have the money to invest in a college course? 3. Guitar is one of the few instruments out there that’s actually pretty easy to learn if you’re a little older, making it one of the most accessible instruments. 4. Founded by Michael Chu, Cooking for Engineers goes further than just providing recipes. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 19. 20. 21. 22.

Setting Up Virtual Hosts for XAMPP Running a Web server on your desktop computer is a great way to speed up Web site development. By previewing your Web pages directly through a Web server on your own computer you can test out server-side programming like server-side include files, form processing scripts, or database-driven Web pages. However, there’s one problem associated with running a server on your own computer: by default, you only have a single "domain"– if you work on more than one Web site you put them all under "localhost" in different directories. This isn’t very real world and can cause problems when using server-side includes and root-relative links. Fortunately there’s a better way. Virtual Hosts Virtual Hosts give you the ability to "host" more than one Web site and domain on your computer. Adding a Virtual Host is a 2-step process: Add a new entry to your computer’s hosts file. Detailed Steps Launch Notepad and open the hosts file located at C:\windows\system32\drivers\etc\hosts.

Amazing Retro Rainbow Curves | Tutorial9 - Tutorial Bliss. In this tutorial, I’ll show you how to design some amazing vector based Retro Rainbow Curves using Adobe Photoshop. These retro artifacts have become a popular trend in modern design! What We’re Making You can get an idea of what we’re going to be creating in the example below. Getting Started Before getting ahead of ourselves, it’s probably a good idea to pick out a color scheme for our design. White – FFFFFF c9402d a9362f Background – 312620 Go ahead and Create a new Document (I’ll be creating a 600x480px document), and fill the background with your background color using the Paint Bucket Tool. Enable the grid display, and setup your grid to have a gridline every 20-50px, with 1 subdivision (I’m using a grid line every 30px since 600 and 480 are both divisible by 30). Creating the First Line We’re Teaching a Technique Here! In this tutorial, we’re trying to teach the technique used to create these wonderful designs. A few things to take note of here. Now, let’s deal with those inner curves.

15 Free Guides That Really Teach You USEFUL Stuff - StumbleUpon Advertisement Over the past months, we’ve written quite a few PDF manuals for you, on all kinds of diverging subjects, including BitTorrent, iTunes, iPhone, Twitter, Mac, Linux, Photoshop and several other topics. Freely available to MakeUseOf subscribers, there are now multiple manuals released every month, for everyone to enjoy. After releasing 15 manuals and nearly half a million downloads we thought it was about time to look back and review what has been published so far. Enjoy! Do us a favor by sharing those manuals friends! 1 – Internet Guide for the Movie Addict Written by Saikat Basu, this entirely free PDF production will show you anything you’ve ever dreamed about knowing related to movies on the web. Original Post | Download NOW 2 – Internet Guidebook for An Audiophile Original Post | Download NOW 3 – The Incredible Free Manual for Every Mac User Original Post | Download NOW 4 – The Underground Guide to the iPhone Written by Stefan Neagu. Update: The guide is no longer available.

Pure CSS Coke Can (versión en castellano abajo) After doing the CSS Paper Bird effect, I found out that by a combination of the CSS1 properties background-attachment and background-position, 2D displacement maps could be created and, by scrolling, the displacement map would be applied to different parts of the texture (a background image). With displacement maps lots of cool effects could be done, but thinking that the complexity of the displacement map would directly affect the CSS and markup size, choosing a good example took me some time. Due the cilindrical shape of a can, the displacement map is very simple with the parallel projection I did, so the code is very little - below 5kb - and easy to understand I hope. Even if this effect is mainly CSS1 and some bits of CSS2 - for the scrolling div, overflow: auto property -, it is not going to work in IE6, because it doesn’t support background-attachment: fixed. Castellano

Design Blurb » Web & Graphic Design Resources 650 Free Online Courses from Top Universities Take online courses from the world's top universities for free. Below, you will find 1,500 online courses from universities like Stanford, Yale, MIT, Harvard, Oxford and more. You can use this collection of online courses to learn everything you want--from history, philosophy and literature, to physics, biology, psychology, and computer science. Note: This page includes a lot of Massive Open Online Courses (MOOCs). Humanities & Social Sciences Art & Art History Courses Italian Renaissance - Free Online Course - Dr. Classics Courses Communication Courses Economics & Finance Courses Bookmark our collection of free online courses in Economics. Film Courses Food Courses Geography Courses Health Courses