Meilleurs moments pour tweeter et poster sur Facebook Un twit ou un partage sur Facebook peuvent ne pas rencontrer le succès espéré s’ils sont postés au mauvais moment. En effet, avec le volume important d’informations qui circulent sur ces deux outils, une information importante peut vite devenir invisible car recouverte par de nouveaux mini messages occupant le sommet de l’écran, puis la première page, puis les pages suivantes. Et publier une info qui ne sera lu par son auditoire 5 heures plus tard, c’est se priver d’un impact significatif. Le bon timing sur Twitter et FB Les utilisateurs de Twitter cliquent le plus durant le temps de midi et en fin de journée. Les jours ou ce taux est à son maximum sont le mercredi et le weekend. Pour Facebook, samedi midi est le meilleur moment pour publier de l’information. Ces chiffres sont indicatifs et reflètent une moyenne américaine. Pour être bien vu sur les réseaux sociaux Republier la même information deux fois apporte un plus significatif pour la diffusion et l’impact de ses messages.
How SVG Line Animation Works I bet all of you have seen that little trick where an SVG path is animated to look like it's drawing itself. It's super cool. Jake Archibald pioneered the technique and has a super good interactive blog post on how it works. Brian Suda wrote about it on 24 Ways. I have very little to add, except my brain just kinda figured it out, so I thought I would explain it one more time the way it clicked for me. 1. 2. 3. We could do that from Illustrator, but we can also do it programatically. That gives us dashes of 20px in length. 4. 5. Watch as we animate the offset of those long strokes: That was a simple as: 6. Nothing really to see, it looks just like the complete shape if it wasn't dashed at all. 7. It will look like the shape isn't there at all. 8. If doing it with CSS, you'll want the animation to have animation-fill-mode of forwards so the final state remains how the animation ends. Tada! Live Example So why all the JavaScript? You can get that length in JavaScript like: Share On
All Tuts+ Courses Reactive programming is a way of coding with asynchronous data streams that makes a lot of problems easier to solve. RxJS is a popular library for reactive...Once in a while, it's important for us as developers to go back to what made us excited about computers in the first place. For Derek Jensen, that is gaming....React is a flexible framework that makes it easy to build single-page web applications. 13 Essential Tools to Check Cross-Browser Compatibility With an endless combination of modern and legacy browsers for users to choose from (depending on their system capabilities), it's our responsibility as designers and developers to ensure the websites we build perform adequately. Testing multiple browsers on multiple platforms isn't just difficult — it can be virtually impossible without the correct resources. However there are tools that let you comprehensively test your website, and check if it successfully displays across various browsers, platforms and resolutions. That way, your users will receive a positive, user-friendly experience no matter what their setups are. Below is a curated list of both free and premium cross-browser testing tools, ranging from cloud platforms to desktop applications. These tools will help you easily test everything from versions of Internet Explorer versions to more than 300 modern browser combinations. Show As Gallery Have something to add to this story?
Is Responsive Design the Right Choice for Enterprise E-Commerce Retailers? Many enterprise website owners are currently evaluating responsive web design as a way to consolidate their multi-screen web strategy. For these businesses, going responsive makes a lot of sense. By reducing the complexity of the site into a single code base, companies can lower the total cost of ownership of web initiatives and future-proof the site for new devices. However, many e-commerce companies are still skeptical of responsive design as a solution to the multi-screen problem. To help answer the question of whether responsive design is a good choice for enterprise e-commerce companies, this post includes a high-level overview of: Why some enterprise-sized businesses are embracing responsive web design to consolidate their web strategy.The risks of responsive design for e-commerce retailers.Whether it is possible for implement responsive design successfully in an e-commerce environment. 1. For many companies, this is an immensely valuable benefit. 2. ...and scroll... 3. Conclusion
How Nesting 3D Transformed Elements Works Ana Tudor is one of those people whose CodePen profiles you check out and go "holy shit." She's that good. She creates incredible visual effects with CSS, on of my favorites being this infinitely unpacked prism. CSS 3D transforms do not work at all in IE9 and older or in Opera 12 and older (Presto). CSS animations are incredibly popular right now, and I don't just mean animating a simple color or dimension property, I mean 3D transformations as well; CSS flips and rotating cubes being prime examples. Let's say we have a door in a frame: The HTML is simply: In order to open this door, we add a class of door--open: Now we apply a 3D transform on it (with transform-origin anywhere on its left side): The only prefix you probably need for 3D transforms is the -webkit- prefix. This results in: It doesn't look very realistic. The perspective property should be applied on the parent of the 3D transformed element. So we're going to add a frame--realistic class to our door frame: Result:
Front-end Developer Interview => Questions Fr-fr Comment perdre du poids (dans le navigateur) Interaction ProTip #4: Nobody Expects 3D Neat huh? The only downer is that the use of box-shadow during the animation causes paints, so I can’t wholeheartedly recommend it for use on mobile devices (sad face). For high performance animations you always want to limit yourself to compositor-friendly options, like I said at the start, where the GPU gives you a hand and you avoid layout and paint. Mind you, you could probably make a version similar to this with a scaling shadow element. Would be kinda nice. Rotating to the side Another thing you can do is to bring elements from the side. There’s goes that offset stuff again, making it feel a bit more fluid. In any case, I hope you agree that this is a little more showbiz than sliding items to the side. Card flips I’d say this effect came into fashion with the iPhone and, to be honest, it’s probably fallen out again. For this you will have to avoid things like box-shadow because, like the first effect, it causes paints (which kill performance on mobile). Flip this!
Description des différents types de médias sociaux - MediasSociaux.fr Voilà maintenant plusieurs années que l’on nous parle des médias sociaux. Plusieurs années que l’on théorise sur l’évolution des usages et la transformation du rapport entre les utilisateurs et les marques. Plusieurs années que l’on oppose médias sociaux et médias traditionnels. Il ne faut cependant pas perdre de vue que les médias sociaux sont composés d’une infinité de services et qu’ils ne s’appréhendent donc pas comme une entité cohérente (cf. Panorama des médias sociaux 2011). Autant il existe un nombre restreint de médias traditionnels (TV, radio, presse), autant il existe de fortes disparités entre les différents types de médias sociaux. Je vois ainsi bien trop souvent l’amalgame qui est fait entre réseaux et médias sociaux. Faisant suite à ma précédente définition des médias sociaux (dans sa globalité), j’aimerais partager avec vous mes définitions des différents types de médias sociaux. Réseau social : Site à l’accès restreint où chaque utilisateur possède un profil.