background preloader

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design
If you want to start learning web design and development any time soon, you can start from these high quality resources. Most of the sites have been around for a while, have accumulated numerous tutorials on various topics on HTML/CSS, Photoshop, PHP/MySQL, Javascript/jQuery/AJAX and Flash. Start learning or polishing off your design skills now Add This Post to Your Delicious 1. W3Schools: Online Web Tutorials At W3Schools, you can study everything you need to learn, in an accessible and handy format. 2. Yoobee Online now offer their introduction to HTML & CSS short course online. Introduction to HTML5 & CSS3 3. Quackit teaches beginners how to create websites. 7. HTMLlite will show you how to easily create web pages with your favorite text editor. 9. Tutorials on EchoEcho are structured into three sections. 10. Sergey Gribov‘s website offers a quick start on web technologies. 11. Jessett covers such topics as usability, graphic design, html, css, dhtml and more. 19. 20. 22. 25. 27. 28.

http://www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

Related:  HTML/CSS/Web DesignTutorial_web

Online Web-design tools for the beginner If you're not an advanced Web designer, and you don't want to pay a company to create a Web site for you, there are services across the Web that can help you create the site you want. All of the tools listed below are designed specifically for beginners. If that's you, give them a whirl. Get your design on Having trouble finding the right color for a portion of your site? Color Wizard will help you determine which color works with your current color scheme. Box-shadow, one of CSS3′s best new features Home / CSS3 Previews / Box-shadow, one of CSS3′s best new features The box-shadow property allows designers to easily implement multiple drop shadows (outer or inner) on box elements, specifying values for color, size, blur and offset. Browser support is growing of late with Mozilla (Firefox), Webkit (Safari/Chrome/Konqueror), Opera and the IE9 Platform Preview all offering a decent implementation of the spec, although Mozilla and Webkit still require their respective -moz- and -webkit- prefixes (note Mozilla Firefox 4.0+ no longer requires the -moz- prefix). Here’s a basic example:

Why Users Fill Out Forms Faster with Top Aligned Labels by anthony on 09/01/10 at 3:48 pm Imagine a user who is really excited about your product or service. They’re ready to sign up, so they go to your form page and start filling out their information. The way you align your labels with your form fields can affect how easy it is for users to fill out the form. Do you want to give users a quick, easy and painless experience or do you want to give them a hassle? If you want to make their experience quick, easy and painless, consider using top aligned labels for your form fields.

The Best Damn Web Marketing Checklist, Period! Marketing a website isn't particularly difficult. It's usually just a matter of knowing what to do, how to do it and having the skills and time to get it done. With that said, marketing a website isn't particularly easy either. There are so many factors and variables in play that at any given time that the job can be quite overwhelming. Obviously I can't address the issue of whether or not you have the skills or time, but I can help you out with the "what to do" piece of the puzzle.

Introduction People often think it is extremely difficult to make a website. That is not the case! Everyone can learn how to make a website. And if you read on, you will have made one in just one hour. Others believe - just as mistakenly - that expensive and advanced software is needed to make websites. It is true that there are lots of different programs that claim they can create a website for you.

5 Common SEO Mistakes with Web Page Titles Page titles are one of the most powerful on-site search engine ranking factors that you have control over but website owners often neglect them. Whether your intention is to improve your search engine visibility or make your website more meaningful and interoperable, you should avoid these five common pitfalls when coming up with page titles. What Are Web Page Titles? CSS, Web Development, Color Tools, SEO, Usability etc. Vitaly Friedman's The Web Developer's Handbook creativity | css galleries & showcases | color tools | color schemes, palettes | color patterns | fashion: colors selection | color theory | royalty free photos | css daily reading | web design daily reading | css layouts | css navigation menus | css techniques | css: software & Firefox Extensions | css-web-tools & services | html-web-tools & services | accessibility checkers | miscellaneous tools | ajax | javascript | DOM | fonts | typography | RSS | CMS | blogging | specifications | usability & accessibility | add a link (free) | seo tools | seo references | howtogetthingsdone | freelancers resources | web2.0 | 2read Advertise here!

beginners · beginners Summary So you want to learn to make websites? This page has a list of articles that are perfect to help you understand the basics. It describes the tools of the trade and a set of link to articles explaining the basics. Writing Better Web Page Titles One of the easiest things you can do to optimize a web page is to write a better title for it. Aside from writing great content, learning how to write better titles is the best thing you can do for your web page. I’ll start with the basics of a page title and then move into more advanced discussion. What is a web page title? Texting before bed can make teens even moodier By Daniel Bates Updated: 12:06 GMT, 8 November 2010 Children who text and email late at night may be damaging their health. Teenagers and children who send electronic messages after they have been sent to bed may have poorer quality sleep and become moody, a study found. Those who were unable to put their phones or laptops to one side were also more likely to be anxious and depressed or suffer learning difficulties. Distraction: Across both sexes, emails and texts woke them up once a night on average and a worrying 77 per cent had persistent trouble getting to sleep The U.S. researchers said that unlike watching TV, which is a largely passive activity, sending emails and texts involved more interaction so kept the brain busy at the time when it should be shutting down.

Notepad.com HTML Tags This is going to be a high-speed HTML Tags tutorial so buckle up your seat-belt. Don't worry yet about creating web page documents. We'll get to that in a few minutes. 10 Principles Of Navigation Design And Why Quality Navigation Is So Critical If content is the heart of every website publication, then navigation is its brain and a fundamental pillar of information architecture design. When dealing with large quantities of content, the critical importance of navigation cannot be overestimated. Content that can’t be found can’t be read. PDFs Become Contextually Amazing With Scribd's Apture Integration The Portable Document Format, or .PDF, sometimes feels silly these days - doesn't it? Sure, they are often pretty - but they feel so static and inflexible. No more! With the new integration of contextual search tool Apture, HTML5-powered PDF viewing and sharing community Scribd now offers a radically new way to read PDFs. Above, you can see an image of my screen while reading a PDF titled The Internet of things: Networked objects and smart devices.

Front-end Style Guides We all know that feeling: some time after we launch a site, new designers and developers come in and make adjustments. They add styles that don’t fit with the content, use typefaces that make us cringe, or chuck in bloated code. But if we didn’t leave behind any documentation, we can’t really blame them for messing up our hard work. To counter this problem, graphic designers are often commissioned to produce style guides as part of a rebranding project.

Related: