brew + css   304

HTML5 Please - Use the new and shiny responsibly
Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.
html5  css  polyfill  javascript  reference  css3 
20 days ago by brew
Sequence.js - The jQuery Slider Plugin with Infinite Style
Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3
jquery  javascript  css  transitions  slideshow  slider 
9 weeks ago by brew
Off Canvas
The idea here is to have the two supporting panels of navigation and sidebar content hidden just off-screen to the left and right for easy access on small/medium viewports. Off Canvas is a design pattern, not a plugin or framework.
css  webdesign  patterns  responsive  javascript 
9 weeks ago by brew
LukeW | Multi-Device Layout Patterns
I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.
patterns  design  adaptive  responsive  mediaqueries  css  webdesign  screen  size  layout 
10 weeks ago by brew
About normalize.css – Nicolas Gallagher
Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It’s a modern, HTML5-ready, alternative to the traditional CSS reset.
normalize  css  base  default  reset 
12 weeks ago by brew
Media Queries
A collection of inspirational websites using media queries and responsive web design.
webdesign  responsive  flexible  css  mediaqueries  device  width 
february 2012 by brew
CSSPrefixer
You hate writing vendor prefixes for all browsers? Just let CSSPrefixer do it for you!
vendor  prefix  css  generator 
february 2012 by brew
HTML5 Please - Use the new and shiny responsibly
Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.
css  html5  css3  html  reference  polyfills  fallbacks  list  features  compatibility  browser 
january 2012 by brew
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8
selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.
css  css3  select  pseudo  element  javascript  selectors  internetexplorer  polyfill 
november 2011 by brew
DropKick - a jQuery plugin for beautiful dropdowns
Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation.
jquery  select  dropdown  menu  plugin  css  custom  javascript 
november 2011 by brew
Animate.css - a bunch of plug-and-play CSS animations
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects.
css  transitions  animation 
october 2011 by brew
Uniform - Sexy forms with jQuery
Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers?
form  style  css  jquery  javascript  custom 
october 2011 by brew
About ePub Zen Garden
We want to dispel the myth that digital books can't also be crafted works of visual design. Just as web design has evolved and matured, so too will ebooks, and book designers have a new medium available in which to express their creativity.

