Реклама - двигатель прогресса


<< | 1 | >>

Awesome css3 navigation menu css sprites and using web based fonts

How to make a CSS Sprite and use font squirrels web based fonts Category: Howto & Style Length: 00:10:39.750 Tags: html5 css3 css sprites .

 

---

Css and svg transformations on html5 video

Demo of the new HTML5/CSS3 and SVG features of Firefox 4 shown in London, England by Paul Rouget and Tristan Nitot of Mozilla Category: Education Length: 00:01:12.750 Tags: .

 

---

Css drop-down navigation menu

www.pixelforlife.com We create a drop down navigation menu using only HTML and CSS. No Javascript in this menu! Download the Project files here: www.pixelforlife.com Category: Howto & Style Length: 00:15:27.750 Tags: .

 

---

Compass tutorials #6 - sprites in compass

This is the 6th tutorial in the Compass series. This tutorial covers how to use Compass to generate your image sprites and do all of the heavy lifting for you. Compass-style.org says.. "It makes creating sprites a breeze", and they were not kidding. Category: Education Length: 00:05:09 Tags: .

 

---

Demonstration of porting iphone ipad game into html5 css3 javascript

This is a demo that I port the Fish Ball ( itunes.com ) game for iPhone/iPad to Safari. Most graphic assets are the same from the iPhone game except the animation spritesheet. I need to customize the spritesheet for the javascript spritesheet animator. The 3d rotate is done by webkit 3d transform. I make it perspective to simulate how players view the game when they play against friends on iPad. The core part is the gameQuery, jQuery plugin. It controls the state, logic and the assets resources management. if you like the game, you can download via iTunes ( itunes.com ) or visit our website ( twinsgames.net ) Category: Gaming Length: 00:01:39.750 Tags: .

 

---

Css sprites - speed up your website

Website loading slowly? Try putting all your images into one CSS sprite image. I show you how to make them and execute with photoshop. Follow me on twitter. @4ten Category: Film & Animation Length: 00:07:27.750 Tags: .

 

---

Html5 game development tutorial 27 - canvas buttons and start screen

In this tutorial, I show you how to make buttons on the canvas and make a start screen. Javascript Tips and Tricks - Getting mouse coordinates: www.youtube.com Category: Education Length: 00:13:36 Tags: .

 

---

Html5 game development tutorial 30 - bug fix for animation speeding

In this tutorial, I quickly show you how fix the bug where animations speed up if you click in the area where the play button appears on the menu. Category: Education Length: 00:02:37.500 Tags: .

 

---

Html5 game development tutorial 7 - creating a sprite sheet

All of the files are on my Minus profile. Check my channel for the links! Category: Education Length: 00:09:49.500 Tags: .

 

---

Html5 game development tutorial 29 - updating the player's score

In this tutorial, I show you how to show the player's score onscreen and update it for every enemy that is destroyed. Category: Education Length: 00:13:57.750 Tags: .

 

---

Html5 game development tutorial 31 - moving background

In this tutorial, I show you how to make the background scroll! Category: Education Length: 00:07:39 Tags: .

 

---

Html5 game development tutorial 32 - canvas boundries

In this tutorial, we prevent the jet from going out of the canvas boundries. Category: Education Length: 00:03:48 Tags: .

 

---

Using css sprites

David shows you the basics of CSS Sprites and how to use them in your site design. Category: People & Blogs Length: 00:07:09 Tags: .

 

---

Html5 game showcase: snake and tank

Creator: www.youtube.com Link: next-play.ath.cx Category: Education Length: 00:02:27 Tags: .

 

---

Html5 game development tutorial 28 - safari fix for requestanimframe

In this tutorial, we fix the Safari bug where our game wouldn't load. The code snippet you need is on gist, here is the link: gist.github.com Category: Education Length: 00:04:29.250 Tags: .

 

---

Css3 in internet explorer 6, 7 and 8

With HTML5 and CSS3 on the rise, we'd like to use it more frequently in our projects. Just a few lines of CSS3 can now take the place of background images, sprites, and complex div structures which aren't semantic. Unfortunately, Microsoft's Internet Explorer 6, 7 and 8 do not have the new CSS3 standards out-of-the-box, which has prevented some people from adopting the new CSS level 3 rules. In this screencast we'll show you how you can start taking advantage of 3 of the new rules, in ALL browsers, including IE 6 through 8. Created by ANDREW CHALKLEY JOSH TIMONEN. Category: Science & Technology Length: 00:02:40.500 Tags: internet explorer .

 

---

Html5 game development tutorial 25 - creating a bullet object - part 2

In this video, we finish off the bullet object and are now able to shoot bullets with our jet! Part 1: www.youtube.com Part 2: You are currently watching. Category: Education Length: 00:14:51 Tags: .

 

---

Compass tutorials #7 - advanced sprite configuration

This is the 7th tutorial in the Compass series. This tutorial covers how to use Compass to bend sprites to your will. Compass allows total control over the output and options for your sprites, create sprites faster than ever with Compass. Category: Education Length: 00:05:30.750 Tags: .

 

---

How to design & code a css sprite navigation (part 2 of 2)

In the concluding part of the tutorial, James releases and explains the coding you'll need to finish your CSS Sprite navigation bar. Check out the supporting post: www.webdesigncreare.co.uk Category: Education Length: 00:11:24 Tags: .

 

---

Html5 game development tutorial 8 - drawing the background onto the canvas

In this tutorial, we use Javascript to tell the canvas where our background is on the sprite and where to draw it on the canvas. All of the files are on my Minus profile. Check my channel for the links! Category: Education Length: 00:09:30 Tags: .

 

---

How to design & code a css sprite navigation (part 1 of 2)

In our updated video blog, James takes you through the necessary steps to prepare the graphics and initial coding to create a CSS Sprite Navigation for your website design. Check out the supporting post at www.webdesigncreare.co.uk Category: Education Length: 00:04:46.500 Tags: .

 

---

Html5 game development tutorial 9 - drawing the jet

In this tutorial, we begin to draw the jet and set up some other important functions. We also make a game.css file for all of our styling. Ignore the part where I say I'm going rename this tutorial series. Unfortunately, I forgot to save these files before I started my next tutorial. Check out tutorial 10 then check out my Minus profile for the updated files. The links are on my channel! Category: Education Length: 00:08:07.500 Tags: .

 

---

Html5 game showcase: starship shooter

This html5 game was made by Matt from Germany. Since he is a massive Stargate fan, Matt decided to make this game. In the game, you control the spaceship "Odyssey" and are faced with enemies that try to destroy your ship. The game uses localstorage to save the state of the game, the audio element to play sounds, fullscreen api and some other things. If you want to play the game or have questions about how some parts are implemented, just send him a tweet. Twitter: twitter.com Github: github.com Category: Education Length: 00:02:33.750 Tags: .

 

---

Html5 game showcase: fire hawk

Creator: www.youtube.com Link: giraffepi.dothome.co.kr Category: Education Length: 00:01:03 Tags: .

 

---

Html5 game development tutorial 6 - making a jet

If you would like to use these files, make sure to check out my Minus profile. The links are on my channel. Also, I changed the jets a little so that they are not touching the edges at all. Category: Education Length: 00:08:52.500 Tags: .

 

---

Html5 game development tutorial 14 - creating the enemy jet object

In this tutorial, we start making the enemy object. All of the files are on my Minus profile. Check my channel for the links! Category: Education Length: 00:10:28.500 Tags: .

 

---

Html5 game development tutorial 22 - destroying enemy jets

In this tutorial, I teach you how to remove items (enemies) from a list/array. This is a good tutorial for learning purposes, but in tutorial 23 I show you how to recycle enemies rather than destroy them. Recycling enemies proves to be a lot better and prevents flickering. I recommend watching this tutorial for learning purposes and compare the differences in tutorial 23! Tutorial 23 - www.youtube.com Category: Education Length: 00:11:08.250 Tags: .

 

---

Html5 game development tutorial 17 - randomly generating coordinates offscreen

In this tutorial I show you how to make the enemy jet generate offscreen and fly in from the right. Google video: www.google.com All of the files are on my Minus profile. Check my channel for the links! Category: Education Length: 00:06:22.500 Tags: .

 

---

Html5 game development tutorial 11 - creating a jet object

In this tutorial, we create a Jet object. Basically, by creating an object it is much easier and faster to reference the jet in different places within the program. All of the files are on my Minus profile. Check my channel for the links! Category: Education Length: 00:08:00 Tags: .

 

---

Html5 game development tutorial 10 - creating the draw interval

**Ignore what I said about changing this tutorial series name. It is staying the same** In this tutorial, we set up a couple of different functions as well as the drawing interval. All of the files are on my Minus profile. Check my channel for the links! Category: Education Length: 00:08:03.750 Tags: .

 

---

Html5 game development tutorial 21 - automated enemy spawning - part 3

In part 3, we make the enemy jets spawn automatically by themselves! Category: Education Length: 00:12:09.750 Tags: .

 

---

Html5 game development tutorial 16 - randomly generating coordinates

In this tutorial, I show you how to make the enemy jet randomly appear somewhere on the canvas! All of the files are on my Minus profile. Check my channel for the links! Category: Education Length: 00:05:25.500 Tags: .

 

---

Html5 game development tutorial 15 - making the enemy jet move

In this tutorial, we finally get to move the enemy jet by itself! All of the files are on my Minus profile. Check my channel for the links! Category: Education Length: 00:05:26.250 Tags: .

 

---

Html5 game development tutorial 23 - recycling enemy jets

In this tutorial, I teach you how to recycle enemies instead of destroying them. Very important! Category: Education Length: 00:12:10.500 Tags: .

 

---

Html5 game development tutorial 19 - automated enemy spawning - part 1

In this tutorial,we finally get started on making an automated enemy spawning system! All of the files are on my Minus profile. Check my channel for the links! Category: Education Length: 00:15:32.250 Tags: .

 

---

Html5 game development tutorial 13 - controlling the jet

