A weblog about coding, interface design, productivity and the art of making people love the web.

Posts tagged: downloads


Mainframe CSS framework 0.2

After some real testing on real production websites I've made some fixes and a few additions to the Mainframe CSS framework. What is it ? Read the release post for a bit more information here.

 

Changelog:

  • New: The .hidden class
  • New: Photoshop PSD & PNG templates for the fixed versions of the layout
  • New: Documentation & changelog
  • Updated: Updated the demo page
  • Fixed: Some bug fixes with strong tag & cleaners
  • Fixed: Lists were not showing up correctly (reset bug)

 

Please note that I'd love to have some feedback on this. My gmail is bibakisv@... Don't hesitate to drop me a line with your observations and ideas.

Sunday, August 9, 2009, 11:23. Tagged: downloads mainframe css

Mainframe CSS framework is born

I just completed an early version of a CSS framework which I think can ease a lot of the pain in modern web design. It's name is Mainframe.

 

The key features are

 

  • CSS reset: all things are reset to what should be the "defaults". This includes fonts, borders, margin, padding and others.
  • Some Internet Explorer specific CSS bugs and annoyances are fixed
  • Mainframe uses "spacers". Clear classes with a bottom margin. Very convenient
  • Some classes you can use to display errors, warnings and information boxes in a stylish way. I call these "AJAX helpers" because that's what I use them for.
  • 3 predefined containers for your content. 12 columns at 960px, 16 columns at 960px and a fluid one at 100% of the page width. PSD files for graphic designers are under development.
  • The 960 grid system.
  • It is free to use and modify under the terms of the Creative Commons Attribution-Share Alike 3.0 Unported License.
Friday, July 24, 2009, 21:03. Tagged: downloads code mainframe css

Templates in CodeIgniter

One of the most annoying stuff for CodeIgniter developers is having to include a header/footer/etc part in each and every view. CodeIgniter out of the box does not include template support (in the sence of a Joomla template or Wordpress theme). I have created a small library to assist you in using "templates" in CodeIgniter.


How to use

1) First copy the file MY_loader.php to your application/libraries folder.

2) Check the example folder to see how a template should look like.

3) Simply do:

$this->load->template('template_name', $data); 
$this->load->view('view_name', $data);


The template loading is done in pretty much the same way as the views loading. However please read the comments inside the MY_loader.php file. It takes one minute and you'll get the whole picture about how you can pass $data arrays containing variables.

Saturday, July 18, 2009, 07:00. Tagged: downloads code codeigniter