 Your new post is loading...
Despite saying that I wanted to avoid writing post about development, I wanted to write something about Sass. Excuse me, what is Sass? Sass is a CSS pre-processing language; it's a slightly differe...
Modifier ou designer les puces des éléments de liste n'est pas forcément un exercice de tout repos : nous avons souvent recours aux images de fond bien que d'autres techniques, plus simples à maintenir, mais moins connues, existent. Faisons le tour des méthodes utilisables aujourd'hui, avec leurs avantages et inconvénients.
Yesterday I published the CSS2 and Backgrounds & Borders mobile tables. CSS2 is the table that contains all properties that were never redefined in any CSS3 module. It includes such vital properties as display, position, andoverflow. Backgrounds & Borders, despite the name, is mostly about backgrounds and a few miscellaneous properties. I test border-radius, but the other border-related property, border-image, is WAY too complicated for me. On mobile there are three declarations that merit particular attention: overflow: auto, position: fixed, and background-attachment. Despite their apparent differences they have one important aspect in common: there is now an element that should be scrolled and moved (or not scrolled or moved) separately from the page as a whole. That turns out to be a challenge for many mobile browsers.
Create rapid and logical page layout and app prototypes with Gumby Framework, a responsive CSS framework based on the 960 grid you already know.
I’ve been using the inherit value a lot more recently; it can easily reduce the amount of repetition in your style sheet. Here’s a basic example of what I am talking about.
This is a collection of some basic styles that can come in handy when creating your own style definitions. Learn how to make some useful classes for simple styles and how to apply them to a variety of elements.
This article is a pretty basic one, but it’s aimed at developers struggling to shake the idea that classes in your HTML are somehow a bad thing. Quite often, developers new to OOCSS find it hard to transition from adding no classes to anything to adding as many as you need (i.e. a lot more than you were).
Over the past few years, the “CSS framework” topic has been one of the most hottest topics. There have been a number of permutations of CSS grid frameworks; fixed, fluid, elastic, responsive … you name it. To most seasoned front-end veterans, the topic of CSS frameworks isn’t new. But, let’s face it. Building a foundation of styles for each new project can be tedious and repetitive. But not with Sass.
Utiliser CSS3 c'est bien, mais pas suffisant. Il ne s'agit pas d'un nouveau langage de style, mais bien d'ajouts à CSS2.1.
Décidément, le respect de la sémantique nous aura donné du fil à retordre. La balise table, encore elle, permet le plus simplement du monde de centrer des éléments sur les deux axes. Le problème et...
One task css doesn’t make easy is centering objects vertically within their containers. Last summer I offered 6 methods for vertical centering to address that difficulty. The methods generally require knowing in advance the heights of the parent and child elements. What do you do when the child element’s height isn’t known?
Adjusting image Brightness and Contrast, or turning image into Grayscale or Sephia is a common feature you may find in image editing application, like Photoshop. But, it is now possible to add the same effects to web images using CSS.
Here you’ll find a list of tools I’ve developed over the years, to make working with various CSS3 features a bit easier. Since they’re for developers, most of them only work in recent browsers. Also, obviously if you use a tool to help you with a CSS3 feature, it probably won’t work in browsers that don’t support that feature.
|
The fun thing about CSS Media Queries is that there isn’t a whole lot of solid documentation on them. Most engineers are concerned with simply …
Who doesn’t love a good list? We use them constantly in our markup for a variety of different situations. Today we’re going to take a look at a few simple and practical examples that you can steal and use in your own work.
In this post, we are going to discuss a CSS Preprocessor called Sass or Syntactically Awesome Stylesheets. If you have been following our previous posts on LESS, we are sure that you are familiar with the CSS Preprocessor.
What we have for you today is 50 web-based apps and tools that will either offer, in one way or another, a time-saving solution to many modern development...
In this collection 23 Fresh CSS, JavaScript and HTML Tools of 2012. You can find this useful development tools for save your time.
Learn HTML and CSS (with HTML5) from master trainer, Mark Lassoff - No experience required.
We round up 101 of best CSS and JavaScript tutorials from around the web. Check them out: one of them could save you some serious time on your next web design project!
Parce qu’un jour CSS nous promet de ne plus avoir à nous torturer avec des bidouilles de positionnement, des bugs d’affichage, des hacks, des flottants mal...
CSS and the Beautiful Future of Web Design by Gizmodo UK. CSS might sound like a language that only geeks can decipher, but its accessibility and power has turned the web into a beautiful playground. This is the l .
One task css doesn’t make easy is centering objects vertically within their containers. Last summer I offered 6 methods for vertical centering to address that difficulty. The methods generally require knowing in advance the heights of the parent and child elements. What do you do when the child element’s height isn’t known?
Howdy, folks! Welcome to more Smashing Magazine CSS Q&A. It works like this: you send in questions you have about CSS, and at least once a month we’ll pick out the best questions and answer them so that everyone can benefit from the exchange. Your question could be about a very specific problem you’re having, or it could even be a question about a philosophical approach. We’ll take all kinds.
CSS3 is one the most beautiful thing that happened to my life. Without a doubt, this has changed the life of every CSS developers around. The stuffs that used to take me whole day is now taking only just few hours of a day. So rest of the day, I can hangout with friends and more than that, my girlfriend is really satisfied and happy with me.
|