Web Design

Facebook Twitter
Congratulations, you're about to take your first steps to becoming a developer! Our team has put together an original learning series that incorporates carefully curated coding tutorials, original hands-on challenges, and super-fun quizzes. In completing each component you will learn an important skill essential to every new coder's success. In this first lesson, you'll learn about HTML, the basic language of the web and how to use it to create a web page introduction of yourself. CODING FOR GOOD

CODING FOR GOOD

Using Javascript to hide and reveal text and graphics by Sean McManus Using Javascript to hide and reveal text and graphics by Sean McManus One of the most useful things you can do with javascript and CSS is to make things appear and disappear when you want to. It means you can focus the user's attention on what's needed at a particular stage of a process (eg e-commerce), or you can create special effects by making text or graphics pop onto the screen instantly. I created a tool that enables people to get their copy of my novel University of Death signed over the internet. This uses the script to good effect to make the 'signed' letter instantly appear. There are lots of javascript and CSS libraries that have features built in to hide and reveal different sections of the page, but they usually carry a heavy download penalty. Unless you wanted to use the library for something else (and something much more difficult, at that), then you're better off adapting this short free script to hide and reveal webpage content.
Image Reveal using jQuery | Image Reveal using jQuery | Yet another twist on my image manipulation kick, I tinkered around with making images larger again. This time, instead of actually enlarging the image, we are enlarging the ‘viewer’ to see more of it. So, we see a snippet of an image, then when we hover over it, the viewer expands so we see it all! Step #1: The Setup Our HTML is actually quite simple today, we are dealing with 4 absolutely positioned images in the body of our page:
Image Reveal using jQuery |
The Introduction Wufoo is a web application that helps anybody build amazing online forms. When you design a form with Wufoo, it automatically builds the database, backend and scripts needed to make collecting and understanding your data easy, fast and fun. Because we host everything, all you need is your web browser and a few short minutes to build a form and start using it right away. While we've collected a few of our favorite features here, the best way to experience Wufoo is first hand.

Wufoo · Online Form Builder!

Wufoo · Online Form Builder!
QR Code Generator: QR Stuff Free Online QR Code Creator And Encoder For T-Shirts, Business Cards & Stickers

QR Code Generator: QR Stuff Free Online QR Code Creator And Encoder For T-Shirts, Business Cards & Stickers

Please Note: Will only work on iPhone and Android devices that have the Skype app installed. 0 chars (max 160) Select your Contact Details QR code type: vCard Format Important: VCARD information embedded in a QR Code will often result in a QR Code too dense for many mobile phones to read. To work around this, we recommend you choose the “link to download” option.
Responsive template are one of the fastest growing trends in web design. No matter what blogging platform you are using for your website- Joomla, WordPress, Blogger, etc…- Responsive design is perfect and useful for everyone, especially if your website have large mobile audiences, because you don’t need mobile version for your website, because the layout of this template type is automatically adapted to any mobile device screen resolutions. Responsive design are great time-savers for creating great and effective website designs. So In this post, I want to show you 30 free and premium HTML / CSS responsive website templates which you can use them for next web design project. 30 Free and Premium HTML/CSS Responsive Website Templates 30 Free and Premium HTML/CSS Responsive Website Templates
Favigen: Favicon Generator - The easiest way to create a favicon for your site

Favigen: Favicon Generator - The easiest way to create a favicon for your site

“The term favicon dates back to 46BC and comes from the Latin . Favicons were originally used by the Romans to identify their bookmarked websites from their favorites list on their primitive browser; historians believe it to have been IE5.5 or possibly IE6.” how to upload a favicon To add the favicon to your site, rename your generated .ico file to "favicon.ico" then upload to your root folder. Then you need to add this between the <head> tags:
PHP Web Design | PHP Website Design | PHP Web Design Company | PHP Website Design Company | Professional PHP Web Design | Dynamic Dreamz PHP Web Design | PHP Website Design | PHP Web Design Company | PHP Website Design Company | Professional PHP Web Design | Dynamic Dreamz It’s not only imperative to echo the vision and strategy of an enterprise through its website but, it is equally important to engage your potential customers and partners into conversation. Such effectual website can be developed using PHP! What is PHP?
Microsoft Windows users Click Start, Settings, Control Panel. Open the Fonts icon by double clicking the icon. Within the Fonts window you will be able to view each of the currently installed fonts as well as install new fonts. 25 Free Fonts for Your Creative Projects | Phire Base - Graphic, Webdesign, Inspiration. Adobe & WP

25 Free Fonts for Your Creative Projects | Phire Base - Graphic, Webdesign, Inspiration. Adobe & WP

30 game scripts you can write in PHP, Part 1: Creating 10 fundamental scripts

30 game scripts you can write in PHP, Part 1: Creating 10 fundamental scripts

Getting started As both a game master/storyteller and a developer, I frequently find myself writing little utilities and scripts to help me when running, planning, and playing games. Sometimes I need a quick idea. Other times, I just need a whole pile of names for Non-Player Characters (NPCs). Occasionally, I need to geek out on numbers, work out some odds, or integrate some word puzzles into a game.
Learn Advanced HTML&CSS with one useful guide. An Advanced Guide to HTML & CSS takes a deeper look at front-end design and development, expanding on what is covered in the beginner’s guide. Studying modern front-end development, this guide teaches the latest for any designer looking to round out their front-end skills. Learn Advanced HTML & CSS Created by Shay Howe An Advanced Guide to HTML & CSS is written by designer & front-end developer Shay Howe.

An Advanced Guide to HTML

A Web Developer’s Guide to Photoshop — Rafal Tomal This is a simple guide for all front-end web developers who are not familiar with Adobe Photoshop to help you make your job easier. For the rest of you who already know Photoshop, I have some tips and tricks that might help you improve your entire coding process. I think web developers should know as much about design as designers know about HTML/CSS. The designers who send you their PSD usually spend hours on choosing the right colors, designing spacing, typography and all visual effects.
108 Best Photoshop Web Designs Layout Tutorials
Background design

Social media

Codecademy Labs

Codecademy Labs is a place for you to program in Ruby, Python, and JavaScript online without downloading a code editor or IDE. Share your programs with friends and use your knowledge from Codecademy lessons! Want to learn more about these languages? Sign up for Codecademy to take lessons in JavaScript and to be notified when Python and Ruby lessons are online. Create an account
Design

Graphics

Frameworks

Design

Batik SVG Toolkit
Cascading Style Sheets, level 1
CSS DropDown Menu Tutorial Page 2
HTML5 Presentations To Help You Get Started with HTML 5
HTML Tutorial - Layouts
Essential Best Practices And Guidelines That Every Web Developer Should Know About
Redirect Mobile Devices
Bulletproofing Your Firefox For Web Design
PHP

jQuery

Javascript

Beginners JavaScript Tutorial - Javascript Training CD - JS Tuition
Template Beauty