Tom Janssens - Personal blog

  • Archive
  • RSS
  • Ask me anything

Templating with LESS and Bootstrap from Twitter

Today I gave a presentation about templating with LESS - The dynamic stylesheet language and Bootstrap from Twitter at the JoomlaDays in The Netherlands.

As promised, a list of all the resources I used during my presentation:

  • LESS - The dynamic stylesheet language
  • Bootstrap from Twitter
  • Presentation ‘Do more with {less}’
  • Bootstrap demo
  • 4 weeks ago
  • Comments
  • Permalink
  • Share
    Tweet
If you can’t explain it simply, you don’t understand it well enough.
Albert Einstein
  • 10 months ago
  • Comments
  • Permalink
  • Share
    Tweet

Gmail’s new look, only one thing missing

Last week Google announced a preview of Gmail’s new look. Only one thing missing for me: CSS3 Flexible Box Model (aka Flexbox) power for people not using a browser from the Stone Age.

Preview of Gmail's new look

People who attended my presentation together with Stian Didriksen about How to Build Native Web Apps with HTML5 & CSS3 at J and Beyond on friday 6 May 2011 will probably already know about my preference for the amazing power of Flexbox. Since J! and Beyond we also added Flexbox power to Nooku Server Alpha3.

Last weekend I started a new little weekend project with a simple goal: add Flexbox power to Gmail’s new look as proof-of-concept. On sunday evening I finished the first version of a Flexbox powered Gmail.

A little feature list:

  • Flexbox for the layout (no CSS float properties used);
  • Rounded corners, gradients, shadows using CSS3 (no images used); 
  • Custom scrollbars for Webkit powered browsers
  • LESS: The Dynamic Stylesheet language 

Make sure to check the demo for a sneak peek or source code on GitHub.

    • #css3
    • #flexbox
    • #proof-of-concept
    • #ui
  • 10 months ago
  • 6
  • Comments
  • Permalink
  • Share
    Tweet
Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.
Antoine de Saint-Exupery
    • #quote
  • 1 year ago
  • Comments
  • Permalink
  • Share
    Tweet
johanjanssens:

Nooku Community Contributors at J and Beyond 2010. 
Left to right : Mathias Verraes, David Deutsch, Tom Janssens, Johan Janssens, Gergő Erdősi, Stian Didriksen, Torkil S. Johnsen.
Pop-upView Separately

johanjanssens:

Nooku Community Contributors at J and Beyond 2010. 

Left to right : Mathias Verraes, David Deutsch, Tom Janssens, Johan Janssens, Gergő Erdősi, Stian Didriksen, Torkil S. Johnsen.

Source: johanjanssens

    • #jab10
    • #nooku
    • #team
    • #event
    • #joomla
  • 1 year ago > johanjanssens
  • 20
  • Comments
  • Permalink
  • Share
    Tweet

Nooku Developer Portal

johanjanssens:

The Nooku Developer portal just opened it doors. Go check it out ! You can read the official announcement here.

Source: johanjanssens

    • #nooku
  • 2 years ago > johanjanssens
  • 1
  • Comments
  • Permalink
  • Share
    Tweet

You have to chase and embrace innovation to stay in the game, not demand that it comes over to shine your shoes.

    • #quote
  • 2 years ago
  • Comments
  • Permalink
  • Share
    Tweet

DOCman Populate video tutorial.

  • 2 years ago
  • Comments
  • Permalink
  • Share
    Tweet

Portrait/Logo

About

Young web entrepreneur & User Interface Developer. Working at Timble on Nooku, an open source web application platform.

Me, Elsewhere

  • tomjanssens on Dribbble
  • @janssenstom on Twitter
  • Facebook Profile
  • tomjanssens on Vimeo
  • tomjanssens on Flickr
  • My Skype Info
  • Linkedin Profile
  • tomjanssens on github

Twitter

loading tweets…

  • RSS
  • Random
  • Archive
  • Ask me anything
  • Mobile

Effector Theme by Carlo Franco.

Powered by Tumblr