background preloader

Scout - Compass and Sass without all the hassle

Scout - Compass and Sass without all the hassle
What is Sass? Sass is an extension of CSS that adds nested rules, variables, mixin functions, and a whole lot more. It eases the burden of organizing and maintaining CSS code, while also compiling your Sass code to properly formatted CSS. What is Compass? Compass is an open-source CSS framework that makes using CSS3 and popular design patterns easier than ever. Compass works exclusively with Sass to help you write cleaner, quicker CSS code. Leave feedback If you have questions, comments, or any other feedback about Scout, please chime in on the GitHub Issues page.

Related:  WebmasterSASS

SlickMap CSS: A Visual Sitemapping Tool for Web Developers — Astuteo™ Side Projects SlickMap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.

Using Source Maps to Debug Sass in Chrome If you use Sass in your front-end projects, chances are your partials are split in a clean and logical fashion based on a reliable Sass architecture. In such cases, debugging the compiled CSS could be both troublesome and time consuming. Sass provides a flag to enable line numbers (--line-numbers), which includes comments (like below) in your CSS. 25 Free Responsive HTML Templates September 19th, 2012 by aditia rahman / No Comments Responsive web design is becoming one of web design trend today, it let the design layout automatically adapt many web browser resolution in normal, widescreen, tablet and smartphone. Surely this is very helpful for designer who don’t like the mobile web version, in this post I want to share some example html responsive templates that are free to download, you can see the capture page are on smartphone and desktop resolution, they are great for learning and inpiration material. Bulker

About normalize.css Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It’s a modern, HTML5-ready, alternative to the traditional CSS reset. Normalize.css is currently used in some form by Twitter Bootstrap, HTML5 Boilerplate, GOV.UK, Rdio, CSS Tricks, and many other frameworks, toolkits, and sites. Overview Normalize.css is an alternative to CSS resets. Free textures for your next web project. The seigaiha or wave is a pattern of layered concentric circles creating arches, symbolic of waves or water and representing surges of good luck. Made by Olga Libby Download A friend gave me a cork wallet. I scanned it and made this.

Smart Fixed Navigation A fixed navigation that allows your users to access the menu at any time while they are experiencing your website. It's smaller than a full-width fixed header, and replaces the back-to-top button with a smarter UX solution. Browser support ie Chrome Firefox Safari Opera 9+ Web pages with a lot of content require a quick way for the user to get back to the top, where the navigation is (most of the time). Sass Mixin for Generating Color Palettes What is this? Sick of putting together a whole bunch of variables to build or prototype something? I am. So I made a color palette generator in Sass. You can use it too, if you'd like. It's pretty simple, just include the mixin, pass in your color and which type of palette you'd like to create, and voila!

A Responsive Off-Canvas Menu This is a responsive off-canvas menu demo using CSS transforms and transitions. Give it a try on your mobile device! Check back soon for a more accessible version. This article is from my blog. To wrap up 2011 I wrote a few thoughts on web design looking forward.

Related:  toolsCSS Stylesheet Languages & PreprocessorsCSSFramework CSS