background preloader

Tech

Tech
"3 Dreams of Black" is an interactive film by Chris Milk and some friends at Google that showcases the creative potential of WebGL. WebGL is a context of the HTML5 canvas element that enables hardware-accelerated 3D graphics in the web browser without a plug-in. In other words, it enables your browser to show some really beautiful visuals. On this page, you'll find a WebGL model viewer featuring several of the "3 Dreams of Black" creatures. You'll also find 8 demos created by our development team, a link to the code base, and some links to resources on the web that will be useful for getting started in WebGL programming. Ready to get the entire code base? "3 Dreams of Black" is entirely open source, and the project is hosted on Google Code. Get the code

http://www.ro.me/tech/

WebGL Water Loading... Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. 25 Secrets of the Browser Developer Tools – AndiSmith.com Over the last few years there has been one tool that has helped out every web developer more than any other – the browser developer tools. Working in harmony with the web browser, the developer tools allows us to manipulate DOM elements, CSS styles, JavaScript and other useful information from the same window often in real time. Historically developers have used Firefox's Firebug add-on to develop and debug their websites, but more recently each browser has developed its own set of tools and each comes with its own advantages and disadvantages. Nowadays it seems hard to imagine ever building a website without one of these handy tools, which are normally accessible by either pressing "F12″ in Windows or "Cmd" ⌘, "Option" ⌥ and "I" on the Mac, or by right clicking on the page and selecting “Inspect Element”. But are you using the developer tools to their full potential?

helloflower™ Create your own beautiful flowers Design Use simple tools to create any flower you can imagine. Just touch to shape the petals, choose colors and finely tune your design until you get the most fantastic blossom. Aerotwist - Getting Started with Three.js ## Introduction I have used Three.js for some of my experiments, and it does a really great job of abstracting away the headaches of getting going with 3D in the browser. With it you can create cameras, objects, lights, materials and more, and you have a choice of renderer, which means you can decide if you want your scene to be drawn using HTML 5’s canvas, WebGL or SVG. And since it’s open source you could even get involved with the project. But right now I’ll focus on what I’ve learned by playing with it as an engine, and talk you through some of the basics. For all the awesomeness of Three.js, there can be times where you might struggle.

Brown Sugar Hair Straightener Welcome to Pinterest Tested! Ever wonder if that miracle cleaner is really miraculous? Or what about that homemade facial cleanser or delicious-looking recipe? This is the place to find out! I am testing Pins that catch my eye to see if they really live up to the claims made on Pinterest. Agile software development Agile software development is a set of principles for software development in which requirements and solutions evolve through collaboration between self-organizing,[1] cross-functional teams. It promotes adaptive planning, evolutionary development, early delivery, and continuous improvement, and it encourages rapid and flexible response to change.[2] Agile itself has never defined any specific methods to achieve this, but many have grown up as a result and have been recognized as being 'Agile'. The Manifesto for Agile Software Development,[3] also known as the Agile Manifesto, was first proclaimed in 2001, after "agile methodology" was originally introduced in the late 1980s and early 1990s.

Basecamp for iPhone, Android, Blackberry, and Palm. Highly recommended. Primarily through word-of-mouth alone, Basecamp has become the world’s #1 project management tool. For the last 10 years, companies have been switching to Basecamp because it’s famously easy-to-use, reliable, and It Just Works™. Combine that with our best-in-the-biz customer service, and you’ve got a unique and delightful package. A Primer on Bézier Curves Preface In order to draw things in 2D, we usually rely on lines, which typically get classified into two categories: straight lines, and curves. The first of these are as easy to draw as they are easy to make a computer draw. Give a computer the first and last point in the line, and BAM!

Installing Mercurial on a Shared Web Server without Root Access (HostEurope) SVN did a great job for me for at least four years now. Lately, I stumbled upon Mercurial and decided to have a closer look. It turned out that Mercurial (also called “hg”) comes with some great advantages, namely: Not a “Version Control System” (VCS), but a “Distributed Version Control System” (DVCS) enabling you to check in changes locally (offline, without an internet connection). The advantages of this one are also discussed in detail in PEP 374 (Python Foundation).Available in pure Python, therefore installable on a standard shared web server without root access (not a virtual server, just a “web host”). Thereby cutting my costs of maintaining a root server on my own or being charged by a specialized host for an SVN/VPS plan.

The FT web app The FT web app, which is optimised for use on iPad and iPhone, is available via your Safari browser at app.ft.com rather than from an app store. The web app is our most complete app to date and we regularly add new features and sections to it. These are available instantly, without the need to download a new version. Recent additions include 'clippings', allowing you to save articles for later reading, and enhanced graphics. For users accessing the FT web app on iPhone, you'll notice a completely fresh design.

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial >> Web Developer Geeks Today I want to show you how to create an incredible slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can save your some space on your website. The items will be semi-transparent which means that content under them will not be completely hidden. The only thing we will need for the navigation is a simple unordered list with links inside of the list elements:

Related: