Design

Facebook Twitter

Mozilla Launches Thimble, A Web-Based Code Editor For Teaching HTML and CSS. Mozilla, the non-profit organization behind the popular Firefox browser, just announced the launch of Thimble, its latest project to teach more users how to build their own web pages.

Mozilla Launches Thimble, A Web-Based Code Editor For Teaching HTML and CSS

Thimble, which is part of Mozilla’s recently launched Webmaker project, is meant to help novice users write and edit basic HTML and CSS right in a web-based code editor. The service features instant previews and also lets its users host their finished pages on a Webmaker domain with just one click. Users can start from scratch or choose one of over a dozen projects and learn how to code them by hand.

Part 07 - Understanding and Using Cascading Style Sheets | Classroom: Basic Site Layout and Navigation in Dreamweaver. Share this Episode Please select a language: Autoplay End of Video Show End Screen.

Part 07 - Understanding and Using Cascading Style Sheets | Classroom: Basic Site Layout and Navigation in Dreamweaver

JavaScript

Steps to becoming a front-end web developer. There are a few things you have to know in order to be a front-end web developer.

Steps to becoming a front-end web developer

Where to start and what to learn. This guide will take you through the steps of becoming a front-end web developer. 30 Days to Learn Adobe Illustrator. New to Vectortuts+, or still learning the ropes with Illustrator?

30 Days to Learn Adobe Illustrator

If you've always wanted to learn but never had the time or the resources, check out the new course from Tuts+ Premium: 30 Days to Learn Adobe Illustrator. Over the course of one month you'll go from complete beginner to working confidently with vector files. Read on to get a quick overview of what the course includes. Over 4.5 hours of video lessons Adobe Illustrator is a powerful and popular tool for illustrators and designers, but can be intimidating if you’ve never worked with vector before. Adobe Illustrator and vector tutorials, from beginner to advanced. Vectips - Illustrator tips, tricks, and tutorials. Tutorial Blog :: Tutorials for Wordpress, Photoshop, Web Design and More.

Photoshop Tutorials | Photoshop Lady. How To Build A WordPress CMS Theme – Part 1: Theme Basics. I’ve had several requests lately for books, blogs and how-tos on how to build a WordPress theme, specifically one that has no blog or is mainly needed for a large multi-sectioned website.

How To Build A WordPress CMS Theme – Part 1: Theme Basics

I love WordPress, and although I hate writing tutorials, especially really really long ones, I thought this would be a great opportunity to not only help WordPress beginners out, but to also show everyone else why I think WordPress really is the best platform out there – for everything but eCommerce. This tutorial is going to be split over several weeks, in several parts, and several chapters. At the end of the entire series, I’m going to offer the whole thing for download as a PDF book.

So let’s get started! Step-By-Step: Turning A Design Responsive in WordPress, Part 1. I’ve been dying to try out a real responsive design for awhile now on my site, but didn’t feel like recoding the whole thing.

Step-By-Step: Turning A Design Responsive in WordPress, Part 1

Thankfully, I was able to beg bribe get the fantastic Paul Maloney to redesign my site for me, which gives me the perfect excuse to try out all the new bells and whistles. And what better way to learn than to write about it as I go along? How To Code A Simple Website From Scratch Part 1: Preparing the Design. I thought it would be helpful to some of our beginning XHTML/CSS coders (and some seasoned ones who need to brush up) to show how I code a website from beginning to end.

How To Code A Simple Website From Scratch Part 1: Preparing the Design

We’ll do this in a 3 part series; Part 1: Preparing the Design, Part 2: The HTML and Part 3: The CSS. I’ll show you a quick way to code every one of your websites, including validation and slicing of the design itself. Start With The Design. A Beginner’s Guide to Web Development. CSS Sprites: Image Slicing’s Kiss of Death. Back when video games were still fun (we’re talking about the 8-bit glory days here), graphics were a much simpler matter by necessity.

CSS Sprites: Image Slicing’s Kiss of Death

Bitmapped 2-dimensional character data and background scenery was individually drawn, much like today’s resurgent pixel art. Hundreds and later thousands of small graphics called sprites were the building blocks for all things visual in a game. As game complexity increased, techniques developed to manage the multitude of sprites while keeping game play flowing. One variation saw sprites being plugged into a master grid, then later pulled out as needed by code that mapped positions of each individual graphic, and selectively painted them on the screen.

And what does this have to do with the web? 40 Arresting Adobe Fireworks Tutorials. Adobe Fireworks is a bitmap and vector graphics editor, aimed at web designers with features such as slices, ability to add hotspots etc, useful for creating and optimizing web graphics and create web pages with good finish.

40 Arresting Adobe Fireworks Tutorials

If you are interested to learn, here we bring you 40 best tutorials on Adobe Fireworks for any level, whether you beginner or advanced this list would be handy for you to learn something new here… How to convert your image to line art with Fireworks In this tutorial you are going to learn how to apply find edges effect to an image using Fireworks.