Currently viewing the category:
"Web Development"
Designing layouts in CSS can be a pain, especially for beginners. There is so much to think about and consider, especially when trying to maintain standards, accessibility and browser rendering. Then add all the various ways one can TRY and accomplish various layouts. It can be OVERWHELMING. While the code behind CSS is quite simple [...]
I took the plunge and decided to update to Internet Explorer 7.
I had two immediate thoughts:
It took too long to update and install. Downloading and installing either Firefox or Opera took a heck of a lot less time. It looks a lot like Opera
I initially thought the length of time it took [...]
CSS files can be implemented in one of three ways: Inline, Internal and External.
Inline
Inline styles are used within the <body> tags of a web page. They can be added to any tag within the body. Example:
<p style=”color:blue”>This is a sentence.</p>
This method mixes content elements with presentation elements. It is [...]
How does one actually create a cascading style sheet?
A CSS file is nothing more than a special kind fo text file.
Open Notepad Type
body{
margin : 0;
padding : 0;
font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color : #ffffff;
color : #000000;
}
Click [...]
If you have a child that is interested in web development, there are very few websites geared towards children.
As I was thinking about this, I figured the earliest a child would be capable of doing the basics would be 5th grade with 6th grade being the point where a child could begin to [...]
Cascading Style Sheet optimization can be a confusing topic.
On the one hand it can mean creating CSS files with the least amount of code. On the other, it can mean compressing a style sheet so it loads faster and hence make your website load faster. In reality, the two do go hand in [...]
Validating CSS files ensures conformance to W3C recommendations.
So what?
Heres the deal with code even simple CSS code: cleaner means leaner and more efficient. Validation ensures the css file can be understood by the modern browsers. Being understood by the modern browser means the presentation of your website can be effectively communicated [...]
I was in the middle of writing the series on CSS when the bug to redesign this website hit me. This will be the 5th redesign since I began the site. I really shouldn’t count the first three since I was just learning. The redesign process has taught me some valuable lessons each and every [...]
There are three parts to a CSS statement
selector property value
Each statement is written like the following:
selector {property: value}
There are three kinds of selectors:
elements classes ids
Elements refer to basic HTML tags: a, img, p, body, div, etc.
Classes are defined selectors. A class is defined by a . [...]
Imagine a landscape gardener.
At her disposal are plants, seeds, bushes, trees, timbers, bricks, patio blocks, etc.
All these materials are her CONTENT.
Her job is to take those materials and landscape the yard/garden. In other words, to create presentation. Without her presentation skills, the materials remain in one large unroganized heap.
Style sheets [...]
To create a nested list that is valid according to the xhtml strict specification, such as the one below:
Main List Sub Item Sub Item Sub Item Sub Item Sub Item Sub Item Main List Sub Item Sub Item Sub Item Sub Sub Item Sub Sub Item Sub Item Sub Item Main List Sub Item [...]
Within the body of a webpage, there are seven basic tags. In fact, you could get away with only using these seven tags. A note for beginners: it really can be this simple. A few basic tags and you can create complete web pages.
<div> used to DIVide a web page into sections. DIVs are [...]
Why have a meta description tag? A lot of search engines, particularly Google, will use the meta description tag of a web page in its search results. If one does not exist, they will pull from the content of the web page. This latter approach is fairly random. Having a descirption tag is a far [...]
Ever look at the source code of a web page and find a hideous looking line that looked something like this:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
Technically speaking, you can write web pages without this line of code. However, the communication between your web page and the browser will [...]
Do you want your readers to know what your page is about?
Do you want people reading search engine results to know what your web page is about?
If you answer “No” to these questions, then you should rethink why your on the web.
The title tag places content in the title bar at [...]
The head section of an HTML page provides background technical information about the webpage. It does not appear within the browser window (there is one exception, sorta). Though these elements do not physically appear, they are very important.
<head>
<title>The Title of Your Website</title>
<link>Typically a link to an external style sheet</link>
Every single web page has a basic HTML structure. There are three tags every web page includes: html, head and body. Keep in mind these tags have nothing to do with the layout of a webpage on the screen. They have to do with the technical structure of the HTML code. Think of them as [...]
Creating a website that is error free and standards compliant (well at least as close as possible, I still struggle) provides the following benefits:
increase liklihood of working across all browsers (but not a guarantee) lean clean code – there is nothing worse then creating something and looking back at it months later and thinking [...]
It is difficult to find an easy to use reference for HTML and CSS that is also easy to slip into a laptop bag. No one wants to carry around a 30 pound HTML reference book. The solution: Visibone Card Collection or Browser Book.
Each set contains the following:
basic color palette card [...]
Are you a visual learner?
Do you prefer to watch something instead of reading something?
Do graphical presentations of data help you understand more than text?
If that is the case, then the HTML tutorials at VisualTutorials maybe the thing for you.
In twenty four easy lessons, the basics of HTML are taught and [...]
If you have been poking around looking for HTML tutorials long enough, you have most likely come across W3Schools.
The tutorials at W3Schools are mainly for the beginner. Intermediate and advanced developers will find it a handy reference site.
W3Schools offers numerous tutorials related to the Web. No matter the tutorial chosen, they all [...]
HTMLDOG is a great place for beginners to learn HTML and CSS. The site is setup according to a series of levels: Beginning, Intermediate and Advanced. There is a HTML guide and a CSS guide for each level.
Here is a rough outline of what is covered in each guide:
HTML Beginners Tags Attributes [...]
XHTML stands for eXtensible HyperText Markup Language. Yes I know, that means nothing to the beginner.
Lets looks at it this way. HTML is the code used to create web pages. XHTML is the next incarnation of HTML. At the core level there is little difference. However, XHTML brings with it a new set [...]
Shoemoney recently posted a list of failures. First, I admire the transparency. Second, beginners can learn from this list.
Below is the list of his failures by title (see the original post for his explanation of each project). Below each is my opinion on possible lessons learned. I have also listed an idea [...]
The first Site Profile is about a site I found not too long ago. I often pay attention to the bottom of webpages to look for “who created this” kind of info. I came across one of the sites she designed (which was a very solid look and feel) and decided to visit her site. [...]
Struggling to Find the Tools You Need to Make Your Website Succeed?
Grab Web Tools Content!
Popular Articles
- Removing Line Breaks/Space Before/After H1 tags
- Free Download Manager for Firefox
- Web Development and Design Tool Recommendations
- .htaccess and WordPress
- Removing Image Borders with CSS
- What does it mean to be pinged
- Graphic Design Tool Resources
- Free Blog Software Recommendation
- How to use cPanel to backup your website
Cool Resources
