background preloader

Dzinepress’ Ultimate Collection of HTML5 Tutorials and Useful Links - Canadian Developer Connection

Dzinepress’ Ultimate Collection of HTML5 Tutorials and Useful Links - Canadian Developer Connection
Related:  Webdesign

jQuery Mobile Physion - Physics Simulation Software 40 Must Learn Text Effect Tutorials in Illustrator Tutorials January 31, 2011 The love of creating text effects has become a common ground for many designers and enthusiasts. Indeed, it has even become an art form in itself. It would be best to learn from other artists every now and then. Create a Green Viscous Text Effect In this tutorial you will use illustrator’s 3D tools to add dimension on the text, and then add a green viscous text effect.. Learn to Create a Variety of Script Lettering This tutorial will showcase three different approaches, which result in three different script lettering styles. starting with a nice simple basic script, touch on a more athletic inspired lettering style and work along the way to a classic, fancy script. How to create a glassy text effect in Illustrator This tutorial will teach how to create a glassy text effect in Illustrator. How to Create an Entangled Lettering Illustration A two part tutorial where you will learn how to create a brief typographic message from scratch. Create a Mummy Text Effect

Fixed or fluid width? Elastic! A question many web designers ask themselves each time they start working on a new project is whether the site should use fixed or fluid width. The debates on the subject are many and sometimes heated. This is not one more of those debates. Instead I’ll explain how I combined some of the benefits of both fixed and fluid layouts when redesigning this site. The result is an elastic width layout, a concept which is not unique – you may recognise the term Elastic Design from Patrick Griffiths’ A List Apart article by that name. For the purpose of this quick explanation I’m leaving out the header, navigation, and footer areas of the HTML structure, focusing on the remaining two column layout which consists of the #main and #sidebar div elements: To create the two columns I’ve assigned widths to the two elements and floated them in opposite directions: The widths are set in percent to make both columns expand and contract as the browser window is resized. That’s it. Oh, right.

Introduction to Computer Programming - TurtleTalk Commands *Note* In 2007, these lessons were significantly modified. *Note* This is a link to the new materials. This is a link to the new corresponding lesson. Introduction In this lesson, you will write your first computer programs in the TurtleTalk language. An Overview of TurtleTalk and TurtleGraphics TurtleTalk and TurtleGraphics go back quite a long time. ... And the original turtle: From "The Children's Machine," Seymour Papert, HarperCollins, 1993. TurtleSpace - The Turtle's World Here's what the world looks like to the turtle. If you look closely, you'll notice that the origin for angle measurement is different. Four Basic TurtleTalk Commands Here is a table of a few of the most common TurtleTalk procedures, in this case TurtleTalk commands. Notice that these TurtleTalk commands must include a number, an input. forward will result in the error message: "forward must be followed by a number." I've written a Java applet which understands TurtleTalk. Exploration - Additional TurtleTalk Commands OK.

Introduction to the Web Design Course Hello, and a very warm welcome to the Home and Learn computer course for Web Design. The software you need is set out below. We assume that you have absolutely no knowledge of designing web pages. What you will learn The aim of this course is to get you started designing web pages. The technologies you will learn are HTML, HTML5, and Cascading Style Sheets. At the heart of every web page is something called HTML. At the end of most chapters in this book you will see a summary table of what you have learnt. What you need to do the course The only thing you really need to do the course is a simple text editor. Web Design Course Files There are a number of files that you will need in order to complete certain sections. Download the Extra Files needed for this course Once you have all the necessary files, you can begin. Good luck!

Vitamin - A resource for web developers, designers and entrepreneurs CSci 99 Turtle Graphics Exercise The purpose of this exercise is to learn a bit about programming in Java. In this assignment you will learn how to: Compile and run an existing Java program Look at the source code in a text editor Modify a method to change its behavior Call a method with different parameters Begin this exercise by downloading the following files. TurtleGraphics jar file Sample Turtle Java Program Open a command shell window using the Start -> Programs -> Accessories menus and then choose Command Prompt . Now you need to set up what is known as an in your command window by following these instructions: set CLASSPATH=. Highlight the line above with your mouse. Use CTRL-C to copy the line from the web page into your paste buffer. Then use ALT-TAB to switch to your command window. Right-click with your mouse in the command window to paste the command above from the paste buffer. Finally, press the Enter key to issue the command. The command just issued works for the . cd \temp javac TurtleTest.java TurtleGraphics.jar

RubyMonk: Learn Ruby Programming Through Interactive Exercises ‘Ruby’ is a programming language that is vastly used these days. While there are numerous online sources for learning the language, one of the best ways to learn Ruby is through the highly helpful “RubyMonk” website. RubyMonk is a wonderful website that helps its visitors learn the Ruby programming language. Instead of relying solely on tutorials, the site incorporates interactive exercises into its design. A total of 46 exercises are given for your Ruby learning. Features: A user-friendly web service. Helps you learn Ruby programming. Offers interactive tutorials and exercises. Offers problems to solve in Ruby. Similar tools: Interactive Vim Tutorial , Waterbear and Google Code University . Check out RubyMonk @ www.rubymonk.com (By Umar from AllthatIsApple )

960 Grid System GvR Lessons Programming with GvR Programming a computer in a language like Python requires a precise sequencing of steps written in a language where details of syntax can be overwhelming for a beginner. Everything must be exactly right, and errors in just getting the program to run are frustrating. To get acquainted with the concepts of computing without getting bogged down in the syntax of a higher-level language such as Python, we begin by programming Guido van Robot. We program Guido, a simple robot that lives in a simple world. Acknowledgements This series of Guido van Robot exercises was written by Roger Frank. The Guido van Robot programming language is descended from two parent languages: Karel the Robot and Python. GvR was developed by high school computer science students at Yorktown High School in Arlington, VA, under guidance of mentor Steve Howell. Home | Next Copyright © 2003 Jeffrey Elkner.

Related: