Category Archives: Coding
16
May /10
 |
May 16th, 2010 4,858 Comments »
Today we are glad to release two useful cheat sheets that will help you quickly look up the right CSS 2.1-property or an obscure CSS 3 property. The style sheets contain most important properties, explanations and keywords for each property. The help sheets were created by GoSquared and released for Smashing Magazine and its readers.
Download the cheat sheets for...
|
07
May /10
 |
May 7th, 2010 5,140 Comments »
As already known, with CSS3 animations is possible animate objects even without Javascript or Flash. I had the chance to experiment a bit with animation properties in a recent work. This made me better understand the logic behind the animations.
We are going to see a step by step tutorial and how to apply it on a ...
|
05
May /10
 |
May 5th, 2010 4,967 Comments »
Open-source content management systems (CMS) are a large family of Web applications, but if we’re looking for stability, performance and average technical requirements, we’ll come up with a handful of options. In the past, choosing the “right” CMS was a matter of the project’s requirements, but now this is not completely valid because the paradigm of extensibility had driven the...
|
03
May /10
 |
May 3rd, 2010 4,166 Comments »
CSS3 is probably the hottest trend in web design right now, allowing developers the opportunity to implement a number of solutions into their projects with some very straightforward CSS while avoiding having to resort to nonsemantic markup, extra images, and complex JavaScript. Unfortunately, it’s not a surprise that Internet Explorer, even in its most recent...
|
29
April /10
 |
April 29th, 2010 4,983 Comments »
Download here
wanted a sweet & simple custom tooltip, but nothing I found seemed to be smart enough for what I needed. I needed a custom tooltip that behaved just like the browser tooltip, and that is exactly what TipTip does!
TipTip detects the edges of the browser window and will make sure the tooltip stays within the...
|
24
April /10
 |
April 24th, 2010 4,879 Comments »
CSS has become the standard for building websites in today's industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between programming and design, and any Web professional must have some general knowledge of it. If you are getting your feet wet with CSS, this is the perfect time to fire...
|
17
April /10
|
April 17th, 2010 5,056 Comments »
Attributes provide additional information about HTML elements.
HTML Attributes
HTML elements can have attributes
Attributes provide additional information about the element
Attributes are always specified in the start tag
Attributes come in name/value pairs like: name="value"
Attribute Example
HTML links are defined with the <a> tag. The link address is provided as an attribute:
[code lang="xml"]
<a href="http://www.gfxway.com">This is a link</a>
[/code]
Always Quote Attribute Values
Attribute values should always...
|
09
April /10
|
April 9th, 2010 4,657 Comments »
An HTML element is everything from the start tag to the end tag:
Start tag * - Element content - End tag *
<p>
This is a paragraph
</p>
<a href="default.htm" >
This is a link
</a>
<br />
* The start tag is often called the opening tag. The end tag is often called the closing tag.
HTML Element Syntax
[code lang="xml"]
<html>
<body>
<p>This is my first paragraph</p>
</body>
</html>
[/code]
The example above...
|
05
April /10
|
April 5th, 2010 4,994 Comments »
Don't worry if the examples use tags you have not learned.
You will learn about them in the next chapters.
HTML Headings
HTML headings are defined with the <h1> to <h6> tags.
Example
[code lang="xml"]
<h1>This is a heading h1</h1>
<h2>This is a heading h2</h2>
<h3>This is a heading h3</h3>
[/code]
it will look like
This is a heading h1
This is a heading h2
This is a heading h3
HTML Paragraphs
HTML paragraphs are...
|
05
April /10
|
April 5th, 2010 4,872 Comments »
Previous Chapter »
What You Need
You don't need any HTML editor
You don't need a web server
You don't need a web site
Editing HTML
In this tutorial we use a plain text editor (like Notepad) to edit HTML. We believe this is the best way to learn HTML.
However, professional web developers often prefer HTML editors like FrontPage or Dreamweaver, instead of writing plain text.
Create Your...
|