Lectures web
Follow
Find tag "Css"
6.2K views | +0 today
Lectures web
Divers articles, ressources, ...
Your new post is loading...
Scooped by Agathe-Sevegrand
Scoop.it!

Sass for Designers

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...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Donnez du style à vos listes d'éléments - Alsacreations

Donnez du style à vos listes d'éléments - Alsacreations | Lectures web | Scoop.it

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.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

New CSS tests - CSS2 and Backgrounds & Borders - QuirksBlog

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.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Gumby 960 Grid Responsive CSS Framework

Gumby 960 Grid Responsive CSS Framework | Lectures web | Scoop.it
Create rapid and logical page layout and app prototypes with Gumby Framework, a responsive CSS framework based on the 960 grid you already know.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Don't Forget the CSS Value 'inherit' - Joshua Hibbert

Don't Forget the CSS Value 'inherit' - Joshua Hibbert | Lectures web | Scoop.it
I’ve been using the inherit value a lot more recently; it can eas­ily reduce the amount of repe­ti­tion in your style sheet. Here’s a basic example of what I am talk­ing about.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Basic Ready-to-Use CSS Styles

Basic Ready-to-Use CSS Styles | Lectures web | Scoop.it
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.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A classless class—on using more classes in your HTML

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).
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Building a CSS framework with Sass - Advanced

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.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Un Nth-child en CSS 2 compatible depuis IE7 - CSS / CSS3 | CreativeJuiz

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.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Centrage vertical et horizontal d'éléments de taille variable

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...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

How To Vertically Center Unknown Rows Of Content Inside A Fixed Container - Vanseo Design

How To Vertically Center Unknown Rows Of Content Inside A Fixed Container - Vanseo Design | Lectures web | Scoop.it
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?
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Image Adjustment with CSS Filter Effects

Image Adjustment with CSS Filter Effects | Lectures web | Scoop.it
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.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

CSS3 tools | Lea Verou

CSS3 tools | Lea Verou | Lectures web | Scoop.it
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.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Using CSS Media Queries for Multi-Platform

Using CSS Media Queries for Multi-Platform | Lectures web | Scoop.it
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 …
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

5 Simple and Practical CSS List Styles You Can Copy and Paste | Design Shack

5 Simple and Practical CSS List Styles You Can Copy and Paste | Design Shack | Lectures web | Scoop.it
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.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Getting Started with Sass: Installation and the Basics

Getting Started with Sass: Installation and the Basics | Lectures web | Scoop.it
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.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

50 Free Web-Based Apps and Tools for Web Developers

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...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

23 Fresh CSS, JavaScript and HTML Tools of 2012

23 Fresh CSS, JavaScript and HTML Tools of 2012 | Lectures web | Scoop.it
In this collection 23 Fresh CSS, JavaScript and HTML Tools of 2012. You can find this useful development tools for save your time.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

HTML and CSS for Beginners

Learn HTML and CSS (with HTML5) from master trainer, Mark Lassoff - No experience required.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

101 CSS and JavaScript tutorials to power up your skills

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!
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Le Futur du positionnement CSS

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...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

CSS and the Beautiful Future of Web Design

CSS and the Beautiful Future of Web Design | Lectures web | Scoop.it
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 .
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Two methods for vertical centering in CSS - Hugh Lashbrooke

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?
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

SVG Fallback, Vertical Rhythm, CSS Project Structure | Smashing Coding

SVG Fallback, Vertical Rhythm, CSS Project Structure | Smashing Coding | Lectures web | Scoop.it
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.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Using power of CSS3 for making faster web - WiQiM

Using power of CSS3 for making faster web - WiQiM | Lectures web | Scoop.it
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.
more...
No comment yet.