Responsive Web Design in Sass Part 1: Fluid Layouts and Fluid Images | The Sass Way

Responsive Web Design in Sass Part 1: Fluid Layouts and Fluid Images - The Sass Way

No doubt you’ve at least heard the term “Responsive Web Design”. Since Ethan Marcotte’s article and book came out over the last year or so it’s been the hot topic among web folk, and rightly so. The solutions Ethan puts forth gracefully solve a number of problems we’ve been limping along with.

Using Compass and Sass for CSS in your Next Project | Nettuts+

Using Compass and Sass for CSS in your Next Project | Nettuts+

Sass could potentially be called CSS 2.0; it has some really nifty features that allow you to write your code in less time and with more flexibility. In today’s article, we will be working the basics!

Sass is simply a different way to work with CSS. It allows you to keep your CSS code very simple and helps increase readability.

Compass makes working with Sass even easier. The author, Chris Eppstein, has also included some converted frameworks such as Blueprint, YUI, and 960.gs. It also easily integrates with Ruby based projects, but is just as easy to add to any other project. Compass is open-source and is extremely well documented.

CSS3 box-ordinal-group property | W3Schools

CSS3 box-ordinal-group property

The box-ordinal-group property specifies the display order of the child elements of a box.
Elements with a lower value are displayed before those with a higher value.
Note: The display order of the elements with the same group value depend on their source order.

Designers vs Coding | via Frank

via Frank : Designers vs Coding

“Do I need to know how to code?” is a question that comes up with sure-fire consistency in design circles. I’ve seen it asked by so many, from uncertain design students in classrooms worried about their chances of landing a job, to seasoned professionals at conferences seeing their pool of print projects slowly evaporate. The question is being asked with even greater frequency as of late, because Adobe has launched their product Muse, which promises designers the ability to “create unique websites without writing code.” So, if a designer wants to work on the web, should they take the time to learn this dastardly “code” or instead rely on software like Muse?

Mobile development with HTML5 | Engine Yard Ruby on Rails Blog

Mobile development with HTML5 | Engine Yard Ruby on Rails Blog

If you read blogs that are even slightly related to tech, you likely hear about HTML5 on a near-weekly basis. Although the new web standard does not do your laundry, it has features that enable the creation of powerful applications—using only HTML, CSS and JavaScript (a Rails back-end can bring additional firepower to the table). This post will go over some key concepts and features of HTML5, setting the stage for more advanced subjects.

The Semantic Grid System: Page Layout For Tomorrow - Smashing Magazine

The Semantic Grid System: Page Layout For Tomorrow - Smashing Magazine

CSS grid frameworks can make your life easier, but they’re not without their faults. Fortunately for us, modern techniques offer a new approach to constructing page layouts. But before getting to the solution, we must first understand the three seemingly insurmountable flaws currently affecting CSS grids.

WebPutty: Simple, fast, and powerful CSS editing and hosting. - WebPutty

WebPutty: Simple, fast, and powerful CSS editing and hosting. - WebPutty

WebPutty gives you a syntax-highlighting CSS editor you can use from anywhere, the power of SCSS and Compass, a side-by-side preview pane, and instant publishing with minification, compression, and automatic cache control.
Get started with just a pair of tags in your website's template and WebPutty will host and serve your published CSS minified and gzipped for super speed. Read more about why we built WebPutty.

How to Use the Sticky Footer HTML & CSS Code

How to Use the Sticky Footer HTML & CSS Code

There are many sticky footer methods to be found in Google. I've tried many of them and they usually fail in some regards. The problem it seems is that some of these methods are old and may have worked in older browsers but they don't in newer browser releases. Because those pages are old, and were heavily linked too in the past, they still rank high in Google. Many webmasters looking for a sticky footer solution end up scratching their heads as they try these same old methods because they are the first ones they end up finding when they search.

   

BlueTrip CSS Framework | A beautiful and full-featured CSS framework

BlueTrip CSS Framework | A beautiful and full-featured CSS framework

A full featured and beautiful CSS framework which originally combined the best of Blueprint, Tripoli (hence the name), Hartija, 960.gs, and Elements, but has now found a life of its own.

Grails and BluePrintCSS | Tomás Lin’s Programming Brain Dump

Grails and BluePrintCSS | Tomás Lin’s Programming Brain Dump

In this post, I try out the BluePrint CSS framework and try to see its advantages for making skinning a Grails based project faster and easier.
We recently launched a project which heavily used Ajax and Grails. One of the biggest challenges we saw in this project was the lack of standards when it came to skinning the site via CSS. I was surprised at the amount of hack-and-slash coding that I saw from people who did CSS for a living.

LUG Villafranca Programming Course

LUG Villafranca Programming Course

This document gives a brief outline of the programming course organised together with the Linux User Group of Villafranca, Verona, Italy. The course introduces programming in JavaScript, Ruby, and fundamentals of Ajax over a ten week period. In twenty intensive hours, students are introduced to the tools and methods used in modern programming practices, and the author's twenty years of experience.

This document is being published on the Internet in parallel with the course. Once the course has finished, it will remain as a tutorial for other fledgling programmers.