background preloader

Sass: Sass Basics

Sass: Sass Basics
Before you can use Sass, you need to set it up on your project. If you want to just browse here, go ahead, but we recommend you go install Sass first. Go here if you want to learn how to get everything setup.

http://sass-lang.com/guide

Related:  sitesWWW_addonsWebdesignHTML / CSS / JScelikgrapixCSS

Creative Problem Solving and Decision Making Explore complex, multi-actor systems in which one factor influences all other factors. For instance, how innovative energy technologies merge into the existing energy system, or how new transport possibilities impact current processes. Armed with this information, learn to decide whether they should be further developed, consider possible negative results and weigh associated costs. There are multiple ways to make decisions, but one way proven to be very useful is the analytical approach - a methodology for making the problem explicit and rationalising the different potential solutions. In short: analysis based support of decision making, design and implementation of solutions.

Contrast Through Scale « Back to Blog on Friday 19th of October 2012 Typographic contrast is a deft and powerful weapon in your design arsenal. Javascript expressions and operators - MDN reference This chapter documents all the JavaScript language operators, expressions and keywords. Expressions and operators by category For an alphabetical listing see the sidebar on the left. Primary expressions

Responsive Measure: A jQuery plugin for responsive typography Responsive Measure is a simple script that allows you to pass in a selector (ideally the container where your primary content will go) which generates the ideal font size needed to produce the ideal measure for your text. It also has the ability to generate a resolution independent font-scale based on the ideal font-size. $(document).on('responsiveMeasureUpdated', function(e, data) { $('.giga').css('fontSize', data.fontRatios[9] + 'px'); $('h1').css('fontSize', data.fontRatios[8] + 'px'); $('h2').css('fontSize', data.fontRatios[7] + 'px'); $('h3').css('fontSize', data.fontRatios[6] + 'px'); $('p').css('fontSize', data.fontRatios[5] + 'px'); $('.sm').css('fontSize', data.fontRatios[4] + 'px'); });

Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download! All layouts use valid markup and CSS, and have been tested successfully on Internet Explorer/win 5.0, 5.5, 6 and beta 2 preview of version 7; Opera 8.5, Firefox 1.5 and Safari 2. Each of the columns could be the longest, and for testing columns length I've used the script filler text on demand. Each layout could represent a site with five main sections: header, content, navigation, other stuff and footer. The basic markup, common to every layout, is the following: Free HTML5 Template for Multipurpose Websites - Logic Logic is an ideal theme for any agency like creative design agency, web development agency, PR agency, fashion agency, as a theme for a startup company or well-established company. It would also look great for product or service landing page or product microsite. With a great collection of elements to choose from and present your product, it is an ideal theme for any startup company. The template is developed with HTML5, Bootstrap, CSS3, jQuery.

A More Modern Scale for Web Typography « Back to Blog on Wednesday 15th of January 2014 In RWD, the proportions and rhythm of your body, headers & measure deserve as much attention as margins, floats & media queries. Sass vs. LESS "Which CSS preprocessor language should I choose?" is a hot topic lately. I've been asked in person several times and an online debate has been popping up every few days it seems.

Flat UI Header 3The Vatican transitions to a Header 4Great American Bites: Telluride's Oak, The Header 5Author Diane Alberts loves her some good Header 6With the success of young-adult book-to-movie Paragraph Spring-cleaning Unused CSS With Grunt, Gulp, Broccoli or Brunch The tough economic times on Tatooine hit everyone hard, including the Jawas. Delivering a fast experience on the web usually involves reducing server response time, minification of CSS/JS/HTML and an optimisation of images and above-the-fold content. We can further minimize the latency caused by stylesheet loading by removing unused CSS rules delivered to the client. In this write-up, we’ll take a look at build tasks you can use to remove unused CSS in your pages. Before we begin, I thought it would be useful to share some success stories just to demonstrate that the tools here can be used to make a difference.

About Analytics for iPad - Analytics for iPad Show your boss or business partners what is happening, browsing thru all your reports turning the iPad in impressive Landscape or Portrait modes. The interface is made so clean and intuitive, that you will never want to stop looking at your websites :-) More than 100 Reports with many filters and options show you nearly every detail of what is happening on your website! The Key-Features of Analytics for iPad: Full Access to All Google Analytics Reports including Real-Time Reports! Analytics for iPad is optimized for your daily use:

Related:  tutorialsCSSsass/scssSASS/LESSsass