10 Tutorials Websites To Sink Your Teeth Into

27 04 2011

Web developers are always looking for tutorials websites. I’ve got quite a list of developer tutorials that you can delve into. With these sites, you’ll spend hours learning new code that you can use in your website development. Don’t go anywhere until you try these 10 tutorials websites.

  1. AJAX Tutorials – Web 2.0 is here so you might as well learn how to code for it. These AJAX tutorials will get you started.
  2. ASP.NET Tutorials – If you are a Windows server coder, this website will give you the basics and lead you on to some advanced tutorials.
  3. CSS Atoms – Learn CSS from the bottom up.
  4. HTML Atoms – There’s no better place to learn HTML.
  5. Dot Net Tutorials – This site has more advanced .NET tutorials than any other site around.
  6. JavaScript Atoms – You can try to design a website without JavaScript, but you won’t get far. Learn how to code with JavaScript with easy-to-follow tutorials.
  7. Programming Help – This tutorials website features tutorials on CSS, AJAX, .NET, and many other coding languages.
  8. Photoshop Atoms – You can’t build a website without graphics. Learn how to create stunning graphics with this Photoshop tutorials website.
  9. The Web Made Easy – The tutorials on this website are easy, and fun.
  10. SQL Atoms – Learn SQL the easy and fun way with these awesome tutorials.

I highly recommend these website tutorials. You’ve got a lot to dig into now. Start digging. 🙂


Why CSS Is Necessary

15 04 2011

You already know that HTML is necessary. It’s the basic language of the World Wide Web. But did you know that CSS is necessary? It absolutely is.

CSS is necessary because it takes an HTML document and enhances it across an entire website. It does this by allowing the web developer or website designer the freedom to define certain elements of a website across multiple pages.

For instance, navigational elements are typically common across multiple pages of a website. You can define those elements in CSS. Other elements that can be defined through CSS and that are typically common across multiples pages of a website include:

  • Background features
  • Menus and buttons
  • Font attributes
  • Header and footer attributes
  • Link attributes
  • Wrapper attributes
  • Embedded features

This, of course, is just a short list. There are plenty more website features and attributes that can be defined across multiple pages of a website and CSS is the perfect language for doing that.

Particularly helpful is when you have common features within a single section of your website but that are different from features of other sections. In that case, you’ll need more than one CSS document. Each CSS document defines the features of its respective website section.

You can learn more about CSS and take a few CSS tutorials from one of my favorite websites, CSS Atoms.

Where Did The CSS Tutorials Go?

4 04 2011

CSS tutorials are a great way to learn how to design your websites with style. In fact, CSS stands for Cascading Style Sheets. These are file documents written in code that defines the elements of your web pages across multiple pages. It makes changing certain elements on your web pages easier by allowing you to change the style definitions within the CSS file instead of on every page on which those elements appear.

So where do you go to find suitable CSS  tutorials? Glad you asked.

A site that I recommend is CSS Atoms. At this site you’ll find all kinds of tutorials that are easy to follow and which will teach you the basics of CSS while also giving a few advanced tips. Here is a sample tutorial to whet your appetite.

Borders With CSS Border-Style Property

  • border-style: none;
  • border-style: dotted;
  • border-style: dashed;
  • border-style: solid;
  • border-style: double;
  • border-style: groove;
  • border-style: ridge;
  • border-style: inset;
  • border-style: outset;

Get more information on this CSS border-style tutorial.

Here’s another tutorial for added measure:

Embossed Text In CSS3

  • Create a standard HTML page with Div ID tag
  • Add the CSS style code to define the parameters of your button:
    • background
    • filter
    • border
    • cursor
    • border-radius
    • height
    • position
    • text-align
    • width
  • Define button text parameters
    • font-family
    • font-size
    • font-weight
    • color
    • margin
    • position
    • text-shadow

    Learn more about the Embossed Text CSS tutorial. And there’s plenty more where this came from.

    Know Your Tools

    16 03 2011

    The phrase “the tools of the trade” is one that comes up a great deal when someone is explaining what it is they do for a living. Every vocation, be it seemingly simple or highly complex, has tools of the trade. They might, as well, be simple hand tools or easy-to-operate machinery. They could also be great mechanical beasts that are housed in impossibly-large warehouses, replete with enough moving parts to baffle all but the bravest of engineers. What is important when we talk about tools of the trade is that they are not simply things that are there for your amusement. Not at all, in fact. The tools of your trade, whatever that might be, are there for a singular purpose: to help you get your job done and to help you get it done efficiently. Knowing and respecting your tools, as well as those who use them, is key to success. Knowing how to use them is key to keeping the job.

    When it comes to programming, to building and designing not only proprietary software, but also the experience of the Internet, developers have a great deal of options. There are hundreds of different programming languages available to be used, all with individualized strengths and weaknesses. These faults and strong points set them apart and denote what exactly they can best be used for. Knowing how and when to use HTML, CSS, and JavaScript when designing a web page, for instance can mean a great deal. It can be the difference between building a dynamic site with an engaging aesthetic and designing something that could have been built with, say, Geocities. However, the main point remains: know your tools and respect their uses.

    Untold Power

    7 03 2011
    Web development and the building of functional web sites is an interesting endeavor. One worthy of contemplation and a second thought, to be sure. Some people, most people, in fact, see it as a rather straightforward and steadily boring job. You fool around with lines upon lines upon lines of endless gibberish code so that a website can go up after a great deal of toil. If you hold such a belief, that is rather unfortunate. Sure, there are lines of redundant code at times. However, you have to know that it takes an eye and an instinct for what works, design-wise, to be an effective programmer or developer. You have to know what looks good with what, how to organize and store and display information in an accessible and effective manner, and at once you have to make the site functional, good-looking, and worthy of a repeat visit. There is a lot more that goes on than the general public would readily expect. 

    What’s more is, it is getting simpler to do. Sure, you need to have the rudiments and the basics down if you wish to build something worthwhile, but software exists now that lets the average user build complete, functioning pages. One such program is Adobe Dreamweaver. This program allows you to build dynamic, 21-century web sites that catch the eye. You can design a website visually and with code, thanks to a new CSS starter feature in conjunction with Adobe’s Fireworks program. Visually-striking, content management, browser preview comparisons, and social media integration are just a few of the features that make Dreamweaver and effective tool for programmers, developers, and beginners alike.

    On the World Wide Web Consortium…

    26 01 2011

    Often spoken about, but never really understood — sort of like an ephemeral “computer illuminati” of sorts — the W3C is, indeed, your go-to source for the latest trends & developments in HTML & CSS coding.

    No developer worth his/her weight would ever dream of not participating/consulting in the W3C!

    The World Wide Web Consortium (W3C) was founded by Tim Berners-Lee after he left the European Organization for Nuclear Research (CERN) in October, 1994. It was founded at the Massachusetts Institute of Technology Laboratory for Computer Science (MIT/LCS) with support from the European Commission and the Defense Advanced Research Projects Agency (DARPA), which had pioneered the Internet (unfortunately, though, the DARPA did not contain Al Gore!).

    W3C was created to ensure compatibility and agreement among industry members in the adoption of new standards. Prior to its creation, incompatible versions of HTML were offered by different vendors, increasing the potential for inconsistency between web pages. The consortium was created to get all those vendors to agree on a set of core principles and components which would be supported by everyone.

    The domain w3.org attracted at least 11 million visitors annually by 2008 according to a Compete.com study.

    The Consortium is governed by its membership, which in August 2009 comprised 322 organizations. The list of members is available to the public. Members include businesses, nonprofit organizations, universities, governmental entities, and individuals.

    W3C also engages in education and outreach, develops software and serves as an open forum for discussion about the Web.

    CSS: A Brief Introduction

    24 01 2011

    What, exactly, is CSS? In a nutshell, CSS — or Cascading Style Sheets — define, in the language of HTML, how to display certain elements.

    When HTML was originally designed, it was meant to define content within a document. However, with the addition of such tags as <font> and various color attributes, HTML became a nightmare for web developers. In response to this nightmare, CSS was developed by the W3C.

    CSS files are often external files — and it’s this external file development that allows you to edit the entire appearance and layout of a website…all at once! CSS eliminates the need for repeated changes throughout various pages, and — unlike many other languages — is cross-browser compatible!

    Let’s begin by discussing some basic elements of CSS — the syntax of the language, for lack of a better word.

    You will note that — much like the English language sentence structure has a subject & predicate — the CSS syntax consists of a selector and a declaration.

    As seen in the above photo, the selector — like the subject of the English language sentence — defines what HTML element you wish to edit. In the example above, the selector is “h1,” or HEADER 1.

    Like the predicate of the English language sentence, the declaration consists of a property and a value, and “tells” the HTML element what, precisely to “do” in each of the webpages. In the example given above, the declaration is “telling” the HEADER 1 to be blue, and to be 12px in size. This value will remain consistent throughout the entire website unless and until the CSS file is edited.

    In the next blog, we will give further examples of CSS syntax, and discuss additional elements within the CSS sheet.