Afficher les éléments par tag : avec

WebBuzz du 13/12/2013

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Fri, 13 Dec 2013 05:49:20 +0000

Qui n'a jamais pensé d'utiliser les patins des hélicoptères sur la glace ? C'est ce qu'a tenté ce pilote. Il aurait dû simplement s'assurer qu'il n'y avait personne sur la glace. Cela aurait pu mal se terminer.
Who has ever thought of using helicopters skates on the ice? This was tried this driver. It should simply ensure that there was no one on the ice. This could end badly.

{flv}Faire_du_patin_a_glace_avec_un_helicoptere-ice_skating_with_an_helicopter|640|340|1{/flv}

faire
patin
glace
avec
helicoptere
ice
skating
with
helicopter
webbuzz
Crazy
Amazing
étonnant

Modèle de Grilles réactives avec jQuery - Grid-A-Licious

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Wed, 07 Nov 2012 06:35:51 +0000

Les sites web utilisant un affichage reprenant les grilles de mise en page d'un journal ont toujours existé mais Pinterest a définitivement rendu plus populaire.

Grid-A-Licious est un plugin jQuery qui permet de créer facilement des mises en page de grille flottantes ressemblant à Pinterest.

Il existe d'autres ressources pour créer un tel affichage, mais Grid-A-Licious se distingue en offrant une solution tout à fait réactive.

Quelle que soit la taille de l'écran ou l'appareil, la grille s'adapte parfaitement car elle est flottante (pas de positionnement absolu est utilisé) et fluide.

Le plug-in dispose d'options permettant de personnaliser la largeur et l'animation (vitesse, durée, effet, etc.)

Et, il prend en charge l'ajout avant ou après de nouveaux éléments à la grille qui est utile pour l'utiliser dans les modples de mises en pages dynamiques.

web
avec
jQuery
webDesign
plugin
site
modèle
Grilles
réactives
GrilleALicious

Construction de requêtes SQL avec JavaScript - Squel.js

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Tue, 30 Apr 2013 05:26:04 +0000

Parfois, dans les projets de site web, il arrive qu'il ne soit pas possible de définir une requête SQL car il est nécessaire de la générer dynamiquement.Ou, il est toujours interessant de trouver des solutions qui rendent les requêtes SQL plus lisible.

Squel.js, une petite bibliothèque JavaScript, permet de construire des chaînes de requêtes SQL très facilement via une API orientée objet.