The Zen Garden is a place to showcase this new way of designing stories.
css  ebook  epub  design  book 
october 2011 by brew
text-overflow - MDN
The text-overflow CSS property determines whether an ellipsis ("…") displays when text content has overflowed its given layout area. To force overflow to occur and ellipses to be applied, the author must apply some additional properties on the element. See example below.
css  text-overflow  ellipsis  clip  text  overflow 
september 2011 by brew
Sprite Cow - Generate CSS for sprite sheets
Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css.
css  sprite  images  background  tool  position 
september 2011 by brew
Introduction · jQuery Masonry
Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.
css  javascript  jquery  masonry  blocks  layout 
september 2011 by brew
ProCSSor - Advanced CSS Prettifier
ProCSSor is a powerful (and wholly free) CSS prettifier that lets you format CSS in the exact way you want. It empowers you to turn your CSS into something that is visually more compelling, and with a minimum of effort at that.
css  processor  format  formatter 
september 2011 by brew
Ultimate multi-column liquid layouts (em and pixel widths)
This series of layouts use pixel and em widths and relative positioning, and they work with all the common web browsers including Safari on the iPhone and iPod touch. They're also 'stackable' so you can use multiple column types on the one page.
css  layout  liquid  em  px  template  webdesign  multi  column 
august 2011 by brew
Bootstrap, from Twitter
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.
framework  css  html  template  grid  forms  typography 
august 2011 by brew
When can I use... Support tables for HTML5, CSS3, etc
Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
browser  compatibility  support  css  table  html5  svg  reference 
june 2011 by brew
A Whole Bunch of Amazing Stuff Pseudo Elements Can Do | CSS-Tricks
It's pretty amazing what you can do with the pseudo elements :before and :after. For every element on the page, you get two more free ones that you can do just about anything another HTML element could do. They unlock a whole lot of interesting design pos
css  pseudo  elements  linkdump 
june 2011 by brew
Pure CSS GUI icons (experimental) – Nicolas Gallagher
An experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints.
gui  icons  css  css3  pseudo 
june 2011 by brew
Treesaver.js
Treesaver® is a JavaScript framework for creating magazine-style layouts using standards-compliant HTML and CSS.
framework  javascript  opensource  magazine  layout  html  css  publishing 
february 2011 by brew
Ultimate CSS Gradient Generator - ColorZilla.com
A powerful Photoshop-like CSS gradient editor from ColorZilla
css3  gradients  css  generator  color  colour  photoshop  webdesign  tool 
october 2010 by brew
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site
framework  html5  css  javascript  template 
august 2010 by brew
Style Master CSS Editor for Windows and Mac OS X
Here's a collection of tools for web developers he's put together to help you analyse and debug your sites (and other people's sites as well), play with CSS3 features (bleeding edge browsers recommended) and more.
css3  css  tools  webdesign  preview 
july 2010 by brew
#eCSStender.org { content: "Homepage"; }
Say goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. With eCSStender, when you write the rules, browsers pay attention.
javascript  framework  standards  css  css3 
june 2010 by brew
HTML5 Watch
Collecting examples of creative, innovative, and unexpected use of emerging web technologies such as HTML5 and CSS3.
html5  css3  html  css  examples  demos  use 
may 2010 by brew
« earlier      

related tags

-moz-inline-block  -moz-inline-stack  37Signals  200%  @font-face  accessibility  ActionScript  active  adaptive  adobe  advice  after  ajax  ala  align  alistapart  alpha  alternative  analysis  anchor  animated  animation  antialiasing  app  appearance  appliation  aqua  article  ascendercorp  ascii  atom  atypi  automatic  automation  available  background  bar  base  base64  baseline  basic  before  beginners  behaviour  bertbos  bestpractise  birthday  blob  blocks  blog  blogs  boilerplate  book  bookmarklet  border  borders  box  boxmodel  browse  browser  browsers  bug  bugs  bulletproof  bundled  button  buttons  calculator  cartoon  cascade  chained  chart  cheatsheet  check  checkbox  checkboxes  child  children  choice  ChrisWilson  chrome  class  classes  clear  clearing  cleartype  clients  clip  clipping  code  color  colour  column  commandline  comparison  compatibility  configuration  consistency  constants  contain  content  control  controls  conversion  converter  cookies  corner  corners  css  css1  css2  css3  curriculum  custom  data  debug  declaration  declatation  decode  default  del.ija.vu  demos  density  dependencies  descendant  design  detect  detection  development  device  direction  disappear  display  div  django  doctype  documentation  dom  dotted  download  draft  dreamweaver  dropdown  dropdowns  dropshadow  easing  ebook  editor  education  element  elements  ellipsis  em  email  embedding  encode  entanglement  eot  epub  equation  ericmeyer  erikvanblokland  error  even  event  example  examples  explanation  explorer  expression  extension  fade  fallback  fallbacks  family  feature  features  feed  fields  figure  file  filter  filters  firefox  firefox2  firefox3  firefox3.5  firefox3.6  firefox3.7  first-child  fit  fix  fixes  Flash  flex  flexbox  flexible  float  floats  fluid  flyouts  focus  font  font-face  font-family  font-size  font-variant  fontdevelopment  fontembedding  fontmatchingalgorithm  fonts  fontsize  footer  form  format  formatter  formatting  forms  fouc  fout  frames  framework  free  furniture  gallery  generate  generator  gif  glyphs  gmail  google  GoogleReader  gotchas  gradient  gradients  GraphicDesign  graphics  grid  grids  group  gui  guide  hack  hacks  hasLayout  header  headlines  height  hidden  hide  hint  hints  hires  history  HollyHack  homer  horizontal  horizontalRule  hover  howto  hr  html  html5  Humour  icons  id  idea  ie  ie5  ie6  ie7  ie8  image  ImageMap  imagereplacement  images  import  info  initialise  inline  inline-block  input  interaction  internetexplorer  interview  introduction  ipad  iphone  javascript  jello  johnathankew  JonHicks  jquery  js  kerning  key  khtml  language  last-child  layout  lcd  lettering.js  library  licensing  ligatures  lightbox  lightweight  limit  line  line-height  linear  link  linkdump  links  liquid  list  live  livepipe  local  lowest  lucida  mac  magazine  margin  markup  mask  masking  masonry  matrix  max-height  max-width  maximum  meaning  media  media-selectors  mediaqueries  meh  menu  microformat  microformats  microsoft  MiguelSousa  min-height  min-width  mine  mobile  modal  module  moo.fx  mozilla  multi  multilevel  multiple  multiplemaster  MySQL  navigation  new  newsletter  noajax  normalisation  normalize  notes  notnecessarilyrecommended  odd  offspring  online  onload  only-child  opacity  opensource  opentype  opera  opt-in  optimisation  optimization  optimizeLegibility  order  organisation  organise  OSX  outline  overflow  overlapping  overlay  package  padding  page  parent  pattern  patterns  paulirish  pdf  performance  personalisation  photos  photoshop  pil  pixel  pixels  plugin  plugins  png  polyfill  polyfills  popup  position  positioniseverything  PPK  prefix  preflight  Presentation  PressRelease  preview  print  privacy  problems  process  processor  productivity  progress  project  proof  prop  properties  proposal  prototype  Prototyping  proxy  pseudo  pseudo-selector  psuedo  publishing  px  python  query  questions  quirksmode  radio  radius  rails  reader  reading  redundancy  reference  regexp  relative  remote  remove  render  rendering  replace  request  research  reset  resize  resolution  resource  resources  responsive  retina  review  rhythm  ribbons  RichardRutter  robadob  round  rounded  rss  ruby  rule  safari  sample  scaling  screen  screencapture  screenshot  screensize  script  scroll  scrollbar  search  searchengine  secure  select  selector  selectors  semantic  seo  separation  server  setting  shadow  shapes  shortcut  showcase  sifr  silk  silverlight  simpsons  SING  singleline  size  sizing  slider  slideshow  smallscreen  snippet  social  SooInternet  spec  sprite  sprites  stack  standards  start  stepmenu  sticky  strict  stripes  study  style  styles  styling  submit  support  svg  switching  syntax  table  tables  talleming  target  technique  techniques  technologies  Technology  template  templates  test  testcase  testing  tests  text  text-indent  text-overflow  text-shadow  text-transform  textbook  texteditor  theme  ThomasPhinney  timeline  tip  tips  tool  tools  toread  tr  tracking  transitional  transitions  transparency  transparent  triangles  trick  tricks  ttf  tutorial  type  TypefaceDesign  typefaces  typography  ui  underware  undo  unitless  units  Unobtusive  unstyled  unused  update  usability  use  utility  validate  validation  variable  variables  vendor  vertical  viewpoint  vista  vml  w3c  warp  wasp  wcag2.0  web  webdesign  webdevelopment  webfont  webfonts  webkit  weight  widget  width  window  windows  wizard  woff  workaround  workarounds  wrapper  www-font  xhtml  yahoo  yahoo!  yui  z-index  zebra  ZenGarden  zoom 

Copy this bookmark:



description:


tags: