css

TwitterFacebook
Get flash to fully experience Pearltrees

Don't trust your bug reports, aka how to crash IE9 | import unhotel | The onefinestay tech blog

http://tech.onefinestay.com/post/45746129401/dont-trust-your-bug-reports-aka-how-to-crash-ie9 For a while now we’ve had intermittent reports of people not being able to “view the pdf you emailed to me” after filling in our host questionnaire, and worse were the ones that came in saying “viewing the pdf caused my computer to crash”. These were alarming for 2 reasons: If you cause someones computer to crash, you’re gonna have a bad time; I couldn’t reproduce it, as hard as I tried. I opened the exact same pdf in every operating system, every browser, every pdf viewer I could get my hands on.
http://jeremyckahn.github.com/stylie/ Stylie is a fun tool for easily creating CSS 3 animations. You can configure your animation graphically, tweak it, grab the generated CSS and go! Watch this screencast for a quick tutorial.

Stylie. A graphical CSS animation tool.

Home - Dashboard

http://std.li/pastel/home.html#home Hi, Jacques You last visited two hours ago C New article Text editor & UI elements Simply everything 2 Photo montage Beautiful gallery J iPhone app Fast and fluid N Location sandbox Google Maps API
http://www.glazman.org/weblog/dotclear/index.php?post/2012/02/09/CALL-FOR-ACTION:-THE-OPEN-WEB-NEEDS-YOU-NOW The CSS Working Group, the W3C, the browser vendors and the Open Web need you, and I really mean you ALL . The following article is written by Daniel Glazman, co-chairman of the CSS Working Group; the part until "This must not happen" represents an official discussion of the CSS Working Group. Members of the Group behind that discussion include Adobe, Apple, Disruptive Innovations, Google, HP, Microsoft, Mozilla, Opera and the World Wide Web Consortium (W3C).

CALL FOR ACTION: THE OPEN WEB NEEDS YOU *NOW*

http://aboutcode.net/vogue/

Vogue - Auto-reload stylesheets whenever CSS files are saved

Start the Vogue HTTP server by running this: $ vogue path/to/website View http://localhost:8001/ to see how to enable Vogue in your web pages.
The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS3 transitions. On hover over a thumbnail, we will reveal some description of the thumbnail, using a different style in each example.

Original Hover Effects with CSS3

http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/

Test de l'application MonNuage

http://fgribreau.com/monnuage/ Un click sur cette photo et l'application affichera un album des photos prisent par les utilisateurs Il est possible de faire défiler la page pour voir les retours d'expériences des utilisateurs. Le chateau étant très connu à Nantes, 15 personnes y ont laissé un commentaire. En parcourant d'autres lieux sur l'application j'ai pu remarqué que la communauté MonNuage est très active et surtout que les commentaires sont vraiment précis et offrent même parfois un semblant de cours d'histoire ou une anecdote (exemple Parc du Grand Blottereau ) Un coup d'oeil sur les options ? <p style="text-align:right;color:#A8A8A8"></p>

Don’t use IDs in CSS selectors? ❧ Oli.jp (@boblet)

Recently I came across the post by Matt Wilcox called CSS Lint is harmful , ranting about the useful free tool CSS Lint . The “Don’t use IDs in selectors” suggestion seems to have offended Matt the most, but I was surprised that many commenters also mentioned this as being a reason to avoid CSS Lint. This surprised me because smart people have been saying prefer classes to IDs for a while now. The article was light on reasons why this suggestion might be bad, but it boils down to: http://oli.jp/2011/ids/
https://developer.mozilla.org/en-US/docs/CSS/text-overflow

text-overflow - MDC Docs

« CSS « CSS Reference Summary The text-overflow CSS property determines how overflowed content that is not displayed is signaled to the users. It can be clipped, display an ellipsis (' … ', U+2026 Horizontal Ellipsis ) or a Web author-defined string. Clipping happens at the border of the box; to clip at the character limit an empty custom string can be used ( '' ). This CSS property doesn't force an overflow to occur; to do so and make text-overflow to be applied, the author must apply some additional properties on the element, like setting overflow to hidden .
Firmin is a JavaScript animation library that uses CSS transforms and transitions to create smooth, hardware-accelerated animations. The project resides on GitHub . You can report bugs and request features on the issue tracker . http://extralogical.net/projects/firmin/

Firmin, a JavaScript animation library using CSS transforms and transitions

When using or researching CSS pseudo-elements, you may have come across different syntax for the :before and :after pseudo-elements, specifically in the form of a preceding double colon, instead of the traditional single colon. This seems a little confusing at first, but there’s actually a pretty simple explanation. I had assumed that there would be some difference in the way each functioned, but that’s not the case, as the short and long answers below make clear.

What’s the Difference Between “:before” and “::before”?

By Chris Mills Introduction A common problem in CSS concerns how to control the aspect ratio of replaced elements, such as <img> or <video> . For example, you might want to have all images occupy the same space on a page, but not distort and lose their aspect ratio when someone uses an image file that isn't quite the right size.

The CSS3 object-fit and object-position properties

Adding Delight to Your Design with CSS3 and Webkit Keyframe Animation | Viget Inspire

It should come as no surprise that we at Viget love having fun with design . We doubly enjoy working with clients who let us have an appropriate amount of fun with the design of their website or web product. On a recent project, Blair and I had the opportunity to do just that. Watching The Clock
Ladies and gentlemen, it is the second decade of the third millennium and we are still kicking around the same 2-D interface we got three decades ago. Sure, Apple debuted a few apps for OSX 10.7 that have a couple more 3-D flourishes, and Microsoft has had that Flip 3D for a while. But c’mon – 2011 is right around the corner. That’s Twenty Eleven , folks. Where is our 3-D virtual reality?

An Introduction to CSS 3-D Transforms

All About Floats

Published by Chris Coyier What is "Float"? Float is a CSS positioning property.