55disk » CSS http://www.55disk.com the web, Apple, Webdesign and Mac Apps Fri, 16 Dec 2011 16:23:03 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 CSS Grids http://www.55disk.com/2009/07/css-grids/ http://www.55disk.com/2009/07/css-grids/#comments Fri, 03 Jul 2009 07:33:46 +0000 55disk http://www.55disk.com/?p=373 1k-grid

Using CSS for design and layout is a must for todays designers. Here are a few links to Grid layouts and CSS generators to get you started and saving you time when building a new site.

www.gridsystemgenerator.com

www.1kbgrid.com

www.pagecolumn.com

kematzy.com/blueprint-generator

netprotozo.com/grid/

www.designbygrid.com

www.spry-soft.com

]]> http://www.55disk.com/2009/07/css-grids/feed/ 0 Design Large CSS Backgrounds http://www.55disk.com/2008/11/design-large-css-backgrounds/ http://www.55disk.com/2008/11/design-large-css-backgrounds/#comments Thu, 06 Nov 2008 15:23:15 +0000 55disk http://www.55disk.com/?p=292 Great article/tutorial on designing large backgrounds and implementing them using CSS.

From Web Designer Wall comes a great article for using large images as backgrounds using CSS. Learn how to centre and repeat your images to create a seamless background effect.

www.webdesignerwall.com

]]> http://www.55disk.com/2008/11/design-large-css-backgrounds/feed/ 0 Kyan – Creative web design and development http://www.55disk.com/2008/11/kyan-media-design-agency/ http://www.55disk.com/2008/11/kyan-media-design-agency/#comments Sat, 01 Nov 2008 08:57:36 +0000 55disk http://www.55disk.com/?p=251 Well produced website and some great work from this agency. I especially like the work they have created for BoxWish, great colours and some nice fonts used throughout the design. Great use of CSS make this site accessible to all.

Some of their recent work, love the use of colour on BoxWish.

 

www.kyanmedia.com

]]> http://www.55disk.com/2008/11/kyan-media-design-agency/feed/ 0 CSS – Tricks/Links http://www.55disk.com/2008/09/css-trickslinks/ http://www.55disk.com/2008/09/css-trickslinks/#comments Mon, 15 Sep 2008 14:47:23 +0000 55disk http://www.55disk.com/?p=160  

Just a a few links to CSS examples I have come across in the last few days

50+ Nice Clean CSS Tab-Based Navigation Scripts

NEW dynamic basic CSS TEMPLATES 07

53 CSS-Techniques You Couldn’t Live Without

Improving Code Readability With CSS Styleguides

Powerful CSS-Techniques For Effective Coding

CSS-Based Navigation Menus: Modern Solutions

CSS-Based Tables: Modern Solutions

]]> http://www.55disk.com/2008/09/css-trickslinks/feed/ 0 EM for pixels – Using a calculator http://www.55disk.com/2008/08/em-for-pixels-using-a-calculator/ http://www.55disk.com/2008/08/em-for-pixels-using-a-calculator/#comments Tue, 26 Aug 2008 15:07:10 +0000 55disk http://www.55disk.com/?p=147  

There are some great Adobe Air apps out there, but this has been the most useful one I have used for a while. This will take your pixels measurements and convert them to EM based sizes, it will also give you a style sheet or styles you can copy and paste straight into your style sheets.

www.jameswhittaker.com

]]> http://www.55disk.com/2008/08/em-for-pixels-using-a-calculator/feed/ 0 Floats – an explanation http://www.55disk.com/2008/07/floats-an-explanation/ http://www.55disk.com/2008/07/floats-an-explanation/#comments Tue, 01 Jul 2008 14:46:41 +0000 55disk http://www.55disk.com/?p=121  

A great article from CSS Tricks on floats and how to use them. Floats CSS here…

]]> http://www.55disk.com/2008/07/floats-an-explanation/feed/ 0 Writing an Interface Style Guide – A List Apart http://www.55disk.com/2008/06/writing-an-interface-style-guide-a-list-apart/ http://www.55disk.com/2008/06/writing-an-interface-style-guide-a-list-apart/#comments Thu, 12 Jun 2008 09:20:00 +0000 55disk http://www.55disk.com/?p=107 Take a look at any CSS-based website design gallery, and you’ll see it’s obvious that beautiful interfaces are being designed and developed in amazing quantities. I frequently look to these sites for inspiration and, beyond a nice design and beautiful code, there’s usually something common about these sites: they’re new.

Unfortunately, it’s also common that beautiful interfaces don’t stay beautiful. An interface’s design disintegration can be frustrating to deal with, especially for the designer and developer of that interface; it can be particularly frustrating for the designer and developer who can no longer access the site to fix the issues.

Read more of this article here at ‘A List Apart’.

]]> http://www.55disk.com/2008/06/writing-an-interface-style-guide-a-list-apart/feed/ 0 Toolbox CSS http://www.55disk.com/2008/05/toolbox-css/ http://www.55disk.com/2008/05/toolbox-css/#comments Tue, 13 May 2008 14:21:25 +0000 55disk http://www.55disk.com/?p=102 Toolbox CSS is styling information that has nothing uniquely to do with any particular website. These are a collection of common styles that can be useful on any web project. How many times have you written a class for clearing a float? Too many, is my guess. The idea with Toolbox CSS is to include a separate stylesheet for these “utility” styles.

What ISN’T Toolbox CSS?

Toolbox CSS isn’t a CSS reset. Toolbox CSS isn’t a CSS framework. Toolbox CSS contains none of the styling “soul” that makes any web project unique.

Why use Toolbox CSS?

Using Toolbox CSS will save you time. It saves you from writing the same styles over and over and over. Need to float something to left? You can always count on your toolbox. It also helps you keep consistency amongst your sites. If you always use the same toolbox, your markup will share the same common class names and makes it easier for you to jump back into and understand.

Check it out here…

]]> http://www.55disk.com/2008/05/toolbox-css/feed/ 0 Using CSS to Do Anything: 50+ Creative Examples and Tutorials http://www.55disk.com/2008/04/using-css-to-do-anything-50-creative-examples-and-tutorials/ http://www.55disk.com/2008/04/using-css-to-do-anything-50-creative-examples-and-tutorials/#comments Fri, 25 Apr 2008 10:27:43 +0000 55disk http://www.55disk.com/?p=100 Another excellent article from Noupe, bookmark the page very handy!

www.noupe.com

]]> http://www.55disk.com/2008/04/using-css-to-do-anything-50-creative-examples-and-tutorials/feed/ 0 Making great looking CSS Buttons http://www.55disk.com/2008/04/making-great-looking-css-buttons/ http://www.55disk.com/2008/04/making-great-looking-css-buttons/#comments Thu, 10 Apr 2008 13:10:38 +0000 55disk http://www.55disk.com/?p=96 Handy guide to producing great looking buttons using CSS

www.oscaralexander.com

]]> http://www.55disk.com/2008/04/making-great-looking-css-buttons/feed/ 0