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. HTML KickStart HTML Elements & Documentation - Setup Download HTML KickStart Include jQuery and HTML KickStart <script src=" src="js/kickstart.js"></script><!-- KICKSTART --><link rel="stylesheet" href="css/kickstart.css" media="all" /><!

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!

Unquoted CSS font family name validator Wondering if a given character sequence can be used as an unquoted font family name in CSS? Read all about it, or just use this tool. <strong>To use this tool, please <a href= JavaScript</a> and reload the page.</strong> permalink You can use this as an unquoted font family name in CSS: SweetAlert So... What does it do? Here’s a comparison of a standard error message. The first one uses the built-in alert-function, while the second is using sweetAlert. next generation web design through the browser Buildor Pro has a 50-day free trial. The price will then be USD$10 -- on a [PayPal] monthly subscription, or at half-price for an annual payment of $60 or equivalent local exchange rate. (This is a time-limited introductory offer for both.) The subscription service is now being processed by Paypal, and should be available soon. A developer's API version of Pro for resale to clients is in the pipeline. If, after 50 days, you do not want to subscribe to Pro then your account will be moved automatically to buildorLite - which will always be free unless you want to include it on a commercial site, such as an ISP, where you would need to contact us to agree a fee and terms of use.