background preloader

CSS Tutorial

CSS Tutorial

15 sites web developers and designers should know Creating a good website isn't an easy task, but there's a few tools that can definitely make your developer or designer life easier. In this article, I have compiled 15 extremely useful website that any web developer or web designer should have bookmarked. ColorCombos When designing a website, one of the firsts (and most important) steps of the process is to choose a color scheme. LIpsum Who doesn’t know the extremely popular Lorem Ipsum text? What the font? You just saw a logo or website using a particular font and you enjoyed it. ConvertIcon Favicons are a must have for any website, mostly because on modern browsers as such as Firefox, it is displayed along with the site name in tabs. BgPatterns background Patterns is definitely one of the current webdesign trends. HTML Encoder Do you display code on your website? Test Everything Sprite Generator CSS Sprites is definitely a great technique to use, mainly because it reduces the number of HTTP requests. Load Impact IconFinder TypeTester CSS Tidy

How to Design a Two Column Layout for Your Website Using CSS 2 Columns Using Float, with Optional Header and Footer by Christopher Heng, thesitewizard.com There are many ways to create a two column layout using Cascading Style Sheets (CSS). This article takes you through the steps of using one method. Prerequisites For you to be able to use this article, you need to be able to code directly in both HTML and CSS. My tutorials for the free web editors KompoZer and Nvu may also be used to create 2 column sites, albeit not using CSS. Note that you do not have to be an expert in writing HTML or CSS code. Using Float to Define 2 Columns While there are many methods of using CSS to create a two-column site, this tutorial uses the float property to move one column to the side of another. Compatibility The two-column CSS given here has been tested to work on Internet Explorer 6 and 7, Firefox, Opera, and Safari. The HTML Code for a Basic 2 Column Website The HTML part of the code is fairly simple. The CSS code for this is simple. Miscellaneous Matters Conclusion

CSS tutorial Table of contents Introduction CSS is a formatting language, used to provide more customised web pages and make it easier to make multiple pages use the same style. The acronym stands for Cascading Style Sheets. All current browsers can handle CSS, and it is the best Web page formatting language produced to date. Some very popular browsers do not handle it as well as they should (see the section on browser problems) but largely support is good and developers are tending to use it much more often. Using CSS, you can define colours, backgrounds, borders, margins, alignment, fonts, sizes and loads of other things for almost any part of your web pages. The word cascading describes many of the features of CSS. Each element can be in a class. One of the features of CSS is that if the browser does not understand something, it will ignore it and move on to the next attribute. Opera has some of the most comprehensive CSS support of any browser. Adding CSS to a page Using comments Dealing with XHTML em

36 Resources to Learn HTML5 from the Beginning | Resources HTML5 is buzzing in web design community and making an excitement, as the offered features open many possibilities in creating web pages and web apps. However, HTML5 has many new tags and specifications compare to HTML4, which is often makes some people, particularly beginners, get confused and feel intimidated. So, in this post we try to collect the best sources where you can start learning HTML5 from the very beginning. HTML5 Introduction We will be starting from introduction to HTML5 and its features. A Preview of HTML5 In this article, Lachlan Hunt of a List Apart presented a brief introduction to some of the major features in HTML5. HTML5 Features: What You Need to Know Taken from the source; Remy Sharp talks you through the major changes in the latest version of HTML, and reveals what HTML5 features we’ll all be using very soon A Brief History of HTML5 Jeffrey Way presented an in-depth history of HTML5. HTML5 in WikiPedia Why We Should Using CSS3 and HTML5 Today. What is HTML? HTML5 Audio

Stu Nicholls | CSSplay | Experiments with cascading style sheets | Doing it with Style RSS Tutorial for Content Publishers and Webmasters for Content Publishers and Webmasters This tutorial explains the features and benefits of a Web format called RSS, and gives a brief technical overview of it. It also includes information on a similar format called Atom. The reader is assumed to have some familiarity with XML and other Web technologies. It is not meant to be exhaustive; for more information, see the ‘More Information about RSS’ section. Introducing RSS Think about all of the information that you access on the Web on a day-to-day basis; news headlines, search results, “What’s New”, job vacancies, and so forth. Most people need to track a number of these lists, but it becomes difficult once there are more than a handful of sources. RSS is an XML-based format that allows the syndication of lists of hyperlinks, along with other information, or metadata, that helps viewers decide whether they want to follow the link. What’s in a feed? A feed contains a list of items or entries, each of which is identified by a link. No! <? <? Atom

How to Create Rounded Corners for Your Box Borders in CSS How to Use Border-Radius to Create Rounded or Curved Corners by Christopher Heng, thesitewizard.com If you were to create a rectangular box outline around the content on your web page using Cascading Style Sheets (CSS), the default is that your box borders will have pointed right-angled corners. To get rounded corners for the box, many webmasters in the past have resorted to using images to give the appearance of curved corners. This article shows you how to achieve the same effect using CSS. Who is This Article For? This article is written for someone who knows how to work directly with HTML and CSS code. If you don't have a website, and are reading this article just to get the feel of things, it's best to start by reading How to Make / Create Your Own Website: The Beginner's A-Z Guide instead. Rounded Corners Using CSS 3's Border-Radius The CSS property for creating rounded corners is known as border-radius. Let's take a look at an example box using the border-radius property (below).

CSS3 . Info - All you ever needed to know about CSS3 Dive Into HTML5

Related:  mutianWebsite design