Skip to main content

Bookmarks tagged with “css”

  1. Twitter Bootstrap Generator

    Enter colour, font options etc and it generates a compiled CSS file to use with the Twitter Bootstrap framework thing. (via Brett Terpstra)

  2. Lettering.js - A jQuery plugin for radical web typography.

    Quite nice - adds spans around individual letters, words or lines so you can easily style them with CSS. But all that extra HTML feels “wrong” to me, even if it’s generated automatically. Some pretty examples though.

  3. Bartaz/impress.js - GitHub

    Very nice browser-based, JavaScript/CSS thing for making presentations, with all slides held in one 2D (or 3D) space. Try the demo… (via Waxy)

  4. Knyle Style Sheets — Warpspire

    Nice idea, a parseable format for commenting CSS. (via Dotcode)

  5. Home - Scalable and Modular Architecture for CSS

    Interesting as an in-depth discussion of structuring CSS for a large project, something I’d like to see more of. (via Tom Taylor)

  6. Bootstrap, from Twitter

    Twitter’s CSS/HTML frameworky thing, which I keep forgetting about.

  7. Foundation: Rapid Prototyping and Building Framework from ZURB

    Lots of CSS goodies. Grid, forms, etc. (via @hamstand)

  8. Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development

    Looks like a nice bunch of CSS/JS, not that I ever get round to using these things. (via Mildlydiverting)

  9. Jezdez/django_compressor - GitHub

    “Combines and compresses linked and inline Javascript or CSS in a Django templates into cacheable static files by using the compress template tag.” Can work with Sass CSS I believe.

  10. Compass Home | Compass Documentation

    “An open-source CSS Authoring Framework” which uses Sass. There’s always more to learn.

  11. Sass - Syntactically Awesome Stylesheets

    “Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more.” Compiles sass files into CSS files.

  12. Golden Grid System

    This looks very nice. Making a stretchable grid for web pages, that changes the number of columns depending on the page width. I want to play with this. (via Waxy)

  13. Pelme/django-compress - GitHub

    Looks good: a tool for automatically (or only when asked) compressing and combining CSS and JavaScript files used on a Django project.

  14. Kindle typography

    Going to some lengths to make Kindle typography better using JavaScript and CSS.

  15. A List Apart: Articles: A Simpler Page

    A bit about the problems of formatting long-form stuff for different screens, and then his solution, Bibiotype, an HTML/CSS/JS template, which is really gorgeous.

  16. Implementing a Fixed Position iOS Web Application - Google Mobile Developer Products - Google Code

    Brilliant: how to (a) make page elements fixed on iOS Safari (which doesn’t acknowledge position:fixed, grrrr) and (b) do scrolling with momentum. Gmail in iOS Safari is very swish.

  17. HTML5 Boilerplate - A rock-solid default for HTML5 awesome.

    Even if you don’t use the whole thing, it’s a nice collection of handy little JavaScript/CSS/.htaccess techniques in one place.

  18. CSS3 Transition - iPhoneWebDev | Google Groups

    Occasionally useful thread from 2009 about CSS3 transitions, hardware acceleration, etc on iPhones

  19. Introduction - iui - iUI Introduction Wiki Page. - Project Hosting on Google Code

    A JavaScript/CSS framework thing for making web apps on iPhones etc. Haven’t looked into it yet.

  20. CSS for iPhone 4 (Retina display) « Thomas Maier – web & communication designer

    Including CSS only for devices with the iPhone 4’s pixel resolution. (This is all getting more complex than all that copying with NS4, IE5, Mac IE5, etc, etc.) (via Daring Fireball)

  21. A List Apart: Articles: Responsive Web Design

    Good description of making more flexible, multi-device HTML/CSS structures. For those of you not caring about IE support.

  22. TouchScroll, a scrolling layer for WebKit mobile [update] « Uxebu.com – the Ajax and JavaScript Experts

    Re-implementing scrolling for WebKit Mobile web browsers. Haven’t looked at the code yet, but the demo seems good.

  23. Mir.aculo.us with Thomas Fuchs » Blog Archive » Making an iPad HTML5 App & making it really fast

    Some handy tips, although some assume you’re building a website *only* for the iPad, and don’t need to worry about other platforms.

  24. Dealinium - jSlideTouch for Ipad & Iphone/Ipod using jQuery for content sliding

    Sliding content in a fixed-size element left/right or up/down on web pages on iPhone, iPad etc.

  25. iScroll | Matteo Spinelli’s Cubiq.org

    A way to do scrolling content in a webpage in a fixed size element on iPhone. eg, lists of things.

  26. HOWTO: Native iPhone/iPad apps in JavaScript

    Nice, clear, simple summary of making websites work more like apps when viewed on iPhone/iPad.

  27. HTML5 Readiness

    Handy (HTML5/CSS3) diagram of which HTML5/CSS3 features are in which browsers. (Upshot: I can’t use any of it yet for production sites.) (via Daring Fireball)

  28. Revised Font Stack | A Way Back

    More thoughts on good CSS font stacks. (via Tom Taylor)

  29. Boks - A Visual Grid Editor - Toki Woki.

    An AIR application that generates customised CSS etc files for use with the Blueprint CSS framework. Handy.

  30. 960 Gridder - Lay out websites with ease.

    Handy bookmarklet that overlays a grid on top of the current web page.

  31. Building iPhone Apps with HTML, CSS, and JavaScript

    Sounds like an interesting, free, online book for those of us unlikely to learn real programming any time soon. (via Infovore)

  32. Pure CSS opacity and how to have opaque children, css, xhtml, Steven York.com

    Because I keep forgetting this and having to look it up again.

  33. Web design Q&A - Doctype

    “A free question and answer site for web designers. You can ask questions about CSS, HTML, web design and email design.”

  34. Cufón - fonts for the people

    A way to do pretty fonts nicely in web pages other than sIFR. (I haven’t tried it.)

  35. The 1KB CSS Grid by Tyler Tate :: A simple, lightweight approach

    As simple as a grid-based CSS framework thing could be. (via Infovore)

  36. Styling buttons to look like links | Natalie Downe

    For the very few occasions when you want to make a submit button look like a standard link. Not that you should. (via Simon Willison)

  37. Minify - Google Code

    “Minify is a PHP5 app that can combine multiple CSS or Javascript files, compress their contents, and serve the results with HTTP encoding and headers that allow optimal client-side caching.” (via Dotcode)

  38. Bits & Pixels – Blog Archive – Cross-browser transparent columns

    How to make the background of a block semi-transparent but have the content opaque. Bit of a palaver, but it works.

  39. Stu Nicholls | CSSplay | A css only dropdown menu

    Sounds good but haven’t explored it thoroughly.

  40. When can I use…

    “Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies.” A lot of waiting involved. (via Dotcode)

  41. Font Matrix

    Nice grid of what fonts are available in different OSes with different installs of software.

  42. Unit Interactive :: Blog :: Better CSS Font Stacks

    Sensible examples of lists of fonts to use in CSS.

  43. Facing up to Fonts | Slides and notes

    Interesting presentation on which fonts are available to use on the web, and how best to specify combinations of them. (via Blech)

  44. Recreating the button | stopdesign

    Doug Bowman on how buttons were developed on Google apps. Good HTML/CSS cleverness. (via Simon Willison)

  45. The Grid System

    Nice resource on designing web sites using a grid. All we need now is a resource on designing web sites with DECENT LINK STYLES.

  46. Battle of the CSS Frameworks | Capsize Designs

    Handy summary of several CSS frameworks, pros and cons. (via Infovore)

  47. Paulhammond.org: Conditional classnames

    An easy way to apply Internet Explorer CSS hacks. So simple that, in retrospect, it’s hard to believe no one’s thought of it before. Smashing.

  48. New clearing method needed for IE7? | 456 Berea Street

    So I don’t need to Google the clearfix fix again.

  49. A List Apart: Articles: Accessible Data Visualization with Web Standards

    Lovely CSS bar charts and sparklines created in HTML and CSS.

  50. Equidistant Objects with CSS - CSS-Tricks

    Spacing things out horizontally with CSS. (via Simon Willison)

The most common tags

  1. webdevelopment (733)
  2. london (357)
  3. uk (318)
  4. music (255)
  5. javascript (172)
  6. mac (167)
  7. articles (152)
  8. maps (146)
  9. css (146)
  10. via:kottke (140)

More…