Webdesign, Ressources et Tutoriaux
215 views | +0 today
Your new post is loading...
Your new post is loading...
Scooped by Ugo Arzur
Scoop.it!

WordPress 4.0 “Benny”

WordPress 4.0 “Benny” | Webdesign, Ressources et Tutoriaux | Scoop.it
Version 4.0 of WordPress, named “Benny” in honor of jazz clarinetist and bandleader Benny Goodman, is available for download or update in your WordPress dashboard. While 4.0 is just another number for us after 3.9 and before 4.1, we feel we've put a little extra polish into it. This release brings you a smoother writing and management experience we think you'll enjoy. Manage your media with style Explore your uploads in a beautiful, endless grid. A new details preview makes viewing and editing any amount of media in sequence a snap. Working with embeds has never been easier Paste in a YouTube URL on a new line, and watch it magically become an embedded video. Now try it with a tweet. Oh yeah — embedding has become a visual experience. The editor shows a true preview of your embedded content, saving you time and giving you confidence. We’ve expanded the services supported by default, too — you can embed videos from CollegeHumor, playlists from [...]
Ugo Arzur's insight:

Des news sur la version 4 de Wordpress "Benny".
La gestion des médias, l'insertion de vidéos embed ou encore la présentation du contenu de vos articles ou encore l'installation de plugin : autant de nouveauté par ici !

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Centering in CSS: A Complete Guide | CSS-Tricks

Centering in CSS: A Complete Guide | CSS-Tricks | Webdesign, Ressources et Tutoriaux | Scoop.it
Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard? They jeer. I think the issue isn't that it's difficult to d
Ugo Arzur's insight:

A full complete guide to centering elements in CSS, thanks to Chris Coyier !

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Plain Pattern

An SVG based seamless pattern maker.
Ugo Arzur's insight:

Plain Pattern est un outil pour réaliser rapidement un motif de fond avec des images en SVG.

Il est très épuré et très intuitif !

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Creative Inspiration: 10 Principles of Design

Creative Inspiration: 10 Principles of Design | Webdesign, Ressources et Tutoriaux | Scoop.it

Graphic design is much more than learning how to use the tools within Photoshop. It requires an intimate understanding of the relationship between different objects. This series of paper art poster designs by Efil Türk covers 10 design principles that are core to any designer's success. 1. Balance "Balance as a design principle, places the parts of a visual in an aesthetically pleasing arrangement."

Ugo Arzur's insight:

Ici un bel article illustré montrant 10 grand principe du design. Enfin quelque chose d'illustré avec de belle réalisation afin de comprendre les bons fondements 

Artiste | Designer : Efil Türk

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Salaires des développeurs: le Big Data paye mieux - FrenchWeb.fr

Salaires des développeurs: le Big Data paye mieux - FrenchWeb.fr | Webdesign, Ressources et Tutoriaux | Scoop.it
Un développeur web spécialisé dans les données peut espérer entre 35 et 60K euros par an en début de carrière.
Ugo Arzur's insight:

Voici un petit recap' fait par FrenchWeb des paiements des développeurs selon leurs tranches. Plutôt intéressants histoire de peaufiner son orientation selon ses envies et capacités !

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Tweet from @gandi_net

Tweet from @gandi_net | Webdesign, Ressources et Tutoriaux | Scoop.it
Lutter contre le SIDA avec une extension ? C'est possible, plus d'infos sur http://gandi.hiv - pic.twitter.com/S7zyh6zgBq
Ugo Arzur's insight:

Sinon,
Petite news solidaire : Gandi propose une extension .hiv pour financer la recherche dans la lutte contre le sida.

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Flexy Boxes — CSS flexbox playground and code generation tool

Online CSS flexbox playground and code generator. Supports all existing flexbox implementations.

Ugo Arzur's insight:

Hello,

 

Ami(e)s intégateurs(trices) je vous partage aujourd'hui une petite trouvaille utile pour jouer avec les Flex-boxes. Quezako ? C'est des boites, avec lesquelles vous pouvez mettre en page une grille, un menu ou autre assez efficacement.

Une technique assez puissante qui selon moi a besoin d'être de nouveau plébiscitée.

 

http://the-echoplex.net/flexyboxes/

 

Oui, m'sieurs-dames ! c'est du #css mais ne vous en faites pas nos amis d'alsacréations sont une fois de plus à la rescousse. Ici tout est décrypté :

 

http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Cutting-edge CSS features for Graphics - CSS Blend Modes, CSS Masking and CSS Shapes

Cutting-edge CSS features for Graphics - CSS Blend Modes, CSS Masking and CSS Shapes | Webdesign, Ressources et Tutoriaux | Scoop.it
CSS Blend Modes, CSS Masking and CSS Shapes
Ugo Arzur's insight:

Le futur du CSS est juste impressionnant.
J'ai tellement hâte de pouvoir jouer avec !

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

WWDC : Apple dévoile son nouveau langage de programmation Swift qui serait plus sûr, plus rapide et plus fiable qu'Objective-C

WWDC : Apple dévoile son nouveau langage de programmation Swift qui serait plus sûr, plus rapide et plus fiable qu'Objective-C | Webdesign, Ressources et Tutoriaux | Scoop.it
La conférence WWDC 2014 (Apple Worldwide Developers Conference), l’événement majeur de l’année regroupant les développeurs autour des technologies d’Apple a été riche en annonces pour sa première journée.La plus grosse surprise du jour a été la présentation d’un nouveau langage de programmation par la firme à la pomme croquée pour le développement d’applications pour iOS et OS X.Baptisé Swift, ce nouveau langage introduit une syntaxe toute nouvelle. Apple souhaite marquer la rupture avec le lan...
Ugo Arzur's insight:

Apple annonce un nouveau langage de programmation basé sur Objective-C destiné à développer des applications iOS et OSX. Selon la WWDC, swift sera en mesure de cohabiter avec du code C/Objective-C de manière à ne pas dépayser les développeurs. Par la suite il évoluera vers une syntaxe d'avantage tournée vers le Python.

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Batch • 300+ Icons for Web & User Interface Design

Ugo Arzur's insight:

Bonjour bonjour !

 

Je vous propose de passer voir ce petit lien répertoriant un (autre) set d'icônes. La différence avec celui ci est que je le trouve plutôt sexy avec la possibilité de l'utiliser pour tout types de projets commerciaux ou non (si j'ai bien lu).

 

http://adamwhitcroft.com/batch/

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Logopond - Identity Inspiration

Logopond - Identity Inspiration | Webdesign, Ressources et Tutoriaux | Scoop.it
Logo Pond - Brand and Identity showcase
Ugo Arzur's insight:

Bonjour à toutes et tous 
*Tasse déjà vidée !*

 

Ici j'appelle le graphiste qui dort en vous. J'ai cherché pendant pas mal de temps des banques sympa de logos (existants) pour avoir des référents graphiques et qui sait de nouvelles idées.


Je vous propose donc 3 nouveaux site à bookmarker :


1) http://logopond.com/
2) http://logofaves.com (mon préféré)
3) http://www.logospire.com (mon 2e préféré)


Ces trois sites recoupent des logos qui sont pour ma part assez efficaces.


Régalez vous !

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

The Hipster Alphabet

The Hipster Alphabet | Webdesign, Ressources et Tutoriaux | Scoop.it
Ugo Arzur's insight:

Hello Hipsters !

 

Petite trouvaille alors que je travaillais ce matin.


