Mercredi 25 janvier 2012 3 25 /01 /Jan /2012 09:20

 

Ceux qui me connaissent ou me suivent sur twitter savent que mon emblème voir mon obsession, vient d'un petit champignon vert issu de l'univers de Mario.

Vous savez celui qui vous donne une vie ! Il est classe, il est vert et en plus il est utile ;).

 

Bon bref ! J'ai commencé ce petit fil rouge sur twitter il y a quelques temps et je me suis dis, pourquoi ne pas plutôt faire des articles sur le blog en postant l'image d'un nouveau 1UP et en expliquant mon choix.

 

Aujourd'hui, vous aurez donc un 1UP lampe design. Une photo shoot par Jon beard un photographe pro. Retrouvez le d'ailleurs sur son portfolio.

 

 

http://www.jonbeard.com/portfolio/images/20100313__D7X4177_Edit_Edit.jpg

 

 

Vous aurez le droit à un 1UP par semaine. Il faut bien vous rajouter des vies en ces temps de crise ! :)

Bonne journée.

Par AtChA - Publié dans : Geek - Communauté : Geek
Ecrire un commentaire - Voir les 0 commentaires
Lundi 23 janvier 2012 1 23 /01 /Jan /2012 11:43

 

Bien le bonjour chers lecteurs.

 

Ce billet est spécialement dédié aux petits Web Designer que nous sommes.

 

Dans notre quête habituelle de design non-convetionnels, de créativité et autres détails graphiques, il m'arrive souvent d'être attiré par des  fonds transparents contenant du texte quant à lui opaque.

 

Etant dans une optique d'optimisation des performances Web, j'en arrive souvent a essayer d'éviter les PNG (les images sont la sources la plus importante de chargement des pages). 

 

Je viens donc en cette fin de matinée vous apporter une petite solution pour créer des fonds transparents avec l'aide de mon ami CSS.

 

Here we are !

 

 


