Like a Bird Les meilleures heures pour publier sur les réseaux sociaux en une image ? Impossible ! Depuis quelques semaines, une image fait le tour de Twitter : les meilleurs moments pour publier sur les réseaux sociaux en une seule image ! Il est vrai que cette image retrace efficacement et en parti les moments où il fait bon de publier sur les réseaux sociaux. Mais est-ce que ces données sont universelles ? Est-ce qu’elles sont vraies pour chaque secteur et chaque pays ? Ouvrons notre oeil critique ! Un résumé très restreint… Il est vrai qu’en moyenne, ces tranches horaires sont conseillées. Prenons l’exemple d’un de nos clients dans le secteur de la mode. Par ailleurs, d’autres infographies qui circulent indiquent clairement que, sur Twitter, d’autres périodes sont propices à la diffusion de Tweets. - lors de la 1ère connexion, de 8h à 9h- en début d’après-midi, de 12h à 15h- en fin d’après-midi : de 17h à 18h- en début de soirée : de 20h à 22h Le graphisme ci-dessous nous indique même que le moment le plus favorable pour obtenir des Retweets est 17h.
8 CSS preprocessors to speed up development time Less CSS Less is probably the most well known CSS preprocessor. It allow a simplified syntax and the use of variables. Less CSS is for the Ruby programming language, however it looks like Aaron Russel created an extension for creating cached stylesheets your PHP projects can use. Get it: Sass On their website, Sass claims to make CSS fun again. Get it: Turbine If like me, you’re a PHP Lover, here is a css preprocessor made for your favorite language. Get it: Switch CSS Switch is a full featured, production ready CSS preprocessor. Get it: CSS Cacheer CSS Cacheer is a very cool preprocessor which allows developers to create plugins. Get it: CSS Preprocessor Another interesting preprocessor, written in PHP 5. Get it: DtCSS speeds up CSS coding by extending the features to CSS.
Mastering CSS Gradients in Less Than 1 Hour Have you refrained from using CSS Gradients because either you didn’t understand them, or thought the browser support for them wasn’t good enough to consider using them in your projects? Well, it’s time to kill those 1px wide images, my friend. If you’re just curious about how to use CSS Gradients, this is the place for you. We’ll start with the basics of syntax to very advanced effects with lots of tips and examples. Remember, learning about CSS gradients is really important since browsers are getting better and better every day. So, let’s rock! Basic syntax The first thing you must be aware of is browser support. We’ll focus on “standard” browser rules here (e.g. we won’t talk about old from() to() rules), and we’ll have a chapter on IE compatibility at the end (since its filters don’t allow all the effects we’ll see here). This is the basic syntax: This CSS will get this result: So, here are the items explained: Here is an example making use of color positions: Multiple gradients Cool Effects
HTML5 Snippets DropMind® | Logiciel de Mind Mapping SpriteMe CSS3 Solutions for Internet Explorer Advertisement Experienced developers understand that CSS3 can be added to new projects with progressive enhancement in mind. This ensures that content is accessible while non-supportive browsers fall back to a less-enhanced experience for the user. But developers could face a situation where a client insists that the enhancements work cross-browser, demanding support even for IE6. Opacity / Transparency I think all developers are baffled at why Internet Explorer still fails to support this very popular (albeit troublesome) property. The Syntax You really only need the second line, which works in all versions of Internet Explorer. The opacity value at the end of each IE line works basically the same way that the opacity property does, taking a number from 0 to 100 (the opacity property takes a two-digit number from 0 to 1, so “44″ for IE would be “0.44″ for the others). The Demonstration This is the same element without the opacity settings. The Drawbacks Rounded Corners (border-radius)
HTML5 Cross Browser Polyfills - GitHub The No-Nonsense Guide to HTML5 Fallbacks So here we're collecting all the shims, fallbacks, and polyfills in order to implant HTML5 functionality in browsers that don't natively support them. The general idea is that: We, as developers, should be able to develop with the HTML5 APIs, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly. Looking to conditionally load these scripts (client-side), based on feature detects? See Modernizr.Looking for a guide to write your own polyfills? svgweb by Brad Neuberg & others Fallback via FlashSnap.SVG from scratch by the author of Raphaël (Dmitry Baranovskiy) Abstracted API. FakeSmile by David Leunen Canvas Web Storage (LocalStorage and SessionStorage) Non HTML5 API Solutions Sectioning Elements Video VTT: Video Timed Track (subtitles) Audio Audio Data API IndexedDB Web SQL Database Web Forms Beacon
A collection of free, coded HTML5/CSS user interface snippets. by viktory12345 Feb 9