frameworks
Get flash to fully experience Pearltrees
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 !
shame.css
Welcome to the inuit.css blog – inuit.css – a powerful, scalable, Sass-based, BEM, OOCSS framework
Hey there! Thanks for your interest in inuit.css . I’ve set up this little blog in order to share more in-depth, detailed tips, tutorials, update information and more… If you use inuit.css, or are considering it, hopefully this little site will aid you on your journey. If there’s a particular topic you’d like to see covered, or you’d like a better writeup about a certain object, then fire me a tweet and I’ll look at getting something written up. This site will keep evolving and improving, but for now this is my MVP (I’ll be in the valley soon…) and it should cover all necessary bases.
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.
Vous savez déjà faire des sites internet ? Vous maîtrisez votre code, mais n'êtes pas totalement satisfait ? Vous avez trop souvent l'impression de réinventer la roue ? Alors ce tutoriel est fait pour vous ! Symfony2 est un puissant framework qui va vous permettre de réaliser des sites complexes rapidement, mais de façon structurée et avec un code clair et maintenable.
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.
Depuis fin novembre 2011, le CRDP de Versailles propose un logiciel libre (et gratuit) sous licence GNU-GPL baptisé Images actives . Cette application disponible pour Windows, Mac et Linux permet l’ enrichissement d’une image avec des commentaires . Concrètement, en naviguant sur une image, on fait apparaître des commentaires en fonction des détails sélectionnés et mis en valeur. On comprend l’intérêt d’ Images actives pour les acteurs de terrain d’EPN (mise à disposition d’images enrichies pour les apprenants), des formations, les univers didactiques, le monde de l’enseignement et de l’entreprise pour expliciter des notions. L’image à commenter peut être un schéma, une photo, une carte, un graphique, une oeuvre d’art… Le logiciel Images actives permet de délimiter les zones mises en avant pour y attacher du texte.
Images actives, logiciel libre pour créer des commentaires interactifs d’images
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.
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 .