.alpha60 {
/* Si le navigateur ne supporte pas le RGBa */
background-color: rgb(0, 0, 0);
/* RGBa avec une opacité de 0.6 */
background-color: rgba(0, 0, 0, 0.6);
/* Pour IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* Pour IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

 

Voila ce que ça donne au passage de ma souris sur un produit :

 

Exemple background opacity mouse out exemple_background_opacity

 

Bien sur vous allez me dire, "Mais IE7 !". Et oui ! Effectivement cela ne fonctionnera pas sur IE7 à mon grand regret.


Mais j'ai envie de vous dire ! D'une part IE7 perd de la part de marché, une bonne partie étant transférée vers I8 voir 9 et de deux, si on veut que ça évolue, il faut bien obliger l'utilisateur à changer ses habitudes :).


Par AtChA - Publié dans : Programmation
Ecrire un commentaire - Voir les 0 commentaires
Jeudi 22 décembre 2011 4 22 /12 /Déc /2011 13:12

 

 

I love techno 2011 montpellier France

 

Bien le bonjour ! Gentes dames et bons messieurs. 

 

J'ai enfin trouvé le courage de refaire une note de blog. Et pour quoi ? Pour vous raconter un évènement plutôt monstrueusement bon. Un évènement qui au vu de l'annonce me donnait l'eau à la bouche au plus haut point !

 

Le festival I LOVE TECHNO France !

Oui vous avez bien lu ! Un vrai gros festival d'électro en France !

 

Ce festival se déroulait donc le samedi 17 décembre dernier au Parc des expositions de Montpellier. ci-dessous.

 

Parc des expositions de Montpellier

 

Vous l'aurez compris, un gros évènement dans un lieu gigantesque, totalement adéquate à la situation !

 

Nous avons entrepris de nous y rendre pour 20h, heure à laquelle le premier concert avait lieu. 

On s'est donc rendu à l'arrêt de bus où habituellement des navettes sont affrétées pour emmener la populace fêtarde au parc. Première constatation l'arrêt bondé mais aucune navette.

 

On a attendu, attendu, attendu (sur la coline), mais elle n'est jamais venue. Bref on se dit comment faire. Le bus passe seulement une fois par heure et avec ce monde on arrivera jamais à l'heure. Du coup on sort notre portable, notre porte feuilles et on prend un taxi direction la grosse orgie !

 

Nous sommes arrivés à bon port pour 24 euro :p. La soirée commençait mal mais nous étions tellement motivé que rien ne pouvait nous atteindre !

 

Nous arrivons à rentrer dans le parc des expos sans encombres c'était plutôt fluide même avec les 10000 personnes de prévues.

Dans le hall, des personnes dans tous les sens, du son déjà rugissait des deux salles. Ah oui il y avait deux salles avec des artisites en permanence. Une très bonne idée qui permettait de changer de son et d'ambiance régulièrement en fonction de nos envies :).

 

On a donc commencé la soirée par

 

 

 

Madeon :


madeon - i love techno - pop culture Un petit nouveau de la scène électro. J'ai envie de dire que ce mec est un prodige. Euh bonjour, j'ai 17 ans, je suis de Nantes et je mixx déjà dans le monde entier depuis 1 ans !

Et effectivement il a été à la hauteur de sa nouvelle réputation. Je trouve ça vraiment bluffant de gérer autant à cet âge. C'était du son très fluide, très entrainant, bien motivant, un très bon début pour se chauffer et se mettre dans l'ambiance :). Maintenant je pense qu'il a plus qu'à prendre de l'expérience et il va tout roxxer !

 

 

 

 

Busy P :


BusyP - i love techno france - procrastinatorInconnu pour ma part. Mon meilleur ami est un grand grand fan et j'ai été pour ma part plus que conquis. Du son très bourrin mais vraiment bien construit et vraiment entrainant. Pour dire ça pogotait dans la fosse !

A voir, à danser et à écouter donc.

 

 

 

 

 

Brodinsky :


Brodinski - i love techno montpellier Plus besoin de le présenter, il s'est fait un nom depuis pas mal de temps maintenant. C'était vraiment, mais vraiment énoooorme ! Le son était très très rythmé, très dynamique et à la fois très violent. Un bon défouloir, une bonne grosse trance sur laquelle je n'avais pas dansé depuis bien trop longtemps !

 

 

 

 

Cassius :


Cassius-The-rawkers-EP - i love techno franceUn de ceux pour qui je voulais absolument ne pas louper le festival ! Pas grand chose de plus à dire que AWESOME ! Du grand classique électro tellement bon pour les oreilles !

 

 

 

 

Digitalism :


digitalism - i love techno ftwDu Mixx, du chant. Du re-mixx et re-chant ! Enfin du décoiffage en rêgle ! Encore de quoi sauter partout et danser dans tous les sens avec des gens inconnus. Au dessus de mes espérances, je le conseil en concert ou festival !

 

 

 

 

Steve Aoki :


steve aoki - i love techno - dub step electro musiqueLe show man ! Avec son bateau gonflable, ses gros tripes avec le publique. Une vraie bête de scène. Il était partout, il a fait bouger la foule comme personne. 

En plus de ça il nous a sortit les deux versions de Warp. Du très gros son DubStep, très nouveau venant de lui et vraiment très réussi. Vivement le 17 janvier son prochain album !

Enfin, c'était LE final qu'il fallait je pense :).

 

 

 

 

Ce festival était donc une grosse réussite au niveau son et amusement. Une très grosse affiche qui a vraiment donné, ce pourquoi nous attendions. La population du festival était plutôt très sympathique. En plus de ça une très bonne soirée/nuit de folie entre amis.

Malheureusement je tiens à déplorer le niveau très faible de l'organisation. Pas de navettes (on est quand même rentré jusqu'au centre ville à pieds 1h45 de marche après 5 heures de festival !), 10 personnes aux vestiaires (pour 10000 participants). 

En gros je donnerai un 7/10 à ce festival bien que j'aurai voulu donner plus.

Par AtChA - Publié dans : Musique
Ecrire un commentaire - Voir les 0 commentaires
Mardi 20 septembre 2011 2 20 /09 /Sep /2011 11:13

[EDIT]
Je reviens donc sur cet article. 

Malheureusement je n'ai eu suffisament de réponse à ce sondage pour que le résultat soit vraiment parlant.

Mes pressentiments étaient justifié. Les villes qui ressortent étant Paris et Lille (bien sur la population étant beaucoup plus élevée il fallait s'y attendre). Le résultat de Poitiers ne me surprend pas non plus vu que c'est la ville où je connais le plus de monde :p.

 

Je ne suis donc pas beacoup plus avancé pour l'instant dans ma quête. Je pense qu'il faudra relancer un sondage. Peut-être poser la question différement ? Peut-être sonder autrement je ne sais trop encore. Un jeu ? :D

 

Bonjour à tous.

 

J'aurai besoin de votre aide. Je fais une étude à titre personnel et malheureusement je ne peux en dire plus.

Je voudrais savoir quelle ville ci-dessous aurait le plus fort taux de geek.

 

Merci d'avance pour votre réponse et pour le partage de cet article ou seulement du sondage :).

 

Lien vers le sondage : quelle est ta ville avec le plus fort taux de geek

 

 

 

Par AtChA - Publié dans : Geek - Communauté : Geek
Ecrire un commentaire - Voir les 0 commentaires
Mardi 14 juin 2011 2 14 /06 /Juin /2011 13:46

J'ai appris récemment qu'un de mes amis venait de recevoir le Grand Prix Paris Match du photoreportage étudiant. Je me suis dis qu'il fallait bien que je vous montre un peu ce qu'il en était, d'une part car j'aime beaucoup ce qu'il fait et d'autre part parce que c'est quand même bien la classe :).

 

Quelques images que j'ai sélectionnées :

 

http://nyimarin.com/Istanbul/Images/Istanbul2.jpg

 

http://nyimarin.com/Istanbul/Images/Istanbul10.jpg

 

http://nyimarin.com/NYCity/Images/NYCity3b.jpg

 

http://nyimarin.com/NYCity/Images/NYCity19a.jpg

 

http://nyimarin.com/Lithuania/Images/37.jpg

 

 

N'hésitez pas à aller voir sur son site : http://nyimarin.com/ 

 

Je tiens à préciser que ces photos sont la propriété de l'auteur, en l'occurrence Nyima Marin.

Par AtChA - Publié dans : Divers
Ecrire un commentaire - Voir les 0 commentaires
Mercredi 8 juin 2011 3 08 /06 /Juin /2011 20:03

http://t2.gstatic.com/images?q=tbn:ANd9GcR25lkVDvLcB6pF_X057xIalEJbbLUm5iZvF_zSsOOsWEDqON3Yxw

 

Il est encore en développement, mais vu qu'il commence à ressembler à quelque chose et vu qu'il est déjà fonctionnel, je vous le mets en démo et en download afin que vous puissiez vous faire une idée.

 

PlugIn SlideShowImg :

 

Il va vous servir à faire bouger une image à l'intérieur d'une div.

 

Pour celà rien de plus simple.

 

Explications :

 

  • - commençons d'abord par l'html :

 

 

<html lang="fr" xmlns="http://www.w3.org/1999/xhtml">

    <meta charset="utf-8">

    <title>Plugin Slideshowimg</title>

    <link rel="stylesheet" href="css/styles.css" type="text/css">

    <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>

    <script type="text/javascript" src="js/slideshowimg.js"></script>

    <script type="text/javascript" src="js/scripts.js"></script>

    <section id="wrapper">

        <header><h1>Plugin Slideshowimg</h1></header>

        <article>

                <div id="slideimg">

                    <img src="img/image_slider_2.jpg" alt="img2"/>

                </div>

        </article>

    </section>

</html>

 

 

Il vous suffit de mettre l'image à faire bouger (slider) dans une div qui a une id.

 

  • - Deuxième étape le javascript :

 

 

$(document).ready(function(){

    $("#slideimg").slideshowimg({direction:"left"});

});

 

 

Il faut appeller dans votre page html votre script jquery et celui du plugin (voir en rouge plus haut).

Dans votre script il vous suffit d'appeller la fonction slideshowimg() sur votre div #slideimg créée précédement.

 

Les options du plugin :

 

Elles sont peu nombreuses pour l'instant vu que j'ai juste commencé à travailler dessus.

 

 

- width (définit la largeur d'affichage), 200 automatique (en px) ;

- height (définit la hauteur d'affichage), 200 automatique (en px)  ;

- tempoBefore  (définit le temps pour le premier passage de l'image), 5000 automatique (en ms) ;

- tempoAfter (définit le temps pour le retour de l'image), 5000 automatique (en ms) ;

- direction (définit la direction de défilement de l'image).

 

 

Améliorations futures possibles : 

 

- Ajout d'un paramètre position, effectuera surement soit un centrage de l'image en fonction de la direction soit un crop de l'image ;

- Ajout d'une div de description de l'image (facultative bien évidemment) qui sera soit bloqué soit s'affichera au passage de la souris ;

- Ajout d'une gestion multi-images ;

- Ajout d'une gestion de différents easing (effets de transitions).

 

 

démo et download

Par AtChA - Publié dans : Programmation - Communauté : Geek
Ecrire un commentaire - Voir les 1 commentaires

 395149_10150485772854288_664024287_8595839_1160149945_n.jpg

Bonjour et bienvenue.

Je mé présente AtChA.

Je suis Web designer, développeur front end, community manager, gamer et donc forcément geek. Je suis basé à Poitiers.

Né dans les années 80, j'ai grandis avec la nouvelle technologie et ce blog est là pour apporter des connaissances et de la distractions aux âmes qui s'aventurent par ici.

Follow me

 My RSSMy FacebookMy TwitterMy Tumblr

Categories

Find a way

Sing a song

Date my word

Janvier 2012
L M M J V S D
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
<< < > >>

Geek test

Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés