Shame.css. 17 April, 2013 Update: I did a short interview about shame.css with .net magazine. Something Chris Coyier, Dave Rupert and I joked about recently was the idea of a stylesheet dedicated to housing your nasty, hacky, quick-fix CSS. I’ve been thinking a lot more about it lately and I reckon it’s actually a pretty good idea; here’s why… The problem We all know that, no matter how hard we may try, sometimes we do need to use quick fixes, hacks and questionable techniques in our code.
It happens, whether we like to admit it or not. From using a quick overflow:hidden; instead of working out what’s actually broken our layout, to the odd ! Whilst this isn’t ideal, we have to do it from time to time; all of us. The real problem, though, is that we rarely go back and tidy these things up. The problem with leaving hacks and nasty code is obvious; it’s hacky and nasty.
What is needed is a way of allowing these hacks when necessary, but making sure that they don’t go unnoticed and unresolved. The solution. Welcome to the inuit.css blog – inuit.css – a powerful, scalable, Sass-based, BEM, OOCSS framework. Montage | Tetsubo. Gumby 960 Grid Responsive CSS Framework. 15 CSS Frameworks for Responsive Web Design. Responsive design is cool thing to do, and for good reason — it means one site to maintain for all devices.
It’s also a really challenging approach to web design. In this article, we look at frameworks that will help you handle the challenge. Just like most CSS frameworks, all of the frameworks below will help you rapidly develop sites by eliminating the need to write basic CSS styles yourself, and they also come with a responsive layout helping you to quickly and easily create mobile-specific sites. Foundation is a a 12-column, future-friendly responsive grid framework that includes dozens of styles and elements to help you quickly put together clickable prototypes, that can then be adapted and styled into polished production code. Less Framework is a CSS grid system for designing adaptive websites. The Golden Grid System is a folding grid system for responsive design. Amazium is a responsive framework based on a 960 grid system with 12 columns.
Symfony2 - Un tutoriel pour débuter avec le framework Symfony2. 20 Useful Tools to Make Web Development More Efficient. There are many available tools to help make web development projects quicker and more productive. Aside from a handy text editor or WYSIWYG editor like Dreamweaver, you can find plenty of tools and utilities that can greatly increase development speed, reduce debugging and testing time, and improve quality of the output. The tools described below are a variety of utilities, optimizers, testing, and debugging tools aimed towards helping developers create websites more efficiently. 1.
CSS Grid Builder CSS Grid Builder is an online GUI for customizing the YUI Grids CSS – a lightweight CSS framework developed by Yahoo! That comes with over 1000 page layout combinations. You don’t even have to host the CSS file on your web server (saving you some bandwidth and maintenance hassles), the generated code links to the appropriate stylesheet found on Yahoo!’
2. 3. 4. 5. logicss: CSS Framework logicss is a collection of CSS files and PHP utilities aimed at reducing web development time. 6. 7. 8. 9. Images Actives - Le logiciel pour explorer l'image. Images actives, logiciel libre pour créer des commentaires interactifs d’images. RailsFrance.org | La communauté francophone des utilisateurs de Ruby On Rails | Railsfrance.org. Foundation: Rapid Prototyping and Building Framework from ZURB. Foundation — Framework HTML, CSS & jQuery. Sass/Less Comparison (updated 2011-02-09) -- thanks to chriseppstein for starting this. In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax. For less, I'm using the ruby version because this is what they suggest on the website.
The javascript version may be different. Variables Both languages support scoped variable definition within a selector context. However they differ in their behavior: And their different output: Nested Selectors Sass has the & selector that allows nested selector to refer to the parent scope. Mixins Mixins with Arguments / Dynamic Mixins Differences between mixins with Args: 1. Selector Inheritance Less does not provide selector inheritance. Colors Both less and sass provide color math. Sass provides a full array of tools for manipulating colors. Sass exposes a long list of color functions not found in CSS: Accessors: red($color)green($color)blue($color)hue($color)saturation($color)lightness($color)alpha($color) Mutators: Numbers Sass: Less:
Modernizr. Modernizr est une bibliothèque JavaScript conçue pour détecter des fonctionnalités spécifiques de HTML et CSS dans les navigateurs. Puisqu'il est inutile d'embarquer un fichier complet de détection dans tous les sites web, un script sur mesure peut être construit en piochant parmi les fonctionnalités détectables. Il sera par exemple possible de savoir si le navigateur supporte les transformations CSS 3D, la vidéo HTML5, Canvas ou SVG, et de prévoir une alternative le cas échéant.
Son usage est très simple, il suffit de copier-coller les quelques lignes générées dans le code source de la page, ou bien dans un fichier externe, puis d'exploiter l'objet Modernizr et ses propriétés (par exemple Modernizr.canvas, Modernizr.fontface, Modernizr.geolocation etc), initialisées aux valeurs booléennes true ou false. La méthode Modernizr.load vise aussi à faciliter le chargement de scripts tiers. HTML5 CSS3 Toolkit - Modernizr.
HTML KickStart - Ultra–Lean HTML Building Blocks for Rapid Website Production - KickStart your Website Production - 99Lime.com. Django-fr | Le Framework Web python pour les perfectionnistes.