Make sure you have a best-practice internet framework then push innovation through it.
Join Scoop.it for Free
Share ideas that matter on the social web and experience
the benefits of curating the world's best content.
I don't have a Facebook, a Twitter or a LinkedIn account
Already have an account: Login
|
Scooped by Agathe-Sevegrand onto Lectures web |
No comment yet.
Sign up to comment
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
 Your new post is loading...
Scoop.it!
Ryan Boudreaux demonstrates some applications of various CSS3 filter effects, including grayscale, sepia, saturation, and combined effects.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
CSS3Ps is a free, cloud based, photoshop plugin for converting layers to CSS3 styles.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
Parmi les nouveaux modules apportés par CSS3 se trouve « CSS Flexible Box Layout », qui peut être traduit par « modèle de boîte flexible ».
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
In this 30min video I cover:
Reflows, what they are and how to avoid them Hardware accelerated CSS, how to trigger it Letting the browser optimize animation for you with requestAnimationFrame Web Workers Benchmarking Build scripts Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
Positionner correctement des éléments en CSS s'est toujours révélé être une mission aussi palpitante que fastidieuse en raison d'un lourd passé de navigateurs assez peu enclins à suivre des standards communs. Depuis sa création, CSS propose officiellement quatre types de rendus d'éléments :
- Le rendu "bloc" - Le rendu "inline" - Le rendu "tabulaire" - Le rendu "positionné" CSS3 étend ce périmètre en introduisant un nouveau modèle de boîte "flexible" : Flexbox, ou Flexible Box Layout Module. Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
Web standards like HTML5 and CSS3 continue to change. One of the most significant changes has been the W3C Candidate Recommendation for CSS Gradients which allows developers to code for modern browsers like Internet Explorer 10 without using vendor prefixes. In this article, I’ll take you through some differences between the old and new syntax and behavior and provides some insight into the change. Hopefully it will save you some time as you support many browsers.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
HTML5 c’est bien. CSS3 aussi.
Bon ok faut pas vouloir faire un dégradé rapidement qui soit compatible Gecko/Webkit, ni faire en une ou deux lignes une boîte avec des coins arrondis. En plus on a de nouveaux jouets, comme les input type=‘search’. Justement en parlant de ça, il se trouve que pour un client je me suis retrouvé devant une maquette où se trouve un champs de recherche habituel, celui-ci étant habillé de gris entre autres choses… À charge pour moi de faire une intégration HTML5/CSS3 de la chose. Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
In general, people will lose track when reading extremely long content. That is why, in print media like magazines and newspapers, the content is divided into multiple columns for easy reading. Magazine layout by: Ronel van Heerden.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
Not so long time ago, when we create a box in a web page, let’s say with a div, we specify 100px for both the width and the height, followed by padding for 10px and borders of about 10px as well.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
|
Scoop.it!
Our journey to the world of CSS3 shadows continues. Today we will focus on another interesting feature—how to use multiple backgrounds with CSS3.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
Great selection of the best HTML Boilerplates, CSS and WordPress Frameworks...
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
The interesting thing about the not selector is that it's the opposite of almost every other selector you've used. In most cases, you're aiming to style something very specific, “I want to style that element,” or, “That subset of elements.” With the not selector, you're doing the opposite. Instead of styling one element, you're saying, “I want to style everything but that element.” We're doing the opposite of most other selectors.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
Recently I discussed the drop-shadow filter, which is newly supported in Webkit. Firefox users saw the same effect in the article, even though the browser doesn’t yet support CSS3 filters.
That’s due to the fact that Firefox supports the older SVG version of the filter, from which the CSS3 version is derived. In this article I’m going to show you how to write the effect for all browsers*, so you can achieve the benefits of a true, dynamic drop shadow for all elements. Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
The border-radius property allows easily rounder corners in our HTML pages, without images or the use of multiple div tags. Box should have a rounded corners for Firefox, Safari/Chrome, Opera and IE9.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
Dev.Opera is the ultimate source of distilled knowledge for web developers, covering the latest open web technologies and techniques including HTML5, CSS3, JavaScript, SVG, optimizing content for mobiles, tablets and TVs, and creating add-ons such...
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
One thing that I love about CSS3 is is the new addition of selectors that allow us to target elements specifically without relying on the class, id or other element attribute, and one that we will cover here is the following selector, :first-of-type.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
|