Elle fonctionne à la fois sur le navigateur (ce qui n'est pas conseillé puisque les requêtes seront visibles par tous) et avec nodejs et permet de visualiser toutes les requêtes SQL standards (et peut être personnalisé pour supporter des requêtes non-standard).

construction
requêtes
SQL
avec
javascript
Squeljs
webDesign
dynamique
Nodejs

Un éditeur de Rich texte léger Avec Validation de code HTML5 - WYSIHTML5

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Wed, 23 May 2012 04:22:59 +0000

WYSIHTML5 est un éditeur open source de texte riche, développé par Xing, qui permet de valider un code HTML5.

L'éditeur ne repose pas sur un cadre JS, il est léger et travaille très vite.

Il transforme les champs textarea et les convertit, y compris les styles de texte (gras, italique), des listes, en-têtes, l'insertion d'images ou des liens et la coloration du texte.

Il est possible de lui "dicter" le code (seulement affiché dans Chrome) et le code source HTML peut être visualisé avec un clic.

WYSIHTML5 accélère le processus d'écriture en liaison automatique des URL et offre une utilisation sécurisée en recourant iframes afin de prévenir le vol d'identité par le biais XSS.

Editeur
Rich
texte
léger
avec
Validation
code
HTML5
WYSIHTML5
iFrame
XSS
javascript
webDesign

Affichage d'une vidéo en arrière plan site web avec jQuery - BigVideo.js

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Thu, 30 Aug 2012 09:32:28 +0000

BigVideo.js est un plugin jQuery pour afficher facilement des vidéos en arrière-plan pour sites web.

Il peut jouer une vidéo en silence ou peut être utilisé avec une liste de lecture pour permettre aux utilisateurs de choisir n'importe quelle vidéo.

Le plugin est construit au-dessus de Video.js, fait usage de jQuery UI et a les commandes du lecteur afin de permettre de controler la vidéo.

Et, il peut également afficher des images qui peut, très bien remplacer la vidéo, quand le navigateur ne la prend pas en charge.

affichage
une
video
arriere
plan
site
web
avec
jQuery
BigVideojs
javascript
webDesign

Un préprocesseur CSS en ligne codé avec JavaScript - Roole

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Tue, 12 Feb 2013 07:04:10 +0000

Tous les WebDesigneurs ont touché une fois au moins aux préprocesseurs de feuilles de styles CSS comme SASS ou LESS afin de travailler sur des projets aux style de plus en plus complexes.

Roole est une alternative qui est inspiré du SASS ou LESS / stylus et qui n'utilise que Javascript pour fonctionner correctement.

Il interprète les variables, les testes logiques et permet de définir le format du code CSS à générer.

préprocesseur
css
ligne
code
avec
javascript
Roole
SASS
less
webDesign
site web

WebBuzz du 01/07/2015: Vittorio Brumotti en mode free style avec un vélo du tour de France-Vittorio Brumotti does freestyle with road bike

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Wed, 01 Jul 2015 06:29:35 +0000

L'édition 2015 du tour de France débute le 4 juillet. Vittorio Brumotti n'y participera pas mais il a sa manière d'utiliser ces vélos taillés pour la route. Et si les coureurs avaient les mêmes capacités cela mettrait un peu plus de piquant...

The 2015 edition of the Tour de France starts July 4. Vittorio Brumotti are not participating but it has a way to use these bikes tailored for the road. And if the riders had the same capabilities would put a little more spice ...

{flv}Vittorio_Brumotti_free_style_avec_un_velo_du_tour_de_France-Vittorio_Brumotti_does_freestyle_with_road_bike|640|360|1{/flv}

webbuzz
Vittorio
Brumotti
Free
style
avec
velo
tour
France
Does
Freestyle
with
road
bike
Sport
videos
incroyables

WebBuzz du 22/05/2012

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Tue, 22 May 2012 05:25:39 +0000

Est-ce parce que nous sommes de plus en plus nombreux sur terre, une chose est sûre, c'est que les bêtes sauvages semblent de moins en moins être effrayées par l'homme. C'est le cas de ce jeune pingouin, qui vient voir de près un touriste de passage en antartique.
Is it because we are becoming more numerous on earth, one thing is certain is that the wild animals seem to be less afraid of humans. This is the case of this young penguin who comes close look at a passing tourist in Antartic.

{flv}Premiere_rencontre_avec_l_homme_pour_ce_bebe_pingouin-Baby_Penguin_meets_human_for_the_first_time|640|480|1{/flv}

premiere
rencontre
avec
homme
pour
bébé
pingouin
baby
Penguin
meets
human
first
time
animals
Cute
Cute
funny

Créer des raccourcis clavier pour site web avec chrome - DomFlagsPosted

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Fri, 01 Aug 2014 04:33:26 +0000

L'extension de chrome DomFlags propose une nouvelle façon d'interagir avec les DevTools, car pour la première fois, vous pouvez maintenant créer des raccourcis clavier pour les éléments DOM.

DomFlags sont comme des signets pour naviguer dans l'arborescence DOM.

Ils vous permettent de naviguer et de suivre des éléments importants.

L'extension a une fonctionnalit d'auto-inspection qui vous aident à suivre certains éléments avec une grande précision.

créer
raccourcis
clavier
pour
site
web
avec
chrome
DomFlagsPosted
webDesign
DOM
WebDev

WebBuzz du 17/07/2017: représentation artistique avec 2 écrans et 2 robots-Artistic show with 2 screens and 2 robots

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Mon, 17 Jul 2017 06:45:19 +0000

L'utilisation des robots n'est pas seulement réduit à l'exploitation et à la production de masse. Certains artistes les utilisent pour explorer d'autres voies. Et voici ce que cela peut donner. Impressionnant !

The use of robots is not only reduced to exploitation and mass production. Some artists use them to explore other ways. And here is what that can give. Impressive!

{flv}representation_artistique_avec_2_ecrans_et_2_robots-Artistic_show_with_2_screens_and_2_robots|640|360|1{/flv}

webbuzz
représentation
artistique
avec
écrans
robots
Artistic
show
screens
bots
art