Bootstrap 4 is in development. The alpha 3 stage had been reached yet. The new navbar is a simple wrapper for positioning branding, navigation, and other elements into a concise navigation header. Many people has started testing Bootstrap 4 already. Before you start you should know that i did NOT switch from Less to Sass,
Continue reading: Bootstrap 4’s responsive navbars
Category Archives: Responsive Design
Less for the Ionic framework
This week I started to build a Less version for the Ionic framework. The Ionic framework, or shortly Ionic is a beautiful, open source front-end SDK for developing hybrid mobile apps with HTML5. Why should you need a Less version when there’s already a SASS version? Well, I know that Less vs SASS had been
Continue reading: Less for the Ionic framework
Migrate your (former) Skematik theme framework to Twitter’s Bootstrap 3: Instructions for theme developers
At Jamedo Websites we work with the Skematik Theme(work) to build responsive websites. Unfortunately the website was down for a while and Skematik use Twitters Bootstrap 2 only. Cause we need a new version of Skematik i start to migrate it to TB3. You will find this new version on: https://github.com/bassjobsen/jamedo-bootstrap-start-theme. To use the theme
Continue reading: Migrate your (former) Skematik theme framework to Twitter’s Bootstrap 3: Instructions for theme developers
Twitter Bootstrap 3 breakpoints and grid
Release Candidate 2 has important changes for the grid and the grid classes. Read Twitter’s Bootstrap 3 RC2 (important changes) The most important changes in Twitter Bootstrap 3 will be the more mobile-first approaching and the grid. From now Twitter’s Bootstrap defines three grids: Tiny grid for Phones (<768px), Small grid for Tablets (<992px) and
Continue reading: Twitter Bootstrap 3 breakpoints and grid
Bootstrap your (designer’s) mind
Most websites are built responsive nowadays. I use Twitter Bootstrap to build responsive websites. Twitter Bootstrap is a front-end toolkit for rapidly developing web applications and websites. It is a collection of CSS and HTML conventions. Twitter Bootstrap is built on LESS. LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions.
Continue reading: Bootstrap your (designer’s) mind
Responsive banner ads 2
The sample code of my first post about responsive banner ads won’t work in Internet Explorer 9 and lower versions. Internet Explorer 10 will be the first version with support of matchMedia. Also other browsers like Opera lack the support of matchMedia in older versions. See Compatibility table for support of matchMedia in desktop and
Continue reading: Responsive banner ads 2
Responsive banner ads
Responsive design is hot, so responsive advertising is hot too. That’s why we see many new ads techniques and strategies. You will find a nice example of technique on Responsive Banner Ads with HTML5 and CSS3. Or maybe the GASP project will bring nice responsive html5 advertisements in future. Also platforms like responsiveads.com introduce innovative
Continue reading: Responsive banner ads
Responsive images
In een eerdere post schreef ik al dat het in het kader van responsive design het logisch lijkt niet alles client side op te lossen. Niet veel later leerde ik via @nielsvanmidden dat deze techniek RESS genoemd wordt. Voluit spreekt men dan van Responsive Design + Server Side Component. Responsive images In websites gebruikte afbeeldingen leek
Continue reading: Responsive images