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.

Related:  Node.js

Kickstart Your AngularJS Development with Yeoman, Grunt and Bower Whether you love or hate it, there’s no denying that AngularJS is the framework on every developer’s lips. It may not be for everybody, but AngularJS has a quirky, efficient and powerful feature set. Couple that with a few useful development tools like Yeoman, Grunt and Bower and you’ve got yourself an incredibly fast rapid prototyping process. What we’ll cover

15 Detailed Responsive Web Design Tutorials In the past few years the rise of mobile devices such as iPads, iPhones and other smart phones was extremely huge and that was the reason why responsive web design started to play more and more important role in the design industry. But what is the responsive design you will ask. The idea of responsive web design, started by Ethan Marcotte, is that our websites should respond to the device that our page is shown on by adapting their layout and design to fit any device resolution. In his book “Responsive Web Design” he outlines the three parts to a responsive website: a fluid grid, fluid images and media queries. In this post I would like to share 15 useful responsive design tutorials to help you get started with responsive designing including fluid grids, fluid images and media queries.

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.

The Designer’s Guide to the OSX Command Prompt The command prompt. Once the lofty domain of that guy you know with the computer science degree. Now more and more the every day domain of the hacker web designer. A Simple CSS Framework Toast is a CSS framework made as simple as it can be, but no simpler. A plain-English responsive grid makes simple layouts a breeze, and with box-sizing you can add padding and borders to the grid, without breaking a single thing. .unit.two-of-three Build a real-time polls application with Node.js, Express, AngularJS, and MongoDB Recently while lecturing on HTML5 to a large group of students, I wanted to poll them and display their voting results, updating in real-time. I decided to quickly build a polling app for this purpose. I wanted a simple architecture and not too many different languages and frameworks. So I decided to use JavaScript for everything — Node.js and Express for the server-side, MongoDB for the database, and AngularJS for the front-end user interface.

Pixel Acres » Blog Archive » Build a parallax scrolling website interface with jQuery and CSS Parallax scrolling website interfaces have been popping up all over the place recently. I didn’t want to miss out on the fun, so I have put together a parallax scrolling demo built using jQuery and CSS. Parallax what? Even if you’re not familiar with the term “parallax scrolling” you will certainly be familiar with the technique. Parallax scrolling is a 2d animation process that creates an illusion of depth by animating foreground layers faster than background layers. When you observe the landscape from a moving car, objects closer to the car appear to pass you faster than scenery further away.

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.

Install the Compass Stylesheet Authoring Framework Installing Ruby Compass runs on any computer that has ruby installed. For more advanced users you may want to install rvm. Susy: Responsive grids for Compass All Susy3 API functions draw on the same shorthand syntax, which consists of two parts, seperated by the word of. The first part describes a grid-spanwidth, location (if needed), and spread (in any order): // <width> at <location><spread> $span: span(2);$span-spread: span(3 wide); // location is only needed with asymmetrical grids $span-location-spread: span(3 at 2 narrow); Installing Node.js via package manager Note: The packages on this page are maintained and supported by their respective packagers, not the Node.js core team. Please report any issues you encounter to the package maintainer. If it turns out your issue is a bug in Node.js itself, the maintainer will report the issue upstream.

Related:  mobile-websassSASS/SCSSSASS mixinslearnSASS