Sweet Hat Club Gumby Framework Fluid-Fixed CSS Documentation Introduction Gumby v2 is here. You haven't a moment to waste! So many new, amazing features await you! Some things you will need with you on this journey are: A code editor of your choice (we recommend Sublime Text 2+)A decent knowledge of HTML/CSSA willingness to learnGoogle or comparable search engine. Some optional things that we recommend include: A web server (Apache or similar) Some basic knowledge of programming (variables, functions)General knowledge of the terminal Things that are NOT required are: Any specific web framework such as Rails, Codeigniter, etc. Browser Compatibility Gumby is developed following the latest standards and specs. ChromeFirefoxOperaInternet Explorer 8 – 10 We also support some of our elderly community of browsers down to IE 8. Options There are many ways you can work with Gumby. GUIs There are several GUIs out there that take the fear/mystery/fun out of using the terminal. Vanilla CSS Terminal (It's not scary!) Installing Ruby Mac Linux Gem Dependencies Boom. Bower
Proto: Rapid Prototyping for Responsive Web Design Getting started Proto uses a combination of HTML and compiled SCSS to create your prototypes. If you're new to SCSS there's a quick guide for you to follow below. SCSS 101: The quick guide. At the top of the proto.scss file, you'll find the Proto variables. // Proto vars// Be sure to inlclude appropriate units i.e. Proto comes with these variables predefined, but feel free to change any of the values to match your own requirements. The 'block' class The single most important part of Proto is the .block class. <! Any 'containing' element you create - header,section,article,footer,div etc - should have the .block class applied it. The 'center' class Apply this class to a block to center it within its parent. <! The 'grid' class Grids are a cinch. <! Nesting grids Grids can be nested as far down as you'd like allowing the creation of intricate layouts. <! Hide or show? You can opt to either show an element within a given viewport range, or display it within all but a given viewport range. <! <! <! <!
Responsive web design | BLOSTwebdesign Créer un site internet demande désormais une compatibilité avec les navigateurs des terminaux mobiles. La tendance se confirme, le nombre d’utilisateurs de smartphones, de tablettes, de netbooks,… grandit au fil des mois. En 2012, les ventes de tablettes auront dépassé celles des ordinateurs. Comment s’adapter et fournir des sites internet compatibles avec les nombreuses résolutions d’écran ? Aujourd’hui, une technique répond totalement à ces critères : le responsive webdesign. Il faut repenser toute l’approche de création d’un site Internet. C’est la dernière révision majeure du HTML qui est un format de données web. Langage informatique, les feuilles de style en cascade servent à présenter le HTML et le XML.