Archive

Archive for the ‘CSS’ Category

CSS Framework Breadcrumb Support

February 29th, 2012 No comments

I’ve noticed that the search term “blueprint css breadcrumb” has brought visitors to my blog. From what I vaguely remember about blueprint css, it doesn’t have support for breadcrumb navigation. If there is, either the documentation for it isn’t up to par or I’m expected to read the whole source which, particularly when it comes to CSS, renders the framework pointless anyway.

Whoever you are, you might want to check out Bootstrap, from Twitter. Bootstrap does have breadcrumb support, with example Markup right next to it in the documentation to get you going.

Categories: All, CSS, Web

When you need jQuery (or Bootstrap), but fast!

February 24th, 2012 No comments

I sometimes need to test some jQuery locally and I’m never organised enough to have a template ready. The latest version from a CDN is all I need and googling for the URL or searching my bookmarks will take longer than the solution I came up with today.

Before:

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”
type=”text/javascript”></script>

After:

<script src=”http://is.gd/jQuery” type=”text/javascript”></script>

I’m hoping that if I use it enough times, I’ll remember it! If you use this tip, make sure you don’t copy paste this onto your production systems. You could do without the one extra request to is.gd

Edit: I’ve added a URL for Bootstrap, from Twitter. It is:
Before:

<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"
rel="stylesheet" />

After:

<link href="http://is.gd/Bootstrap" rel="stylesheet" />

CSS Frameworks: In with the New, Out with the Old

November 18th, 2011 2 comments

I’ve noticed that my old post 960 Grid System vs Blueprint CSS is still getting quite a few hits so I thought I’d post an update about it.

Of the two, I now use… neither!

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.

Just the other day I built a nice page in a matter of a few minutes using Bootstrap, from Twitter and it has me totally sold. If you need to throw something together quickly, then this is the way to go. Things I like about Bootstrap:

  • Single css file to include which includes reset CSS (no need for multiple css files).
  • Remotely hosted for quickstart. Bootstrap itself suggests to use <link rel=”stylesheet” href=”http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css”>
  • Simple markup
  • Customizable fixed or fluid layouts
  • Typography that just works (check out the inline labels).
  • Media markup (although I haven’t actually understood the purpose of it yet).
  • Very nice Tables with support for tablesorter.
  • Beautiful Forms with sexy buttons.
  • Navigation/Tab/Breadcrumb/Pagination
  • Sexy Alerts & Navigation 
  • … and a whole bunch of things you can do by adding small javascript snippets, such as modal dialogs, popovers, etc…

Definitely worth checking out if you are researching CSS frameworks and haven’t tried it yet!