Math in HTML (and CSS) - presenting mathematical expressions on Web pages
Typesetting math: 100% How to present mathematical expressions using a language that has so little markup for them? Web authors often need resort to images, but there are more flexible approaches, like MathJax. Moreover, if you need just some special symbols or simple expressions, a lot can be done in HTML, assisted with style sheets (CSS).
Learn CSS Positioning in Ten Steps: position static relative absolute float
1. position:static The default positioning for all elements is position:static, which means the element is not positioned and occurs where it normally would in the document. Normally you wouldn't specify this unless you needed to override a positioning that had been previously set.
60 High Quality Free Web Templates and Layouts
In terms of creating a website (corporate or personal) it don’t have to be coded from scratch anymore. That means you probably don’t have to start from a blank .PHP, .CSS or .HTML document. Thanks to many kind and generous designers / developers, high quality web templates are distributed freely over the Internet. Even if you are not too familiar with web designing, you too can have a professionally looking website. All you need to do is find a suitable template, tweak the designs and styles, pump in your contents. There are tonnes of templates sites out there, that makes searching for a free yet high quality templates hard and tedious, so we attempted to collect and showcase you some of really good ones.
CSS Gradient Text Effect
Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Safari, Opera, and even Internet Explorer 6.
HTML and CSS tutorials
printer friendly version Note: if you came here through a search engine looking for premade designs to use on your website, proceed to designs. This is a turorial on how to code a layout yourself. If you're just starting out with HTML, you might wonder how to make div or table layouts.
Background
The background of your website is very important, so please spend some time with this tutorial. If you are aiming for a professional website, a good rule of thumb is to use a light background with dark text. However, if you're just making a website for pleasure, then any kind of color combination is acceptable. With CSS, you are able to set the background color or image of any CSS element.
PHP for Beginners: Building Your First Simple CMS
The Magic of PHP + MySQL It’s safe to say that nearly every website that’s up-to-date these days is using some form of content management system (CMS). While there are a ton of great free options that provide us with a CMS to power a website (WordPress, Drupal, etc.), it doesn’t hurt to peek under the hood and get a feel for how these systems work. To get our feet wet as back-end developers, we’ll be creating a simple PHP class that will:
CSS for Accessibility
W3C Note 6 November 2000 This version: (plain text, PostScript, PDF, gzip tar file of HTML, zip archive of HTML) Latest version: Previous version:
CSS Tutorial: Layout a Page with CSS - Part 1
In Part 1 we created a classic two-column layout with left side navigation using CSS and only a few types of HTML tags. Part 1 presented the code for the page and explained what HTML tags we were going to use. Now we will look at the actual HTML code used so far and the CSS. Our page so far is really very simple. As you may already know, all the content (text, images, Flash etc) that the user sees when viewing a web page is marked-up/coded with HTML in-between the <body> and </body> tags*.
Clearing a float container without source markup
(This clearing technique was developed by Tony Aslett, of csscreator.com. The earliest known mention of the basic :after idea is found here.) Notice as of March 4th, 2008: The article you are reading is getting a bit old and much new information on the subject of clearing has appeared since it was written.
Less Framework 4
I called Less Framework "a CSS grid system for designing adaptive websites". It was basically a fixed-width grid that adapted to a couple of then popular screen widths by shedding some of its columns. It also had matching typographic presets to go with it, built with a modular scale based on the golden ratio. The resources it was originally published with are still available on GitHub. Contrary to how most CSS frameworks work, Less Framework simply provided a set of code comments and visual templates, instead of having predefined classes to control the layout with. This is how I still work today and definitely a method I advocate.
Advanced CSS Layouts: Step by Step
Abstract The Challenge: Replicate WebRef's front page using CSS. The Solution: CSS and lots of iterations. Rogelio Lizaolo improves on Kwon Ekstrom's CSS version of WebRef's tabled home page.
Learn Vim Progressively
tl;dr: You want to teach yourself vim (the best text editor known to human kind) in the fastest way possible. This is my way of doing it. You start by learning the minimal to survive, then you integrate all the tricks slowly. Vim the Six Billion Dollar editor Better, Stronger, Faster. Learn vim and it will be your last text editor.