background preloader

Wordpress_helpsheet.jpg (2560×1600)

Wordpress_helpsheet.jpg (2560×1600)

30 Inspiring WebGL (Chrome) Experiments Behold, for a great tool with great promises is coming to your eyes. It is fast and smooth. It renders 3D, and with integration it animates, guess what it is? In this showcase, we don’t want to show you the regular things. More related posts: You are strongly recommended to view these demos using the latest version of Developer version of Google Chrome. 3 Dreams of Black Authored by Google Data Arts Team, 3 Dreams of Black brings you into 3 dream worlds constructed through a combination of rich 2D drawings and animations interwoven with interactive 3D sequences. Animated Volume Particles This one is really artistic – animated animals constructed by 3D particles using float textures and frame buffer objects. Aquarium Simulate an underwater environment? Azathioprine Probably the most epic WebGL demo, enough said. Attractors Trip If you wanna experience the 3D this is the best demo for you, also get meditated with the immense beauty of WebGL-generated graphics using Martin’s Hopalong formula.

Slide and Push Menus Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body. View demo Download source A set of fixed menus that will slide out from any of the edges of the page. The two menus that slide out from the left and right side can also be used in combination with the body moving to the left or right side, respectively, hence being “pushed”. There are examples of how to trigger the opening and closing of the menus and some example media queries. The HTML The CSS Note: Classie is being used here – class helper functions by @desandro. From Sand to Processor or How a CPU is made - Intel It is hard to believe that a modern processor (CPU) is the most complex product in the world. What is so complex in this piece of metal? In this article I will try to explain how a modern processer (CPU) is made from the sand. Processor Manufacturing It takes about $ 5 billion dollars to build a processor manufacturing factory. This factory approximately has 4 years to return the invested funds in its technology, before it will start making the profit. The process of processor manufacturing looks like this: the special equipment is used to grow a mono-crystal of cylindrical shape from the molten silicon. Some Chemistry Lessons Let us take a closer look at the whole process of manufacturing. Originally, it is taken in the form of SiO2 sand, which is in arc furnaces (at the temperature about 1800 ° C) reduced by coke: SiO2 + 2C = Si + 2CO This silicon is called a "technical" and has a purity of 98-99.9%. 3SiCl4 + 2H2 + Si ↔ 4SiHCl3 Photolithography Photo Resist Application More Exposing Etching

Snoopy | View-source bookmarklet for iPad, iPhone and other mobile devices Become a Programmer, Motherfucker If you don't know how to code, then you can learn even if you think you can't. Thousands of people have learned programming from these fine books: Learn Python The Hard Way Learn Ruby The Hard Way Learn Code The Hard Way I'm also working on a whole series of programming education books at learncodethehardway.org. Learn C The Hard Way Learn SQL The Hard Way Graphics Programming Language Agnostic NerdDinner Walkthrough Assembly Language Bash Clojure Clojure Programming ColdFusion CFML In 100 Minutes Delphi / Pascal Django Djangobook.com Erlang Learn You Some Erlang For Great Good Flex Getting started with Adobe Flex (PDF) Forth Git Grails Getting Start with Grails Haskell Java JavaScript JavaScript (Node.js specific) Latex The Not So Short Introduction to LATEX (perfect for beginners) Linux Advanced Linux Programming Lisp Lua Programming In Lua (for v5 but still largely relevant)Lua Programming Gems (not entirely free, but has a lot of free chapters and accompanying code) Maven Mercurial Nemerle Nemerle NoSQL Oberon Objective-C

What Is CogniFit? - Mind Training Program How to Create an Awesome Scrolling Navigation using jQuery - thebeebs I was looking over the .net award nominees this week and stumbled across the flipboard.com website. I loved the scrolling navigation so much I just had to open up visual studio and try and recreate it myself. DemoView Demo The main thing flipboard do differently is to have the logo and logo background elements move at different animation speeds from each other and the main content. I’ve documented the main steps to recreate my demo below: Step 1 First we need to make reference to the jQuery Library as we are going to use it alot. Step 2 Next we will want to add our HTML to the page this HTML will hold all of the layers and links that we will need to get the example running. The background triangle moves at a slightly different speed to the logo and so needs it’s own <div>. By wrapping all the contentItems in a contentwrapper it will make it easier to scroll the contentItems into view using JQuery. Step 3 You will also need to setup the page layout when the website loads. Step 4 Step 5 Step 6

