Blog de Cyril Lopez Rss

facebook

twitter

page google plus du blog

Actualités

Présentation de l'Apple WatchPrésentation de l'Apple Watch Attendue depuis son annonce en fin d'année 2014, Tim Cook a levé le voile sur l'Apple Watch, la montre connecté d'Apple. Présentation Pour...

Lire la suite

Test de l'aspirateur iRobot Roomba 870Test de l'aspirateur iRobot Roomba 870 Depuis déjà quelques temps, je réfléchis à l'achat d'un aspirateur robot afin de prendre soin du sol de ma salle à manger dont le sol blanc...

Lire la suite

Hour of code, une heure d'apprentissage au codeHour of code, une heure d'apprentissage au code Mes enfants (7 et 9 ans) ont participés jeudi soir à un atelier gratuit d'apprentissage au code dans un apple store dans le cadre de la semaine...

Lire la suite

Netflix disponible en France avec 1 mois gratuitNetflix disponible en France avec 1 mois gratuit Netflix, le service de streaming Américain de séries et films illimités est enfin disponible depuis ce matin en France. A la manière de...

Lire la suite

iRec, une application pour enregistrer l'écran de votre iPhone sans jailbreakiRec, une application pour enregistrer l'écran de... iREC est une application iPhone proposant d'enregistrer l'écran de votre smartphone. Pratique, elle permet par exemple de faire un tuto sur...

Lire la suite


Adobe Parfait, un outil en ligne pour extraire les CSS d’un fichier PSD

Categorie : Web Tags: , , , ,

Adobe Parfait est un nouvel outil en ligne destiné aux développeurs web qui souhaitent extraire facilement et sans Photoshop, les propriétés CSS d’un fichier PSD réalisé par un web designer.

Adobe Parfait beta

Pour commencer, le service nécessite un compte Adobe pour uploader votre premier PSD et l’ouvrir dans l’interface.

Chaque clic sur un élément de la votre fichier permet d’en afficher sur la droite, dans l’onglet Styles, les propriétés. Ainsi les propriétés CSS, de Fonts (polices d’écritures), de Colors (couleurs) et Gradients seront détaillées et peuvent ainsi être récupérées facilement. [Plus d’infos]

Une info bulle apparait également sur l’élément sélectionnant affichant la taille, permettant de copier les CSS ou le texte et proposant le téléchargement au format image (PNG, JPG, SVG). Il est possible d’afficher l’écart entre deux éléments en les sélectionnant avec Shift + Clic.

Un onglet Layers permet d’agir directement sur les calques. Il est alors possible de sélectionner directement un calque ou de les réordonner.

Un troisième onglet nommé Assets permet de retrouver tous les éléments sauvegardés précédemment en images.

Adobe Parfait est actuellement gratuit dans sa version beta (espérons qu’il le reste).

Source

Google publie un kit reponsive pour développeurs web

Categorie : Web Tags: , ,

Google souhaite promouvoir le responsive design sur les sites web et propose pour cela, un kit de démarrage à destination des développeurs web.

Google Web Starter Kit

 

Le Responsive Design (site web adaptif) est une manière de coder son site web qui prévoit l’adaptation du design et du contenu en fonction de l’appareil utilisé pour naviguer et plus particulièrement en fonction de la largeur de l’écran.

Ce Web Starter Kit est gratuit et propose donc les bases (Html, Css, Javascript) pour proposer cette expérience de consultation optimale à vos visiteurs, quelque soit l’appareil à partir duquel ils visitent votre site.

Le kit inclus :

  • un index de démonstation complétement responsive pour tester le résultat
  • un basic de démarrage pour bien commencer votre développement incluant déjà les balises de base
  • un guide de style proposant différentes présentations de contenus

Lien : Web Starter Kit

La vie d’un développeur web freelance en infographie

Categorie : Web Tags: , ,

L’infographie qui suit représente la vie d’un développeur web freelance au cours d’une mission en agence.

A découvrir ci-dessous

Lire la suite


Voici quelques articles qui pourraient vous intéresser :



Articles les plus populaires

Sorry. No data so far.