Skip to main content

Home/ CSS Evangelist/ Group items tagged markup

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

bjankord/Style-Guide-Boilerplate - 0 views

github.com/...Style-Guide-Boilerplate

css webdesign tools online styleguide boilerplate

shared by Vernon Fowler on 19 Dec 13 - No Cached
  • I recommend creating a directory named style-guide in your site's root directory. I think it would be awesome if I could go to anysite.com/style-guide/ and check out that site's style guide.
  • You should be able to go to yoursite.com/style-guide/ and see how your live site's CSS affects base elements.
  • Below the custom styles for the boilerplate, you will add in your own custom stylesheet(s) which you use on your live site.
  • ...1 more annotation...
  • To create custom patterns like buttons, breadcrumbs, alert messages, etc., create a new .html file and add your HTML markup into the file. Save the file as pattern-name.html into the markup/patterns directory inside of your style-guide directory.
Vernon Fowler

Compass Home | Compass Documentation - 4 views

compass-style.org

css framework sass compass webdesign tools css3 sprites typography

shared by Vernon Fowler on 17 Oct 09 - Cached
  • yc c on 17 Oct 09
     
    Compass is a stylesheet authoring framework that makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of CSS. Using the power of Sass Mixins and the Compass community, you can apply battle-tested styles from frameworks like Blueprint to your stylesheets instead of your markup.
yc c

BonBon Buttons - Sweet CSS3 buttons - 10 views

lab.simurai.com/buttons

buttons css3 css download webdev

shared by yc c on 03 Sep 10 - Cached
  • yc c on 03 Sep 10
     
    There was a goal: Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible.
Jason Bao

Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for down... - 0 views

blog.html.it/layoutgala

css tips

shared by Jason Bao on 14 Feb 07 - Cached
  • In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility. The result is a set of 40 layouts that we've thought worth sharing: on each of them you'll find also a download link (if you want, you can download the entire collection, 40 HTML pages in a single zip file). Further details can be found below the gallery.
yc c

Use jQuery - Blog - Brosho 'Design in the Browser' jQuery Plugin - 4 views

usejquery.com/...n-in-the-browser-jquery-plugin

css online editor tool plugin jquery

shared by yc c on 17 Feb 10 - Cached
  • yc c on 17 Feb 10
     
    style your markup right in your browser with a build-in element selector and CSS editor. 
Alexis Sgavel

A new micro clearfix hack - Nicolas Gallagher - 0 views

nicolasgallagher.com/micro-clearfix-hack

css bestpractices clear clearfix micro tools reference

shared by Alexis Sgavel on 21 Apr 11 - No Cached
  • Alexis Sgavel on 21 Apr 11
     
    The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required.
Gary Edwards

Typogridphy - A Typographical and Grid Layout CSS Framework From Harry Roberts of CSS W... - 2 views

csswizardry.com/typogridphy

css layout-grid

shared by Gary Edwards on 31 May 08 - Cached
  • Grids & Typography Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts. Based on the popular 960 Grid System, Typogridphy allows you to create grid layouts which are versatile and great looking. Typogridphy is made of fully validate, semantic and strict xHTML, and validate CSS.
  • Gary Edwards on 31 May 08
     
    Very nice. Great looking lists! Found this link at CSS-Tricks
yc c

CSS OFF - 0 views

cssoff.com/

contest css design

shared by yc c on 09 Mar 09 - Cached
  • yc c on 09 Mar 09
     
    photoshop design to markup contest
Wanda Terral

Drawter.com - DrawAble Markup Language - 3 views

drawter.com

css design tools css3

shared by Wanda Terral on 30 Jan 10 - Cached
  • yc c on 30 Jan 10
     
    Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn. Currently Drawter is available in Pro version, which means that it is intended for webmasters use only - knowledge of HTML and CSS is required. Drawter is not a tool for laymen, for the time being, but the whole team behind the project is putting every effort to launch a new version called "Amateur". Soon you will be able to draw your websites without any knowledge of HTML or CSS. Launching 2010.
  • Wanda Terral on 02 Jul 11
     
    Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn.
mikhail-miguel

CSS Basics - Making Cascading Style Sheets Easy to Understand - 1 views

www.cssbasics.com

css theory webdev css

shared by mikhail-miguel on 14 Feb 07 - Cached
  • You've heard the buzz about the seperation of style from content, but you are stuck in the world of nested tables and deprecated markup. If so, you have come to the right place! Using CSS to style your (X)HTML files, will benefit you and your visitors in many ways.
1 - 15 of 15
Showing 20▼ items per page