Les actualités du Vendredi 27 février 2015 dans les métiers du web - Marmits.com - Reims
CodeCast is a simple HTML and CSS real time-view editor that you can use on your browser. It is a user-friendly and free coding playground that allows people to record screencasts to later upload them as tutorials. You can join as teacher or student.
The post CodeCast: HTML & CSS Real Time-view Editor appeared first on ByPeople.
Font Pair is an online tool for matching the headlines fonts with the paragraphs fonts so they look distinct. You can select matches like Sans-Serif/Serif Serif/Sans-Serif Sans-Serif/Sans-Serif Cursive/Sans-Serif Cursive/Serif and Serif/Serif. It was created by Mills Digital.
The post Font Pair: Google Font Combinations Online Tool appeared first on ByPeople.
A nice code snippet for a morphing effect made in CSS. When you hover over the circle, it turns into a text, effect achieved thanks to the flexibility of SVG and web fonts. It was created and uploaded to Codepen by Tiffany Rayside.
The post Morph: Hover Morphing CSS Effect appeared first on ByPeople.
A partir du 12 mars, les vendeurs cross-border de la marketplace devront fournir une adresse de retour locale ou payer eux-mêmes les retours. Encore une façon de pousser FBA...
A compelling plugin that generates different transitions when you scroll down. It resembles the effect of Apple’s website, in which elements appear and move at different speeds when you scroll. It is a lightweight and smooth creation available for free at GitHub. It was created by Christian Witte.
The post esKju’s: jQuery ScrollFlow Plugin appeared first on ByPeople.
Dans un marché toujours à la recherche de nouvelles compétences, un enjeu majeur se joue. Recruter non plus des compétences mais des êtres humains capables de les porter.
S'il s'est vendu plus de 3 millions de montres connectées en 2013, ce marché est amené à croître rapidement dans les années qui viennent. Et ce domaine pourrait impacter les entreprises.
Le lecteur multimédia le plus populaire au monde se pare d’une nouvelle version, avec de nombreuses améliorations au programme.
If you've been living under a rock in Bikini Bottom for the past fifteen years then allow me to explain website media. You see, the Internet used to be a place dedicated to text and conversations. Eventually text & images blurred together. But at the turn of the 21st century Internet speeds were still very slow, thus streaming media wasn't a reliable option.
Fast-forward to modern times and you have access to streaming video services right at your fingertips. Putting aside free video hosting services you can also stream movies and television through companies like Netflix or Amazon Prime.
I want to cover the subject of media players from the user experience perspective. Back just 10 years ago YouTube would have been the largest video streaming network on the planet. Now we have dozens of options located all around the globe, each with their own custom player. In this post you'll find some tips and suggestions for how to design your own custom media players that entice visitors and draw attention from the crowd.
Une fois n’est pas coutume, la section “livres” d’Alsacréations vous propose une revue de lecture d’un livre CSS.
Étant co-auteur de cet ouvrage en compagnie de Hugo Giraudel, je vais tâcher de le traiter avec toute l’objectivité possible.
Pour commencer, soyons honnêtes : la vérité est que le plus gros du boulot a été réalisé par Hugo !
De mon côté, j’ai endossé le rôle de “coach”, de par mon expérience dans ce domaine, et nous avons combiné nos connaissances techniques pour produire un résultat dont nous sommes tous deux très fiers.
Le résultat, en toute objectivité bien-sûr, me semble bluffant. Je suis convaincu qu’il s’agit du livre CSS3 qui couvre le mieux ce vaste sujet aujourd’hui.
La cerise sur le gâteau est que cet ouvrage de plus de 350 pages est intégralement en couleur et très riche en illustrations et exemples de codes.
Au sommaire :
- L’état actuel du W3C et des standards CSS
- Les sélecteurs CSS3 : l’accès au DOM
- Positionnement et layout : les nouvelles techniques de mise en page (Modèle de boîte et box-sizing, Multicolonne, Flexbox, Grid Layout, Position «sticky», Régions, Masques de formes)
- Interfaces graphiques et amélioration visuelle
- De nouvelles unités et valeurs en CSS3
- Contrôle du texte
- Variables natives
- Styles conditionnels (`@supports` et `@media`)
- Transformations : un nouveau monde en 2D et en 3D
- Animations et transitions : pour des interfaces moins statiques
À qui s’adresse ce livre ?
Pas aux débutants complets, que ce soit clair.
Hugo et moi avons souhaité nous adresser aux développeurs et intégrateurs déjà très à l’aise en CSS et désireux d’aller plus loin dans les techniques modernes qu’offrent les spécifications CSS3.
Ce que vous trouverez dans ce livre
Quasiment toutes les spécifications CSS3 finalisées, en cours de finalisation, voire en brouillon pour certaines. Le but étant d’offrir un panorama complet et détaillé de la norme CSS3 actuellement utilisable en production.
Ce que vous ne trouverez pas dans ce livre
Tout ce qui sort du domaine de CSS3.
Vous n’y trouverez pas (ou peu) de HTML5, de JavaScript, d’API, ni de méthodologies et astuces “classiques” en CSS.
Pour ceux qui se posent la question, cet ouvrage n’a que très peu de points communs avec “CSS avancées” dont le domaine couvert est la maîtrise du langage CSS “en général” et non pas CSS3 qui n’est réellement abordé que dans deux chapitres.
Enfin, ce livre n'est pas véritablement la suite de l'ancêtre "CSS2 pratique du design web" qui date tout de même de 2005. Il s'agit d'une complète refonte à la sauce CSS3.
Le site du livre
Vous trouverez un site dédié à l’ouvrage, sa présentation, les liens vers les boutiques et éventuelles coquilles à l’adresse css3-pratique.fr
Grâce à cette sélection d'applications, vous n'aurez plus aucune excuse pour ne pas être performant. Mails, liste de tâches, rendez-vous... les développeurs n'ont pas fini de vous faciliter la vie !
A code snippet made in CSS displaying three buttons with hover states and transitions. This is a lightweight creation that can be implemented in any web or mobile app project. It was created by Galen Strasen.
The post CSS Button Hover Styles appeared first on ByPeople.
Etapes clefs indispensables et bonnes pratiques mises en oeuvre : on a beaucoup considéré que le point fort du géofencing et de iBeacon était leur capacité à afficher des notifications. Mais une simple notification ne suffit pas, c’est un vrai travail de fond et d’intégration qui doit être mené.
Skycatch a révolutionné le marché des drones en les rendant totalement autonomes. Son fondateur nous explique son projet et livre son analyse sur le potentiel de ces engins volants.
Découvrez quels sont les articles de Wikipédia sur lesquels ses contributeurs s'opposent le plus, selon les pays.
Il est doté d'un pavé numérique et de quelques boutons pour les opérateurs.
Rendez-vous avec Jessie Abitbol (Co-Fondateur) pour découvrir et parler du projet BizMarks au travers d’une interview. Voici l’échange retranscrit que nous avons eu : L’équipe BizMarks, est aujourd’hui composée de […]
L'article BizMarks : Plateforme de notation d’entreprises est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
This stunning free PSD provides a framework for all your client’s essential information, lovingly crafted, into a simple to modify format. Designed by Lucid Site Designs, the popular one-page design is a great fit for almost any purpose, and includes a header, features, product details, pricing, and contact sections. Perfect for technology services, IT hardware, or SaaS, […]
Les microdatas restent très méconnus malgré ses quelques années d’existence maintenant. J’en avais déjà parlé il y a de cela 3 ans sur différents blogs spécialisés. Depuis, les choses n’ont pas beaucoup changé : il reste très rare de voir du microformat, notamment microdata en place sur un site web. Les microformats Un peu d’histoire […]
A pack that includes Font Awesome icons into Photoshop so they can be easily edited. It creates an additional box in which you can search for icons and select them. Once this happens, you can edit them easily and use them in any type of project. It was created by Creative Do.
The post FontAwesomePS: Font Awesome for Photoshop Icons Pack appeared first on ByPeople.
Le 21 avril, une nouvelle mise à jour de l’algorithme de Google affectera les résultats de manière à privilégier les sites optimisés pour les mobiles.
De nombreux projets de dématérialisation fleurissent un peu partout en Europe. Comment ces nouvelles pratiques changent-elles le management aussi bien dans le secteur privé que public ? Le point.
3D, réalité augmentée, tactile, géolocalisation, Big Data … autant de nouveautés qui paraîtront rapidement évidentes, mais qui demandent aux entreprises un véritable effort d’adaptation.
Vous renseignez quelques informations et ils vous retournent des noms de groupes ou de nouvelles chansons à découvrir.
Un récent rapport du Gartner met en évidence le rôle majeur de l'in-memory dans la transformation de la supply chain. L'occasion de relancer le débat sur les bénéfices d'Hadoop face au traitement en mémoire.
La dématérialisation est le graal de ce début de siècle. Les bénéfices promis incitent au lancement de nombreux projets.
Pourquoi et comment les données sont-elles dérobées ? Et surtout quels types de réponse les entreprises peuvent-elles apporter ? Le point.
Beaucoup d'entreprises ne retirent pas le meilleur de SharePoint, et constatent un taux d'adoption notoirement insuffisant. Il est pourtant possible de faire de SharePoint une ressource dynamique.
A hover effect made in CSS and JavaScript that creates a bubble effect when hovered over, similar to the effect of the dock in OS X. It can be used perfectly in any website or even a mobile app. It was created by Hieu Huynh.
The post CSS & JavaScript Mouse-follow Hover Effect appeared first on ByPeople.
A bold, secondary menu that slides over the main navigation. This approach can be an alternative to a standard dropdown menu, in particular if you want to emphasise more the […]
The post Secondary sliding Navigation with CSS3 & jQuery appeared first on jQuery Rain.
“jQuery Accordion Menu” is a menu with accordion behavior. Features: Cross Browser 6 color schemes Unlimited submenus Icons by Font Awesome CSS3 effect Easy to use and customize
The post jQuery Accordion Menu appeared first on jQuery Rain.
Super simple, easy to use off-canvas navigation menu for Bootstrap.It uses Bootstrap classes and markup to create an off-canvas menu that not only looks good. But works perfectly.
The post Bootstrap Offcanvas Menu appeared first on jQuery Rain.
Proposer une déclinaison mobile de son site internet est désormais officiellement un critère de positionnement pris en compte par Google dans son algorithme et qu’il convient donc sérieusement de prendre […]
L'article Google : Le site mobile, un critère de positionnement est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
A set of 40 carefully-crafted and pixel-perfect icons from the Squid.ink Flat Icon Pack exclusively for Codrops readers. The icons come in all commonly used formats.
Freebie: Flat Icon Pack (AI, SVG, EPS, PSD, PNG) was written by Squid.ink and published on Codrops.
Here is WhatsApp design concept for OSX designed with Sketch app. A freebie designed and released on dribbble by Roman Kornikow.
The post WhatsApp OSX concept – Sketch appeared first on Freebiesbug.
A collection of fresh button styles and effects for your inspiration, built with CSS transitions and pseudo-elements for most of the effects. Coded by Codrops.
The post Button styles inspiration appeared first on Freebiesbug.
The Nice and Serious is a set including 60 free outline icons designed with Adobe Illustrator. Designed and released by Nice and Serious.
The post 60 free outline icons – AI appeared first on Freebiesbug.
Le Kakuro est un jeu de réflexion à base de chiffres de type puzzle logique d'origine japonaise. On le trouve aussi sous la dénomination de Sommes croisées. Il est apparu en France dans les années 2004-2005, mais est resté moins populaire (et à mon avis nettement plus difficile) que son ainé le Sudoku. Pour y […]
350 milliards d’euros par an : selon le McAfee Report on the Global Cost of Cybercrime publié en 2014, tel est le coût estimé des attaques informatiques à l’échelle mondiale.
Facebook vient de déployer une nouvelle fonctionnalité de signalement et de prévention des comportements suicidaires.
Apple a envoyé une invitation à plusieurs sites spécialisés. La firme tiendra une conférence de presse le 9 mars pour présenter ses dernières nouveautés.
De passage à Paris, Brian Chesky a pris le temps d'échanger avec des entrepreneurs français.
Pushy offers off-canvas navigation with CSS transforms and transitions. It offers smooth performance on mobile devices, collapsible sub-menus, and it’s responsive.
Il n'est pas facile de supprimer des centaines de messages non lus dans Gmail en prenant en compte tous les messages et pas seulement ceux qui sont affichés à l'écran sur la page principale de la messagerie (le nombre de messages affichés appelés conversations sur Gmail se règle dans les paramètres dans la section Taille […]
Alors qu’Amazon mettait à la rentrée dernière la main sur le .buy et que la firme de Mountain View possède depuis peu le .how entre autres noms de domaine de […]
L'article Nom de domaine : Google se paie le .app est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Samsung va retransmettre sa prochaine conférence de presse en direct. Tous les détails sont ici.
La tant attendue montre connectée Apple Watch pourrait bien être présentée le 9 mars à San Francisco. C’est en tout cas ce que laisse à penser les cartons d’invitation envoyés […]
L'article Apple : Présentation de l’Apple Watch le 9 mars ? est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.
Rendez-vous avec Brice Panchot (Chargé de communication) pour découvrir et parler du projet YearBook au travers d’une interview. Voici l’échange retranscrit que nous avons eu : Bonjour, je suis Brice Panchot […]
L'article YearBook : Le book de vos meilleurs souvenirs est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Stampsy helps you create beautiful photo stories, mood boards, visual essays and much more. It’s easy and free! You can add your creation to relevant collections curated by people like you and get your work instantly noticed. Or start a collection of your own and use it however you like. Once you follow a collection, [...]
The post Create Beautiful Photo Stories with Stampsy appeared first on WebAppers.
Sponsors
Codrops has shared a collection of fresh button styles and effects for your inspiration. They use CSS transitions and pseudo-elements for most of the effects. What they all have in common is simplicity and effect subtleness. They tried to create a balanced set where they don’t animate too much but try to add a sensible [...]
The post Fresh Button Styles and Effects for Your Inspiration appeared first on WebAppers.
Sponsors
Riot is a React-like user interface made in JavaScript that lets you create beautiful and fresh faces for web and mobile apps. It weighs about 2,5KB, including custom tags, an easy-to-understand syntax, a virtual DOM, full stack and multi-browser support. It is free and was created by Muut.
The post Riot: JavaScript User Interface Library appeared first on ByPeople.
A typography boilerplate that allows you select, modify and improve selected typographic styles for minimal websites and digital projects. These styles are inspired in traditional typographic design. Among the styles to choose you can find openings, capital letters, select bolds, italics, linked and coded settings, modify the headings and more. It was created by Mike Mai.
The post Typesettings.css: Minimal Typography Boilerplate appeared first on ByPeople.
A simple JavaScript library for handling keyboard shortcuts within the browser. It weighs about 1.9Kb minified and gzipped and it has been tested in Internet Explorer 6+ (test suite works in IE9+), Safari, Firefox, Chrome, supporting keypress, keydown, and keyup events on specific keys, keyboard combinations and key sequences. It is licensed under the Apache License 2.0. It was created by Shahar Or.
The post combokeys: Keyboard Shortcuts JavaScript Library appeared first on ByPeople.