25 New Script Libraries and Plugins on GitHub Git is a powerful, open-source distributed version control system and social code repository. GitHub is the world's largest open-source community, hosting millions of public repositories. Users add innovative new projects on a daily basis. With the latest new Repos available to fork and explore, it can be difficult to stay updated. We'll cover 25 exciting new script libraries and plugins hosted on GitHub, ranging from image galleries to physics engines. Please note some of the GitHub resources reviewed may be slightly older in origin, but they have been recently updated, much improved upon or generally overlooked as resources really worth exploring. Have you discovered any GitHub script libraries or plugins we may have missed? 1. Unveil.js is a lightweight version of LazyLoad, with support for serving high-resolution images to devices with Retina display. 2 Chardin.js 3. 4. 5. Least.js creates beautiful, random and responsive HTML5 and CSS3 image galleries using LazyLoad. 6. 7. 8. 9. 10 .

15 Essential JavaScript Video Tutorials inShare0 JavaScript can be difficult to learn on your own. It can be even more difficult to find good tutorials that teach best practices from the onset. Beginning JavaScript Douglas Crockford is the chief JavaScript Architect at Yahoo and is also the creator of the JavaScript Object Notation (JSON) format. The JavaScript Programming Language (1/4 - 31 minutes) The JavaScript Programming Language (2/4 - 31 minutes) The JavaScript Programming Language (3/4 - 29 minutes) The JavaScript Programming Language (4/4 - 20 minutes) Document Object Model In this next set of video tutorials, Douglas Crockford talks about the Document Object Model (DOM) and JavaScript interacts with browsers. The Theory of the DOM (1/3 - 31 minutes) The Theory of the DOM (2/3 - 21 minutes) The Theory of the DOM (3/3 - 26 minutes) Advanced JavaScript In this final set of videos from Crockford, he covers advanced JavaScript programming topics such as inheritance, modules, debugging, efficiency, and JSON. JavaScript Events Tags

Resizing images with PHP The following script will easily allow you to resize images using PHP and the GD library. If you’re looking to resize uploaded images or easily generate thumbnails give it a try Update: Looking to resize transparent PNG’s and GIF’s? Usage Save the code from the ‘the code’ section below as SimpleImage.php and take a look at the following examples of how to use the script. The first example below will load a file named picture.jpg resize it to 250 pixels wide and 400 pixels high and resave it as picture2.jpg If you want to resize to a specifed width but keep the dimensions ratio the same then the script can work out the required height for you, just use the resizeToWidth function. You may wish to scale an image to a specified percentage like the following which will resize the image to 50% of its original width and height You can of course do more than one thing at once. The output function lets you output the image straight to the browser without having to save the file. The code

50 Places You Can Learn to Code (for Free) Online If you’re curious about learning a programming language then you’re in luck: there’s no shortage of resources for learning how to code online. University-level courses, tutorials, cheat sheets, and coding communities all offer excellent ways to pick up a new language, and maybe even a new job, too. Read on, and you’ll discover 50 great places to learn how to code, for free, online. University Many big names in education including MIT and Stanford offer programming courses, absolutely free. General If you’re just dipping your toes into programming, or you want to find a variety of resources, these sites offer several different ways to learn how to code. Community Learn how to code on these sites with a heavy community influence ready to offer help to newbs. Language Specific Drill down to the language you really want on these sites, offering expansive learning in one or two specific languages.

Computer Science | Video Courses on Academic Earth In its purest form, computer science is the research and development of technology that solves specific problems. Computer science has brought the world smart phones, GPS systems, the gaming industry and tablet computing, along with technological developments that assist government, industry and medicine. In addition to creating new technology, computer scientists also make improvements to existing technology and study the ways computers can make our lives easier. As with any branch of science, computer scientists perform research that establishes new information. This research begins with known mathematical algorithms and computer theory, and strives to constantly redefine what technology can do for us. Computer science also addresses how existing technology can be used in ways previously undiscovered, creating applications that may be faster, simpler, more efficient or less costly. Sample Courses During the first two years of a standard 4-year program, students focus on the basics: Ph.D.

Related: