background preloader

Learn to code

Learn to code
Related:  techniques

Unheap - A tidy repository of jQuery plugins Book Moving – Free eBooks Download How to Color Inked Line Art in Photoshop In this Photoshop tutorial, I’m going give you a general overview of how I digitally color an illustration. We’ll go over scanning, cleaning, flatting, coloring, rendering, and texturing techniques. There’s just as many ways to coloring a drawing digitally as there is to painting a picture. Preview Click the image below to see it in full size. Step 1: Scanning Your Inks In this tutorial, I’m going to use my own illustration. Make sure you are scanning in black and white. Step 2: Isolating the Line Art Now that we have our image scanned, open it in Adobe Photoshop. Press Ctrl/Cmd + Alt/Option + 2 (for Photoshop CS4 and up) or Ctrl/Cmd + Alt/Option + ~ (for Photoshop CS3 and below). Tip: I encourage you to know and use Photoshop shortcut keys; it saves a lot of time. Then press Delete to remove the selected white areas, leaving us with just the line art on this layer. Create a new layer (Shift + Ctrl/Cmd + N). Step 3: Clean Up Inks Step 4: Flats Step 5: Coloring Step 6: Rendering Step 7: Textures

JavaScript: la référence - David Flanagan Learn JavaScript JavaScript is a programming language that allows you to implement complex things on web pages. Every time a web page does more than just sit there and display static information for you to look at — displaying timely content updates, or interactive maps, or animated 2D/3D graphics, or scrolling video jukeboxes, and so on — you can bet that JavaScript is probably involved. Learning pathway JavaScript is arguably more difficult to learn than related technologies such as HTML and CSS. Before attempting to learn JavaScript, you are strongly advised to get familiar with at least these two technologies first, and perhaps others as well. Start by working through the following modules: Having previous experience with other programming languages might also help. After getting familiar with the basics of JavaScript, you should be in a position to learn about more advanced topics, for example: Modules This topic contains the following modules, in a suggested order for working through them. See also

Allofthelights.js, jQuery plugin to turn off the light and enjoy your videos How it works ? I initially wanted to have only one div to cover the entire document and to play with the video iframe's z-index. Unfortunately I encountered several problems with some players : it worked with YouTube, but not with Dailymotion, etc. I therefore decided to make a new script that would work with any player. Alloffthelights.js calculates the video's offset and creates several div in position:absolute wrapped around it. The offset is recalculated when the light is turned on or the window resized. Single video : Multiple videos : Usage Step 1 - Link to resources Add these links to your page. Step 2 - Add the video and the switch Give the video iframe an CSS id or class and place the switch button anywhere you like on the page (remember, it's must match the switch_selector option). Step 3 - Call Allofthelights.js Call the JS function on your video frame... and there you go !

50 Photoshop Tricks for a Fast-Paced Work Environment Are you a designer on a deadline? If you are, then I’m sure you can recall the last time you thought to yourself, “if I had a little more time, I could…” what? Polish that button? Find a better hero image? Reevaluate that color palette? Take some time to do a little more QA? The truth is, however, that we designers will always be looking for more time to polish the one pixel that got away. Of course, since our go-to design tool in the office is Photoshop, we thought we’d share with you 50 simple Photoshop tricks and shortcuts we love using that can help trim excess spent time in your workflows. Important Note: The following require Photoshop CS5 and a Mac OS X. The Usual Keyboard Shortcut Suspects Memorize these shortcuts. 1. 2. 3. 4. 5.Keyboard shortcuts for flipping foreground and background (X): Use this to switch between your current foreground and background colors located in your toolbar. 6. 7. 8. 9. 10. Customized Must-Have Keyboard Shortcuts 11. 12. 13. Photoshop, the Word Processor

Getting Out of Binding Situations in JavaScript Most developers don’t know about—or don’t care enough about—binding in JavaScript. Yet this single issue is responsible for a sizeable portion of the questions on most JavaScript-related support channels, and thousands—if not millions—of hairs being tortured away from developer heads every single day. Yet with a little attention to this oft-overlooked subject, you can avoid wasting your time, energy, and patience and move on to more powerful, efficient scripting. Why should we care about binding?#section1 Almost no major object-oriented programming (OOP) languages force you to consider binding. PHP and JavaScript do require you to explicitly state which object you’re accessing, even if it’s the current one. Of course, neither PHP nor JavaScript are actually object-oriented in the traditional sense. In JavaScript, binding is always explicit, and can easily be lost, so a method using this will not refer to the proper object in all situations, unless you force it to. Okay, that’s weird.

Javascript For Designers: Getting on Your Feet Fast Aug 04 2009 Web designers are a special breed – we’re one of a small group of professionals that actively seeks out to improve ourselves and our craft through any means possible. This generally means on our own, from each other, and through an awful lot of ‘guess, test and revise.’ Web design isn’t for the faint of heart or those with any fear of failure. The most daunting ‘learning experience’ for developing developers is to make the jump from the HTMLs and the CSSs of the world to web scripting. It looks good from the outside – all that added interactivity and animation and cool effects and features – oh my. Getting on Your Feet Fast Let’s take a look at bulletproof ways to ease into Javascript at an accelerated pace. The first place I start when looking to learn anything new is on the web – makes sense to learn the web from the web, right? Websites That Teach Javascript Javascript learning sites spend more time on simple logic and processes. Tizag.com W3schools.com About.Com Put It to Use

Related: