skip to main | skip to sidebar
For in-depth discussion of CSS
RSS Feed get the feed about this site main page

recent posts

  • King's Crown to be Made of Chrome?

  • Anti-virus Software: Microsoft Security Essentials

  • Styling Blogger Differently for Single Post vs Multiple Posts

  • CSS Diagonal Menu with Sprites

  • CSS Sprites

  • The Stair Effect: CSS Curved Text Wrap

  • Size and Crop an Image Using CSS

  • CSS Image Grid Using Sprites

  • Fixing IE font-face Quirks

  • Caching Cufon Javascript Files via Apache HTTP Response Headers

  • The Milky Way

  • Same Cufon Font with Different Weights

  • How to Access Your Disk in an Unresponsive Laptop

  • CSS Hover Menu on a Post-it Note

  • CSS Zen Garden Series

  • Styling the ExtraDiv's of Zen Garden

  • Styling the CSS Zen Garden Menu

  • Styling the CSS Zen Garden Footer

  • HTML Forms Quick Reference

  • A Quiet Morning

  • PHP Quick Reference

  • E Ink: Kindle, Reader and Nook

  • Cufon and Google Fonts Summary

  • Google FOUT Update

  • Windy Weekend

  • CSS Pullquotes and Blockquotes Summary

  • CSS3 Gradients, Multiple Backgrounds and HTML Blockquote

  • More CSS Pullquotes

  • Newspaper Style Pullquotes Using CSS/HTML

  • The Sun is Racing Me

  • Google Web Fonts FOUT Problem with wf-active

  • Gusting Winds

  • PHP Arrays

  • Programming with PHP in a Local Environment

  • Setting up a Local Environment with XAMPP

  • Building a Canvas Frame for a Painting

  • Recycling Google Search Results

  • Developing a Windows Network Driver

  • Programming a Blog Search

  • Stephen Hawking Talk at Caltech

  • Another Interface To My Custom Blog Search

  • PHP Parsing, Searching an RSS Feed, and a Cron Job

  • Javascript for My Custom Search

  • Improving Search with Regular Expression

  • Parsing RSS Feeds with PHP

  • PHP: Displaying a Simple Table

  • CSS Scrolling Tables with Fixed Headings

  • CSS Inheritance and Cascading

  • HTML Blockquote, CSS Content, CSS Quote

  • Internet Protocol V.6

  • 10 CSS Graphs

  • CSS Cookie Cutter Method Revisited

  • The Chicken and Blogger Profile Pictures

  • My Web Development Kit

  • Tech CEOs

  • How to Center an Image with CSS

  • Fastbreak: Restructuring PHP for Reuse

  • Functional and Good Looking Use of Flash

  • Multiple Fonts with Cufon

  • Using Cufon

  • Passing a Query Parameter to PHP

  • Looping through MySQL Records with PHP

  • This Evening

  • Relative Positioning and The Twitter Bird

  • Reading MySQL Database from PHP

  • Creating MySQL Tables with PHP

  • Creating MySQL Tables/Inserting Records with phpMyAdmin

  • Cookies and Sessions

  • MySQL Tonite

  • PHP Example with GoDaddy

  • The Internets is a Series of Tubes

  • How the Internet works: IP Packets, Routers, and LANs

  • Saturday Morning

  • Google Geocoding from PHP with Curl and JSON

  • 11" > Kessler's

  • The EPEL Repository for CentOS Linux and 404 Errors

  • Ahh Internet Explorer...

  • Web Hosting Options

  • Web Server Basics: The LAMP Stack, TCP/IP

  • Building Google Chrome on 64 Bit Ubuntu 10.04

  • Fading Image Hover Popups with jQuery

  • Image Replacement, text-indent, SEO

  • CSS/jQuery Image Captioning with Rollover Effect

  • The Last Samurai

  • An Esoteric Pile of Nonsense

  • CSS/Javascript Image Captioning Tool


more examples

  • CSS Zen Garden


  • cufon/google webFonts/font-face


  • Pullquotes Using CSS


  • Programming a Custom Blog Search


  • PHP/MySQL Database Series


  • Data Visualisation: Pure CSS Vertical Bar Graphs


  • Advanced: Setting up a System to Compile Browser Code


  • CSS Background Property


  • The Cookie Cutter Method


  • CSS Sprites


  • Transparent Captioning


  • Horizontal Graphs


  • Javascript for Captioning


  • CSS Drop Caps


  • CSS Styling for MySpace


key css concepts

  • syntax

  • selectors

  • pseudo-classes

  • pseudo-elements

  • the box model

  • fonts

  • text

  • inheritance

  • the cascade

  • calculating specificity

  • containing block

  • floats

  • normal flow

  • absolute positioning

  • relative positioning

  • media types

  • tables


css properties

  • background

  • background-color

  • background-image

  • background-position

  • background-repeat

  • border

  • border spacing

  • bottom

  • caption-side

  • clear

  • clip

  • color

  • display

  • direction

  • empty cells

  • float

  • font

  • font-family

  • font-size

  • font-style

  • font-weight

  • height

  • left

  • letter-spacing

  • line-height

  • list-style

  • margin

  • opacity

  • overflow

  • padding

  • position

  • right

  • table-layout

  • text-align

  • text-decoration

  • text-transform

  • top

  • vertical-align

  • visibility

  • white-space

  • width

  • word-spacing

  • z-index

  • index
Valid CSS 2.0 by W3 Standards

html elements BETA

  • <a>
  • <abbr>
  • <acronym>
  • <big>
  • <blockquote>
  • <body>
  • <br>
  • <center>
  • <col>
  • <colgroup>
  • <dd>
  • <del>
  • <dfn>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <fieldset>
  • <form>
  • <head>
  • <h1-h6>
  • <hr>
  • <html>
  • <img>
  • <input>
  • <label>
  • <caption>
  • <li>
  • <link>
  • <meta>
  • <ol>
  • <option>
  • <p>
  • <pre>
  • <q>
  • <select>
  • <small>
  • <script>
  • <span>
  • <strong>
  • <style>
  • <sub>
  • <sup>
  • <td>
  • <textarea>
  • <thead>
  • <title>
  • <tr>
  • <ul>
Valid XHTML 1.1 by W3 Standards

html5 elements (draft)

  • root element

  • document metadata

  • sections

  • grouping content

  • text-level semantics

  • tabular data

  • forms

programming

Sunday, February 27, 2011

Cufon, Google WebFonts Summary

summary of font related posts

google fonts + cufon + font-face

  • Fixing font-face Problems in IE
  • Caching Cufon Javascript Files via Apache HTTP Response Headers
  • Update: Google WebFonts FOUT Problem
  • Google WebFonts FOUT Problem with wf-active
  • Fixing Firefox font-face Cross Domain Problem
  • Cufon with Variants of the Same Font Family
  • Multiple Fonts with Cufon
  • How to Generate Cufon Based Text
  • Cufon Flash of Unstyled Content
  • Information on Cufon Based Text
Cufon, font-face, Google Webfonts

1 comments:

Anonymous said...

Catchy fonts

web design perth

June 13, 2011 8:05 AM

Post a Comment

Newer Post Older Post Home
Subscribe to: Post Comments

site search

web search

cssbakery captioning

Image Captioning Tool Engineers without borders

tools

  • HTML Conversion
  • Image Captioning
  • Firebug
  • CSS Web Developer

videos

  • This Evening
  • The Milky Way
  • Pink Stuff
  • Unbroken

categories

  • web The Internets
  • web design Website Design
  • Javascript Javascript
  • PHP PHP
  • HTML - Giving Structure to Content
  • CSS Syntax
  • The Flow
  • Selectors
  • Classes Classes
  • ID's
  • Fonts Fonts and Text
  • web design Background
  • The Box Model
  • Margins
  • Padding
  • Positioning Elements
  • Positioning Context
  • The Cascade
  • The Layout
  • Inheritance
  • Faux Columns
  • Multi-Column Layout
  • Styling a Page
  • Adobe Photoshop
  • Modifying Blogger with CSS/HTML
  • The Recipes

for css

  • stackoverflow
  • Eric Meyer
  • CSS Zen Garden
  • Simple Bits
  • A List Apart

for server side

  • MySQL Manual
  • PHP
  • Apache

design

  • Paul Andrew
  • Stu Nicholls

science

  • Not Even Wrong

eating

  • Saveur
  • Matt Bites
  • Delicious Days
  • Kugelhopf

Subscribe To cssbakery

Posts
Atom
Posts
Comments
Atom
Comments

About Me

My Photo
CSSBakery
© 2009-2012 All Rights Reserved
View my complete profile

Labels

  • $geo_status (1)
  • -moz-border-radius (1)
  • -moz-linear-gradient (1)
  • -webkit-gradient (1)
  • 3 Column Layout (2)
  • :after (1)
  • :before (1)
  • a href (4)
  • a:hover (3)
  • Absolute Positioning (9)
  • Adjusting Blogger Profile Image (1)
  • Adobe Photoshop Tutorials (6)
  • Anti-Virus Software (1)
  • Apache (5)
  • Apache Server on Local Environment (2)
  • API (1)
  • Array (2)
  • Art (6)
  • article (1)
  • ASCII (1)
  • aside (1)
  • Attribute Selectors (2)
  • Author Style Sheet (2)
  • Auto Margins (3)
  • Automated Tools (1)
  • background (7)
  • Background Positioning (2)
  • Background Property (13)
  • background-color (3)
  • background-image (4)
  • background-position (3)
  • background-repeat (2)
  • Backward Slash (1)
  • Barrel Distortion (1)
  • Beginner (16)
  • Bing (1)
  • Block Element (4)
  • Blockquotes (3)
  • Blog Software (7)
  • Blogger Template (2)
  • Blogspot (4)
  • Bob Parsons (1)
  • border (3)
  • border-bottom (1)
  • border-radius (3)
  • box-shadow (2)
  • Browser Default Style Sheet (1)
  • Browser Internals (5)
  • Browser Wars (1)
  • Browsers (1)
  • C (1)
  • C# (1)
  • C++ (4)
  • Cache (1)
  • Caching (1)
  • Caltech (1)
  • Captioning (6)
  • Cascade (4)
  • Centering Images (2)
  • CEO (1)
  • Class (6)
  • Classes and IDs (5)
  • clear (3)
  • Cloud Hosting (1)
  • Code Igniter (3)
  • Color Swatch (1)
  • Compiler (3)
  • Computing News (2)
  • containing block (1)
  • Cookies (1)
  • Copyright Symbol (1)
  • CPU (1)
  • CREATE TABLE (1)
  • Creating MySQL Tables (1)
  • Cron Job (1)
  • Crop an Image Using CSS (1)
  • cross-domain (1)
  • CSS (23)
  • CSS 3.0 Gradient (1)
  • CSS 3.0 last-child (1)
  • CSS 3.0 Multiple Background Images (1)
  • CSS 3.0 Transforms (1)
  • CSS Bar Graphs (3)
  • CSS Content Property (1)
  • CSS Quote Property (1)
  • CSS Resets (1)
  • CSS Syntax (14)
  • CSS Tutorials (11)
  • CSS visibility (1)
  • CSS Zen Garden (8)
  • CSS Zen Garden Dave Shea (2)
  • CSS3 (2)
  • CSS3.0 (1)
  • Cufon (7)
  • Curl (1)
  • Data Cells (1)
  • Dave Shea (3)
  • Dedicated Server (1)
  • Definition Lists (1)
  • Descendant Selector (3)
  • Descendants (4)
  • Developer (1)
  • Digg (2)
  • Disk Partitions (1)
  • display (3)
  • display: none; visibility (1)
  • display:block; (1)
  • display:block; Cookie Cutter Method (1)
  • display:block; display:none (1)
  • display:block; Fonts and Text (1)
  • DIV (4)
  • DOM (1)
  • Drop Cap (1)
  • Drop Shadow (1)
  • DSL (1)
  • Dual Stack (1)
  • E Ink (1)
  • Eclipse (1)
  • Embedded Styles (2)
  • Eric Meyer (2)
  • Escaping Characters in CSS (1)
  • Ethernet (1)
  • Expand Widget Templates (1)
  • External Enclosure (1)
  • External Stye Sheets (1)
  • Fading Image (1)
  • FAT32 (1)
  • Faux Columns (1)
  • Favicon (1)
  • Firefox (3)
  • Firefox Personas (1)
  • first-child (1)
  • Flash (1)
  • Flash of Unstyled Text (2)
  • Float (20)
  • float next to ul (1)
  • Floating (9)
  • Floating IMG element (2)
  • Floating LI element (2)
  • Floats (1)
  • Fluid Rose for Zen Garden (8)
  • font-face (4)
  • font-style (2)
  • Fonts and Text (12)
  • Footer (2)
  • Foreign Keys (1)
  • Form Element (1)
  • Form Tag (1)
  • Forms (1)
  • FOUT (2)
  • Framing an Image (1)
  • Friends of Apache (2)
  • Funny (5)
  • Godaddy (6)
  • Google (5)
  • Google AdSense (2)
  • Google API (1)
  • Google Chrome (6)
  • Google Font (1)
  • Google GeoCoding (1)
  • Google Maps (1)
  • Google Privacy (2)
  • Google Search (2)
  • Google Webfonts (3)
  • gparted (1)
  • Graph (3)
  • GraublauWeb (2)
  • gutter (1)
  • h1 (1)
  • h3 (1)
  • header (1)
  • Headings (1)
  • height (2)
  • Hex Codes (1)
  • hgroup (1)
  • Horizontal Bar Graph (2)
  • How CSS Works (2)
  • hr (1)
  • HTML (10)
  • HTML Blockquote (4)
  • HTML Elements (1)
  • HTML Forms (1)
  • HTML Table (2)
  • HTML5 (2)
  • HTML5 Rocks (1)
  • HTTP (2)
  • HTTP GET (1)
  • HTTP Headers (1)
  • HTTP Request Headers (1)
  • HTTP Response Headers (1)
  • HTTPS (1)
  • I'm not a witch (1)
  • ID (2)
  • IDE (1)
  • IE (2)
  • IE Punches (1)
  • IE6 (2)
  • IETF.org (1)
  • Image Captioning (2)
  • Image Captioning Tool (2)
  • Image Grid (3)
  • Image Replacement (3)
  • img (5)
  • important (1)
  • Inheritance (2)
  • Inline Element (4)
  • inline style (1)
  • Input (2)
  • INSERT INTO (1)
  • Inserting MySQL Records (1)
  • Inserting Records into Database (1)
  • inside (2)
  • Intermediate (1)
  • Internet (14)
  • Internet Explorer (1)
  • IP (1)
  • IP Address (2)
  • IP Header (1)
  • IP Packet (1)
  • IP Packets (1)
  • IP Route (1)
  • IPC (1)
  • IPv4 (1)
  • IPv6 (1)
  • italic (1)
  • Javascript (11)
  • jQuery (5)
  • JSON (1)
  • Kindle (1)
  • LAMP (1)
  • last-child (1)
  • Layout (7)
  • left (2)
  • li (8)
  • Life (17)
  • line-height (3)
  • link (1)
  • Linux (4)
  • list marker (2)
  • list-style-image (1)
  • list-style-position (2)
  • list-style-type (2)
  • Loading Times (1)
  • localhost (2)
  • Margin (3)
  • Margin Collapsing (1)
  • Margins between Floated and Cleared Elements (1)
  • markup (2)
  • Meddon (1)
  • Menu (1)
  • Microsoft (1)
  • Microsoft Security Essentials (1)
  • Modifying Blogger (35)
  • Multi-Column Layout (6)
  • multiple class (4)
  • MySpace (8)
  • MySpace Layout Tutorials (8)
  • MySQL (9)
  • MYSQLI_ASSOC (1)
  • mysqli_connect (1)
  • mysqli_fetch_array (1)
  • mysqli_num_rows (1)
  • mysqli_query (1)
  • nav (1)
  • Navigation Menu (2)
  • Negative Margin (3)
  • Network Address Translation (2)
  • networking (1)
  • Networking Driver (1)
  • NexStar (1)
  • Notepad++ (1)
  • NTFS (1)
  • Opacity (6)
  • Oracle (1)
  • Order (1)
  • Ordered Lists (2)
  • Origin (1)
  • outline:none (1)
  • outside (1)
  • overflow (2)
  • overflow property (1)
  • overflow: hidden; (1)
  • overflow:auto (1)
  • p element (1)
  • Padding and Margins (13)
  • Parent-Child Relationship (1)
  • Parsing RSS Feed (2)
  • Particular Attribute Selector (1)
  • Period in a Class/ID Name (1)
  • photo gallery (1)
  • Photoshop (14)
  • Photoshop Action (1)
  • Photoshop Action Palette (1)
  • Photoshop Circles (1)
  • Photoshop Macro (1)
  • PHP (20)
  • PHP Array of Arrays (1)
  • PHP count (2)
  • PHP empty (1)
  • PHP foreach (2)
  • PHP if (1)
  • PHP in_array (1)
  • PHP Short Tags (1)
  • PHP sort (1)
  • PHP Syntax (1)
  • PHP Variable Dump (1)
  • phpMyAdmin (9)
  • PNG Format (1)
  • PNG Transparency Files (1)
  • Pop-ups (1)
  • port (1)
  • Positioning (4)
  • Positioning Context (7)
  • Positioning Elements (8)
  • Primary Keys (1)
  • print_r (1)
  • Protocol (1)
  • PS Find Edges (1)
  • PS Lens Flare (1)
  • PS Mosaic (1)
  • PS Perspective (1)
  • Pseudo Element (1)
  • Pullqutoes (3)
  • Reader Style Sheet (1)
  • Recipes (1)
  • Regular Expression (1)
  • Relational Database (3)
  • Relative Path (1)
  • Relative Positioning (13)
  • Removing Hard Disk in a Laptop (1)
  • Reset (1)
  • RFC (1)
  • right-margin (1)
  • Rounded Corners (1)
  • Rounding Corners of an Image (1)
  • Router (1)
  • RSS (1)
  • RSS Feed (3)
  • Safari (1)
  • Scrolling Tables (1)
  • Search (3)
  • Search Engine (3)
  • Search Engine Optimization (1)
  • Searching RSS Feed (1)
  • Secure Shell (1)
  • SELECT (2)
  • Selectors (7)
  • SEO (2)
  • Server (3)
  • server side (2)
  • Sessions (1)
  • Shared Hosting (2)
  • Simple Attribute Selector (1)
  • Size an Image Using CSS (1)
  • Software Design (1)
  • Sonet OC3 (1)
  • span (7)
  • Specificity (5)
  • Sprite (5)
  • Sprites (2)
  • SSH (1)
  • Stephen Hawking (1)
  • Stu Nicholls (1)
  • StumbleUpon (1)
  • Style Sheets (1)
  • Styling a Page (16)
  • Substring Matching Attribute Selector (1)
  • Table Layout (1)
  • Tables with Fixed Headings (1)
  • Tantek Celik (1)
  • tbody (1)
  • TCP/IP (2)
  • td (2)
  • Technorati (2)
  • text-align (1)
  • text-indent (2)
  • text-shadow (1)
  • th (2)
  • The Cascade (2)
  • The Flow (11)
  • The Right To Be Forgotten Initiative (1)
  • The Site (2)
  • thead (1)
  • Tools (3)
  • top (2)
  • Toshiba R500 (1)
  • Transparency (2)
  • Transparent Border in Photoshop (1)
  • Truncation (1)
  • Tweet (2)
  • Twitter (1)
  • Ubuntu (3)
  • Ubuntu 10.04 (1)
  • UDP (1)
  • ul (9)
  • Unordered List (2)
  • Unordered Lists (4)
  • USB Device (1)
  • User Style Sheet (1)
  • Value Attribute Selector (1)
  • Virtual Private Server (1)
  • visibility (1)
  • VPS (1)
  • watermark (1)
  • WebFontConfig (1)
  • Webkit (2)
  • Website Design (21)
  • Websites (1)
  • wf-active (1)
  • wf-inactive (1)
  • wf-loading (1)
  • width (4)
  • WIFI (2)
  • Windows (1)
  • Windows Driver (1)
  • XAMPP (2)
  • XHTML (27)
  • z-index (5)
 

CSSBakery

Books I'm Reading

  • Viral Loop by Penenberg
  • Beautiful Evidence by Edward Tufte

For Web Development

  • Transcending CSS
  • Smashing CSS by Eric Meyer
  • Ajax and PHP
  • HTML5 by Tantek Celik
  • Learning Web Design: A Beginners Guide to HTML, StyleSheets, and Web Graphics
  • Pro HTML5 Programming: Powerful APIs for Richer Internet Application Development
  • The Web Designers Idea Book
Copyright © cssbakery.com 2009-2012 - All Rights Reserved