Très sympa petit projet personnel réalisé par Michael Mahaffey (http://michaelmakespretty.com/ ;). Réalisé pour appréhender le html et css sous diverses couture, c'est un site one-page mené jusque dans l'illustration très agréable.

 

Le tout responsive !

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Asana · Teamwork without email

Asana · Teamwork without email | Webdesign, Ressources et Tutoriaux | Scoop.it
Asana puts conversations & tasks together, so you can get more done with less effort. Do Great Things with Asana.
Ugo Arzur's insight:

Dans la même veine que Basecamp, cet utilitaire peut être utilisé seul comme à plusieurs : Asana vous permet de gérer votre travail d'équipe plus facilement et de structurer l'enchaînement de vos tâches.

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

uilang

uilang | Webdesign, Ressources et Tutoriaux | Scoop.it
Ugo Arzur's insight:

Un nouveau langage de programmation centré sur l'UI (user interface) pour les web designers. Simple et minimaliste, il est très séduisant et efficace pour les prototypes.

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

jQuery Bootgrid

jQuery Bootgrid | Webdesign, Ressources et Tutoriaux | Scoop.it
Nice, sleek and intuitive. A grid control especially designed for bootstrap.
Ugo Arzur's insight:

" Avez-vous déjà vu ? Un JQuery sauvage se marier avec un Bootstrap bien rangé ? "
" Maintenant, oui. "

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Detect Mobile Browsers - Open source mobile phone detection

Open source scripts to detect mobile browsers and phones using Apache, JavaScript, PHP, ASP, ColdFusion, C#, .NET, Python, JSP and Rails.
Ugo Arzur's insight:

Besoin d'aide dans la détection mobile ?
Un site fait pour ça 
Simple : sélectionnez votre langage, téléchargez, copiez, collez, utilisez.

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

PSD Cleaner

Photoshop Plugin that lets you easily find and fix messy layers in your PSDs.
Ugo Arzur's insight:

Voici un utilitaire pour Photoshop afin d’aller plus vite dans le nettoyage de ton psd. Il détecte les text-box trop larges / les calques non renommés etc, ça peut être sympa selon l’utilisation intensive ou pas.

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Pourquoi Bootstrap n’est pas adapté pour un thème WordPress - WordPress | CreativeJuiz

Pourquoi Bootstrap n’est pas adapté pour un thème WordPress - WordPress | CreativeJuiz | Webdesign, Ressources et Tutoriaux | Scoop.it
Mes collègues m'entendent souvent râler dans l'open space lorsque je vois un thème WordPress conçu sur une base de Twitter Bootstrap, d'autant plus lorsque l'on
Ugo Arzur's insight:

Atelier lecture : Pourquoi Bootstrap n'est pas adapté à un bon design Front ?

Réflexion autour de l'utilisation de Bootstrap. Je dois dire que je ne l'avais pas vu comme ça et maintenant je compte re-considérer mon utilisation du framework.

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Velocity.js: 3D Demo Tutorial - YouTube

Fast-paced codecast for intermediate JavaScript developers. Get Velocity at http://VelocityJS.org
Ugo Arzur's insight:

Salut !

Pour les gens dont le code ne rebute pas je voudrais vous parler de Velocityjs. Quelqu'un connait ?

Il se trouve que c'est une librairie javascript permettant de faire de belle animation mais aussi améliorant les fonctionnalités de vos applications web et sites internet (http://codepen.io/julianshapiro/pen/aLhFC).
Elle sert (aussi) à faire des trucs jolis et qu'on peu implémenter un peu à notre sauce (cf : vidéo tuto sur le travail de Velocityjs avec de l'openGL).
Smashing Magazine a récemment fait un article très bien sur le sujet (en anglais, evidemment) par ici ==>http://www.smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js/

Vous y retrouverez des utilisations simples de la librairies à implémenter dans vos intégrations. Des "pens" chez Smashing Magazine vont vous illustrer ça.

Pour plus de renseignement sur Velocityjs je vous invite à consulter leur page : http://julian.com/research/velocity/

Mon avis : je la trouve plutôt pratique et légère, elle reste une belle alternative à la librairie JQuery bien connue ou encore transit.js (https://github.com/rstacruz/jquery.transit).

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Browser-Update.org - Mettre le navigateur à jour

Browser-Update.org - Mettre le navigateur à jour | Webdesign, Ressources et Tutoriaux | Scoop.it
Ugo Arzur's insight:

Fatigué d'expliquer à votre client qui vous harcèle pour des bugs ou changements mineurs que son navigateur est obsolète ? Browser-Update est le premier pas pour notifier à votre client que son navigateur est dépassé et qu'il doit en faire la mise à jour ou passer totalement à un navigateur plus puissant.

Rajoutez ce script léger afin de vous protéger !
Codez couvert !

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

7 - Techniques de référencement avancé - peu connues

7 - Techniques de référencement avancé - peu connues | Webdesign, Ressources et Tutoriaux | Scoop.it
Technique de Référencement les moins connues par les webmasters en 2014. 7 techniques de référencement avancé pour référenceurs confirmés et professionnels
Ugo Arzur's insight:

C'est encore moi !

 

Je me renseignais sur des méthodes pour le référencement et voilà que je tombe sur ça, quelques techniques simplement expliquées pour un novice comme moi. Je trouve ça assez fin et ça complète bien ce que j'avais appris sur les balises <méta> au préalable.

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Bootstrap: Dropdown on Hover Plugin Demo

A demo for my simple plugin that enables Bootstrap dropdowns to activate on hover and provide a nice user experience.
Ugo Arzur's insight:

Bonjour à vous (je suis levé depuis longtemps cependant !)

 

Aujourd'hui je m'adresse aux utilisateur de Bootstrap. Il existe la possibilité de faire des Dropdowns très rapidement mais ils ne sont réactifs qu'au clic.


C'est là qu'un petit plugin intervient :


Il permet d'activer et cibler le menu déroulant (dropdown) au survol.

- Lien vers le plug in : https://github.com/CWSpear/bootstrap-hover-dropdown


- Exemple des effets du plug-in :http://cameronspear.com/demos/bootstrap-hover-dropdown

 

Merci à Cameron Spear qui a développé ce petit outil.

http://cameronspear.com

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

Scout - Compass and Sass without all the hassle

Scout - Compass and Sass without all the hassle | Webdesign, Ressources et Tutoriaux | Scoop.it
Ugo Arzur's insight:

Bonjour ami(e)s développeurs !

(une lampée et c'est partit !)

 

Aujourd'hui je vous propose de découvrir quelques outils sympathico-sympathiques : quelques outils pour la gestions des CSS et SCSS.
Voici ma liste :


- Scout (gratuit, mac / window / linux)
- Fire.app (14 $, mac / window /linux)
- Codekit (29 $, mac)
- Livereload (9.99 $, mac)


J'utilise Scout et je trouve cet outils très pratique. En effet cet outils open source géré en Adobe Air, est léger et robuste : il permet d'éditer en live un fichier css en créant votre scss. A la manière de livereload, cela vous permettra de gagner un temps précieux dans vos développement, ainsi qu'une rigueur syntaxique.

 

Si toutes fois vous êtes sur Mac et n'avez pas peur de débourser un peu le donationware Codekit me semble est un outils extrêmement puissant en plus de sexy : en effet il propose non seulement de gérer les langages css et scss mais aussi bien d'autres.

 

Scout : http://mhs.github.io/scout-app/
Codekit : https://incident57.com/codekit/

more...
No comment yet.
Scooped by Ugo Arzur
Scoop.it!

PaintCode

PaintCode | Webdesign, Ressources et Tutoriaux | Scoop.it
Ugo Arzur's insight:

Hello à vous !

 

Je vous propose une trouvaille pouvant vous aider dans la conception d'interfaces au design vectoriel.

 

"Paintcode" est un utilitaire permettant de dessiner et générer à la volée du contenu vectoriel principalement re-utilisable pour des interfaces utilisateurs. Le code généré vous pouvez le re-utiliser dans vos compositions perso ou pro. De plus c'est un contenu dynamique : grâce à des variables derrière vous pouvez modifier le comportement et l'aspectde ces éléments comme vous le souhaitez.


Contenu dans cet outils : dessins vectoriels / code généré / couleurs et formes dynamiques / imports de psd et svg possible ainsi qu'une utilisation guidée et simple.


Des tutoriaux sont également disponibles directement sur le site pour les curieux / curieuses.

 

Version d'essai : free
Version achetée $79,99

more...
mrbbp's comment, May 15, 2014 6:36 PM
C'est pour utiliser avec xCode pour générer des graphs en vecto exploitable en objective C... Inutile pour autre chose ;) mais quand même un top soft.
Ugo Arzur's comment, May 21, 2014 6:20 AM
Question développement d'application iOS je pense qu'il peut être intéressant de s'y pencher :) Je n'suis pas encore expert en la matière mais sur le papier il semble prometteur !