In this tutorial, we finally make the arrow keys and WASD keys control the jet! All of the files are on my Minus profile. Check my channel for the links! Category: Education Length: 00:15:28.500 Tags: .

 

---

Html5 game development tutorial 5 - making a background

All of the files are on my Minus profile. Check my channel for the links! Category: Education Length: 00:11:45.750 Tags: .

 

---

Html5 game development tutorial 18 - request animation loop

In this tutorial, we change the drawInterval into a requestAnimationLoop which is the better one to use for animations. All of the files are on my Minus profile. Check my channel for the links! Category: Education Length: 00:12:41.250 Tags: .

 

---

Html5 game development tutorial 12 - creating key events

In this tutorial, we create a couple of functions to determine which keys are pressed. All of the files are on my Minus profile. Check my channel for the links! Category: Education Length: 00:10:21.750 Tags: .

 

---

Html5 game development tutorial 26 - exploding enemies

In this tutorial, I show you how to create an explosion when a bullet hits an enemy! Category: Education Length: 00:16:23.250 Tags: .

 

---

Html5 game development tutorial 20 - automated enemy spawning - part 2

In part 2 of this little section, we create the draw function for all of the enemy jets. Category: Education Length: 00:12:52.500 Tags: .

 

---

Sass/scss und compass - stylesheets im griff! - andré laugks beim mmt 29

Auf Grund der von Browsern unterstützen Standards wie beispielsweise CSS3, wird die Frontend-Entwicklung immer komplexer. Wie wäre es also, mit einem Framework über Includes modulares CSS zu generieren oder CSS-Eigenschaften über Funktionen, Variablen und Mixins zu kreieren? Während einer Livecoding-Präsentation soll "normales" CSS einer Miniseite zu SCSS/Compass mit automatischer CSS-Sprites-Generierung weiterentwickelt und so die Vorteile dieser Technologie sofort und klar sichtbar gemacht werden. +++ Linkliste +++ Vortrag von André Laugks: mmt29.multimediatreff.de Folien/Slides zum Vortrag: www.slideshare.net Kontakt: www.xing.com Category: Education Length: 00:43:10.500 Tags: .

 

---

Html5 game development tutorial 24 - creating a bullet object - part 1

I had to split up this video into two parts. In this part, we begin to create the bullet object! Part 1: You are currently watching. Part 2: www.youtube.com Category: Education Length: 00:14:38.250 Tags: .

 

---

Css3 multiple backgrounds

In this week's web design video blog, Nick and I talk about a new feature in CSS3 - multiple backgrounds. In addition to explaining how to use them, we also ask if it's time to start utilising them. You can check out the supporting blog post at www.crearedesign.co.uk Category: Education Length: 00:02:11.250 Tags: .

 

---

Setting up cloud9 ide part 1 - introduction to cloud9

This is the first video in a short series about how to get started with Cloud9 IDE. It's an online, in-browser development environment mainly used for JavaScript and web development. Part 1: You are currently watching. Part 2: www.youtube.com Part 3: www.youtube.com Cloud9: c9.io Website gyrostorm.com Twitter twitter.com Minus: gyrostorm.minus.com Category: Education Length: 00:11:19.500 Tags: .

 

---

Javascript tips and tricks - getting mouse coordinates

How to get the x and y position of the mouse coordinates. Category: Education Length: 00:09:12.750 Tags: .

 

---

Setting up cloud9 ide part 3 - connecting to your website with ftp

In part 3 I show you how to connect Cloud9 to your website's FTP server! Remember, do not try to go to html5gamedev.comli.com. I took it down because I only used it for testing purposes during this 3 part setup series. Part 1: www.youtube.com Part 2: www.youtube.com Part 3: You are currently watching. 000Webhost Signup: www.000webhost.com Cloud9: c9.io Website gyrostorm.com Twitter twitter.com Minus: gyrostorm.minus.com Category: Education Length: 00:15:57.750 Tags: .

 

---

Google i/o 2011: html5 showcase for web developers: the wow and the how

Eric Bidelman, Arne Roomann-Kurrik We'll share the strengths and extents of HTML5, showing magnificent demos of bleeding-edge features in Google Chrome. Digging into high-fidelity graphics, performance, and system integration, we'll break each demo down on the big screen to show how it was constructed. Then we'll show you how to use Chrome to its full potential in your own projects. Category: Science & Technology Length: 00:45:17.250 Tags: .

 

---

Setting up cloud9 ide part 2 - creating a website

In part 2 I show you how to setup a website using 000webhost. Part 1: www.youtube.com Part 2: You are currently watching. Part 3: www.youtube.com 000Webhost Signup: www.000webhost.com Cloud9: c9.io Website gyrostorm.com Twitter twitter.com Minus: gyrostorm.minus.com Category: Education Length: 00:07:59.250 Tags: .

 

---

Dreamweaver cs5 / cs 5.5 tutorial: creating a horizonal spry menu bar using css 3

Dreamweaver cs5 / cs5.5 tutorial: Creating a Horizonal Spry Menu Bar using CSS 3 Category: Education Length: 00:10:50.250 Tags: Adobe Photoshop .

 

---

<< | 1 | >>