background preloader

Web y es-tu ? – Le Blog : Conseils et outils pratiques sur le monde impitoyable du web.

Web y es-tu ? – Le Blog : Conseils et outils pratiques sur le monde impitoyable du web.
Ce billet est une traduction réalisée par mes soins de Flashless animation : un très bon article de Rachel Nabors sur 24ways.org (merci Julien). Abordable et très instructif dès les premiers paragraphes, cet article est juste génial pour découvrir l’animation sans Flash et sans JavaScript. MAJ : Si les animations sont figées chez vous, passez la souris dessus et cliquez sur le bouton « rerun » pour la rejouer une fois ou sur « edit on Codepen » pour la voir fonctionner en boucle. Attention : Utilisateurs d’Internet Explorer 9 et précédent, votre charmant navigateur ne prenant pas en charge la propriété animation de CSS3, vous ne pourrez pas apprécier nos exemples animés (et quelque part, c’est bien fait pour vous, depuis le temps qu’on vous dit de changer de crèmerie…) ——————– Quand je suis arrivée dans le monde du webdesign il y a quatre ans, la première chose que je voulais faire était d’animer un dessin dans le navigateur. Les choses sont différentes maintenant. Le cycle de marche Related:  A trier

Top 5 Android Emulators For Your Desktop An Android emulator lets you run Android on a Windows, Mac or Linux. This allows you to gain access to Android features and apps without needing to buy an Android device, which is great news for people who don’t really want to buy a new Android device just for testing the app or any other product they are developing. Like any other software, an Android emulator can be easily downloaded and installed, then configured to boot up an emulator instance (which is something like a Chrome or Firefox browser tab). Read more: How to Install and Run Android OS on Windows In this post, we will be briefly touching on the usages and advantages of Android Emulators then detailing the top 5 Android Emulators you can try out. Advantages of Android Emulators Android Emulators let you enjoy all of Android without leaving a hole in your pocket. Let’s look at the advantages first to sort of give you an idea of what you can expect from an emulator. 1. 2. 3. 4. 5. 6. 7. 5 Best Android Emulators BlueStacks (Free)

CSS Débutant : cours et tutoriels sur les feuilles de style CSS 1,2 et 3 Top 10 Best Chatbot Platform Tools to Build Chatbots for Your Business Having a website became standard for every business years ago. That same process is just beginning for chatbots. February 28, 2017 5 min read Opinions expressed by Entrepreneur contributors are their own. Chatbots are the new rage as more top brands are advancing the technology and integrating it into their chat systems. Big names such as Facebook and Telegram have already made moves in this arena by creating their own chatbots and chatbot platforms. Over the past couple months, I've been trying to implement chatbots into my company Due. With numerous advancements and tools being created to make the process easy, making a chatbot does not seem out of the question. Related: Enterprise Chatbots Platforms and the Future of Work ChattyPeople Chattypeople is the best chatbot platform for creating an AI chatbot on Facebook with integrated Facebook commerce. Related: Enterprise Chatbots and the Conversational Commerce Revolutionizing Business Smooch Related: Make Chats With Chatbots Work Botsify BotKit

Web Font Specimen Télécharger Fedora Workstation Utiliser Fedora Workstation Pour lancer Fedora Workstation, vous aurez besoin : de Fedora Media Writer/l’installateur de médias Fedora (téléchargement ci-dessus) d'une clef USB disposant d'au moins 1.3 Gio d'espace libre Fedora Workstation est mis à disposition via l’installateur de médias Fedora. Téléchargez ce programme via le bouton de téléchargement ci-dessus et lancez-le sur votre système, suivez les étapes pour générer une version Live (lire "Que signifie « Live » ?" Si vous le souhaitez, vous pouvez installer Fedora Workstation sur un ordinateur portable ou fixe qui a au moins un processeur d'un GHz, 1 Gio de RAM et 10 Gio d'espace libre. Plateformes prises en charge L'installateur de média supporte les plateformes suivantes : Mac OS X Windows Linux Nous avons détecté que vous utilisez Mac OS X et vous avons proposé cette version au téléchargement. Nous avons détecté automatiquement que vous utilisez Linux et vous avons proposé cette version au téléchargement. Autres téléchargements

Conception responsive : obtenir une validation sans maquettes Par Matt Griffin Concevoir un site web dans Photoshop, quelle drôle d'idée ! Comment avons-nous pu nous mentir à ce point pendant des années ? Heureusement le besoin grandissant de devoir afficher les sites web sur différents supports pousse à la conception dans le navigateur web. Si vous concevez des sites Web, il y a des chances pour que vous ayez déjà réfléchi à la question des différentes étapes d’un processus de conception adaptée aux différentes largeurs d’écrans — et vous en avez sûrement conclu qu’ajouter une maquette pour chaque point de rupture était une approche ni durable ni efficace. Du moins, c’est ce qui s’est passé dans mon entreprise — Bearded — où pendant des années nous avons créé des sites Web à l’aide de Photoshop ou d’Illustrator, fait valider ces maquettes par nos clients, puis recréé ces designs à l’aide de CSS. Ce temps est révolu. Parlons processus Hiérarchie, hiérarchie, hiérarchie Ne faites pas attention à cette maquette, l’autre est en HTML Signez ici

