Media & Technology Tutorials
Guidelines For Creating Your Own Icon Set
Iconography is an integral part of any UI design project these days. Icons have the ability to communicate ideas, functions and meanings in a common visual language.
Let’s examine the amount of work that goes into creating an icon set, as well as the logical phases to follow when doing so. For the purpose of this article we’ll work...
Special Characters in HTML
To make special characters and accented letters show up on your pages, use a special set of codes called character entities, which you insert into your HTML code and which your browser will display as the corresponding symbols or characters you want.
CSS: Media Queries for Standard and Mobile Devices Compatibility
Media queries is a CSS3 extension to media types that allows us far greater control over rendering across different devices than do media types alone.
Make a Tower Defense Game in AS3: Aim and Fire
Hey Flash developers! In this tutorial series we are going to go through the process of developing a very basic Tower Defense game. In this first part of the series, we’ll learn how to deploy turrets on the game field, give them the ability to aim at an object (in this case, the mouse) and make them fire particles.
Final Result Preview
Once...
Why Bother With jQuery? A Guide for (Former) Flash Developers
If you, like many Flash developers, are looking into using HTML5 for your web apps, you’ll almost certainly have come across jQuery. It’s a very popular JavaScript library, used by a large percentage of the most visited websites – but what’s all the fuss about, and should you use it?
Background
If you know AS3, you basically...
Orman Clark’s Chunky 3D Web Buttons: The CSS3 Version
Today we’ll be making some awesome CSS3 buttons! They’re based on the popular PSD freebie Orman Clark made for his website Premium Pixels. We’ll try to make a CSS copy of them, as precisely and with as little HTML markup as possible.
Editor’s Note: Orman has sportingly allowed us to CSS-ify any of his Premium Pixel freebies...
CSS Specific for Internet Explorer
Autor: Web Designer Wall
Source: Web Designer Wall
As much as we don't like to deal with the IE bugs, we still have to face it because your boss and visitors are still using Explorer. It gets frustrating when different versions of Explorer displays web pages differently due to the inconsistent rendering engine. We typically use IE conditional comments to fix the IE issues. But there are more ways than the conditional comments...
Add a Touch of Realism to Your Google Maps
Using the Google Maps API is one of the most popular (if not the most popular) way to show geo-locations on today’s websites. In this tutorial I’ll demonstrate how I give my google maps a more realistic look and I’ll give you some tips on how to make your own maps really shine!
Step 1: Warming Up
Our aim is to give the map a...
Twitter Bootstrap 101: Introduction
Twitter’s Bootstrap is an excellent set of carefully crafted user interface elements, layouts, and javascript tools, freely available to use in your next web design project. This video series aims to introduce you to Bootstrap; taking you all the way from downloading the resources, to building a complete Bootstrap-based website.
When Mark...
Webinar - Professional Networking 101 with Lewis Howes
Autor: Lewis Howes
Source: Talent.me
Getting your dream job is already very difficult and given this economy the job search process is only getting tougher. Networking to get to the right leads has never been as important as it is in this market.
Top 25 Example-Based Photoshop Tutorials of 2011
Autor: Lilian Rigo
Source: Template Monster
We all know that Photoshop has a daunting learning curve – you need to get the hold of many tricks and techniques to get the feel of this mainstay design software and start performing like a pro artist. In our effort to feature the most interesting tutorials for the creative community of graphic designers, digital artists as well as casual enthusiasts, TemplateMonster blog team now brings the list of top 25 Photoshop tutorials of the year 2011.
Building a jQuery Mobile Theme With Adobe Fireworks
Autor: Tom Green
Source: Webdesigntuts+
Tutorial Details:
- Difficulty: Easy
- Platform: jQuery Mobile, Fireworks
- Language: Not Applicable
- Software used: Dreamweaver CS5, Fireworks
- Estimated Completion Time: 17 min
In this tutorial I’ll demonstrate how easy it is to create a jQuery Mobile theme in Fireworks, preview the theme, and move it into an HTML5 jQuery sample in Dreamweaver CS 5.5.
CSS - Sexy Music Album Overlays
Autor: Komodo Media
Source: Komodo Media
Tutorial Details:
- Difficulty: Easy
- Platform: Not Applicable
- Language: CSS3
- Software used: Any rich text editor
- Estimated Completion Time: 30 mins
It’s the social web now. We share everything, from our musical tastes, to the bacon avocado burger we ate for breakfast, to the very funny things we say and do.With amazing APIs such as the ones offered by Last.fm, Twitter, Flickr and more, we can now put them all on our sites, showing close to real-time updates of the music we are listening to, conversations we are having, and the things we are seeing.
Backing up Your Website: The Ultimate Guide
Autor: Andrew Gladwin
Source: Webdesigntuts+
Tutorial Details:
- Difficulty: Easy
- Platform: Website backup
- Language: Not Applicable
- Software used: FTP software, cPanel, Cloud/Dropbox, Rsync, Backup Machine, Dropmysite, Codeguard
- Estimated Completion Time: Not Applicable
If you’re serious about your work, I’m sure you have a well-thought-out backup system that you run as if your income depends on it. An external hard drive, offsite backup, online backup, whatever. For a freelancer, it’s the ultimate insurance plan.
Flash Actionscript - Squeezing More Juice Out of the Flash Player
Autor: Mark Dunne
Source: Activetuts+
Tutorial Details:
- Difficulty: Intermediate
- Platform: Flash (Flash Player 10.1)
- Language: AS3
- Software used: Flash Professional CS4+, FlashDevelop
- Estimated Completion Time: 60 mins
In this tutorial you’ll build an extreme particle system whilst learning how to squeeze more efficient goodness out of the Flash Player than you ever thought possible!



More