Time Machine : transfert des sauvegardes d’un disque de sauvegarde actuel sur un nouveau disque - Assistance Apple Découvrez comment transférer vos sauvegardes Time Machine existantes sur un nouveau disque. Si vous souhaitez employer un autre disque avec vos sauvegardes Time Machine, procédez comme suit pour procéder au transfert de ces dernières. Vérifiez le format de votre nouveau disque de sauvegarde Connectez le nouveau disque de sauvegarde à votre Mac.Ouvrez Utilitaire de disque (dans le dossier Utilitaires).Dans Utilitaire de disque, sélectionnez l’icône du nouveau disque, puis assurez-vous que celui-ci comporte une partition GUID et qu’il est formaté au format Mac OS étendu (journalisé). Pour ce faire, consultez la ligne Format située au bas de la fenêtre Utilitaire de disque. Définissez les permissions sur votre nouveau disque de sauvegarde Ouvrez une nouvelle fenêtre dans le Finder. Désactivez temporairement Time Machine Sélectionnez Préférences Système dans le menu Apple.Cliquez sur l’icône Time Machine de la fenêtre Préférences Système.Placez le curseur Time Machine sur Désactivé.

Fashionably flexible website design by Stuff & Nonsense There’s nothing that inspires us more than a good story and Sophie Macfarlane’s account of how she took over her grandparents’ conservation in Northern Kenya was one such story. Rudi M van Dijk Foundation When we heard the story of the National Iraqi Youth Orchestra’s and how the Rudi Martinus van Dijk Foundation supports them, we wanted to devote some of our ‘good causes support days’ to designing a new website. Evolve Beyond Gabrielle Benefield needed to create a unified visual identity across all her activities. The Environment Bank The team at The Environment Bank inspired us every day to create something special to help to promote their important environmental work. pairoo We designed striking new branding for this German dating site and gave them a toolkit of styles for them to build their site. At ISO, we found people who couldn’t be more committed to making their site work better for their users.

Une solution simple contre le spam du calendrier iCloud Le calendrier d’iCloud continue de subir les assauts d’un spam d’autant plus pénible qu’il vient se nicher automatiquement dans l’agenda. Actuellement, c’est une invitation pour acheter des lunettes de marque qui se glisse au milieu des rendez-vous, même si vous n’en voulez pas. Comme on l’expliquait il y a quelques jours, refuser cette invitation a une conséquence fâcheuse : certes, elle disparaitra de votre calendrier, mais l’action de refuser confirmera au spammeur que l’adresse e-mail est active (lire : Le spam iCloud passe désormais par le calendrier et les photos). Et il en ira de même si vous acceptez cette invitation. Alors certes, on peut se contenter de laisser les choses comme elles sont, mais il est difficile de faire abstraction de ce satané rendez-vous qui s’est incrusté là. L’alternative est d’en passer par une modification des préférences d’iCloud (via). Par défaut, la réception des invitations passe par des notifications dans l’app, la première option. Merci Benoît

CSS3 module: W3C Selectors Résumé Les CSS (Cascading Style Sheets) sont un langage permettant de décrire la restitution de documents HTML et XML à l'écran, sur papier, vocalement, etc. Pour attacher des propriétés stylistiques aux éléments du document, elles utilisent les sélecteurs, qui sont des conditions de sélection de ces éléments. Ce document de travail décrit les sélecteurs proposés pour CSS level 3. Il comprend et étend les sélecteurs de CSS level 2. Statut de ce document Ce document est une version de travail de l'un des "modules" de la future spécification CSS3. Ce document est un document de travail du Groupe de Travail CSS & FP faisant partie de l'activité Style. Le Groupe de Travail pense que cette spécification est prête et souhaite donc en faire le dernier appel à commentaires. Les commentaires sur ce document de travail et les discussions le concernant peuvent être envoyés dans la liste de diffusion publique (archivée) www-style@w3.org (voyez les instructions). Dépendances aux autres Modules CSS3 1.

Unity 3D – Les caméras | studio archeo 3D Il existe plusieurs types de caméra dans Unity 3D, les caméras « poursuite » et les caméras pour examiner une scène. Les caméras poursuite : On trouvera dans les Assets la 1st person camera controler et la 3rd person camera controler Faire juste un glisser déposer pour disposer de l’une ou l’autre. First person Third person Caméra d’observation : Cela demande de poser un script sur l’objet caméra. Choisir le Script MOUSE ORBIT et le poser sur la caméra. Choisir l’objet Pivot, point fixe autour duquel la caméra orbitera. Régler la distance si besoin. CSS Tutorial

Related: