background preloader

Tutoriels Photoshop, Javascript/jQuery, HTML/CSS, Accessibilité

Tutoriels Photoshop, Javascript/jQuery, HTML/CSS, Accessibilité

Best Open Source Resources for Web Developers | WebAppers Un Effet Dynamique de Lomographie avec Photoshop Un effet dynamique de lomographie avec Photoshop Pour commencez importez votre image sous Photoshop moi j'ai préféré utilisé celle des pingouins Allez dans Menu > Filtre > Déformation > Correction de l'objectif Maintenant cliquez sur l'onglet Couche puis mettez vous sur la couche Rouge Puis allez dans Menu > Image > Réglages > Luminosité / Contraste Refaite la même chose en vous mettant sur la couche Vert Pour finir mettez vous sur la couche Bleu et réduisez juste la luminosité de ce dernier Ce qui vous donne le résultat suivant attention les valeurs utilisée dans le tutoriel n'est pas des constantes chaque image a ces propres valeurs. Maintenant dupliquez votre calque deux fois (Ctrl+J), mettez vous sur le premier et allez dans Menu > Calque > Filtre > Contours > Contours Accentué. Changez son mode de fusion en Superposition et réduisez son opacité à 52% Mettez vous sur le deuxième et allez dans Menu > Calque > Filtre > Esquisse > Trame de demi-teinte Voilà le résultat

A Beginner's Guide to jQuery Undoubtedly it’s the time of CSS. With the great support of current browsers almost everything seems possible just with it. Especially when you are lucky enough to code a mobile app and only have to consider WebKit as the browser. But often things are far from perfect and Internet Explorer 7 acts as the lowest common denominator. CSS is no option there to achieve great effects like sliders or similar. Let’s get started The first thing to do is to integrate the jQuery script into the page. You can also directly call it from a CDN (content delivery network) like Google Libraries API. The latter method has the advantage that you don’t have to download or setup anything and can start right away, which is perfect for a quick hack or if one wants to try out something. In either way insert the <script> tag at the end of the document, right before the closing </body> tag. You can also use a shorter version: Therefore, whenever possible, insert the script right at the bottom of the page. The basics

artypop La 3D avec Photoshop Cs5 La 3D avec Photoshop Cs5 Pour commencer ouvrez un nouveau document de 1900x1200 pixels, résolution 72Dpi et couleur RVB. Ajoutez un calque de remplissage Dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé. Tapez votre texte comme ceci mais les caractères doivent être écrits séparément dans des calques de texte différents comme ceci. Maintenant nous allons appliquer la 3D sur ces derniers, mettez vous sur la première lettre « T » dans notre exemple et allez dans Menu > 3D > Repoussé > Calque de texte. Dans notre exemple nous allons juste appliquez un peut de 3D sur le texte et lui ajouter une texture prédéfini dans Photoshop pour faire pivoter le texte soit vous utilisez la souris directement sur la lettre soit vous utiliser les trois axes géométrique (X,Y,Z). Refaite la même chose pour tout les lettre pour obtenir un résultat comme ceci. Fusionnez les lettres 3D (Ctrl+E), augmentez un peut la taille de ce dernier (Ctrl+T) Voilà le résultat. Et voilà le résultat final

LimeJam Blog A marvelous video from our colleagues in Continuum Design about the quality of design work, aspirations and user-centered design. On the previous week, the LimeJam team visited Grasse. The small artisanal village of Grasse is recognized from famous novel “Perfume: The Story of a Murderer”, a 1985 literary historical cross-genre novel (originally published in German as Das Parfum) by German writer Patrick Süskind. Currently Grasse is counting about 60 independent perfume producers with global marketing all over the world. During our visit we not only stepped into the marvelous streets of an ancient city that, literally, smells history of artisanal perfume production, but also discussed possible collaboration possibilities in the field of aromamarketing. LimeJam visited one of the biggest and famous perfume family factories in France - Fragonard. Brand and scent marketers are very particular when it comes to choosing a scent that will connect with their target market. Zoom Info

Tutorials I think you’ll all agree that Illustrator is just plain awesome, and with the continual improvements we see with each new version, it keeps getting better and better. Previously, I created seamless textures for typography and seamless backgrounds for my web and illustration projects with Photoshop. But we’ve seen large improvements with the Appearance panel in more recent versions of Illustrator, so now I create these textures and backgrounds solely in Illustrator–it’s actually super easy! So in today’s tutorial, I’ll walk you through the steps on how to create a variety of seamless textures and backgrounds all in Adobe Illustrator. Continue reading In the following tutorial, you will learn how to create a simple diamond icon in Adobe Illustrator. Continue reading In the following tutorial, you will learn how to create a wire pattern brush and how to use it to create a nice USB vector text effect in Adobe Illustrator. Continue reading Continue reading Continue reading Continue reading

How to Create a CSS3 Dropdown Menu [Tutorial] Topic: CSS3Difficulty: BeginnerEstimated Completion Time: 20 mins In this tutorial we will code in pure CSS3 the Navigation Menu that you can find in Impressionist UI by Vladimir Kudinov. Step 1 – HTML Markup We will create an unordered list with a list item and an anchor tag for each menu link. To create the sub menu add another unordered list inside of the list. Step 2 – Menu Layout We will start to remove the margin, padding, border and outline from all the elements of the menu. We will hide the sub menu temporarily to be easier to style the first level. Step 3 – Menu Links To style the menu links we will add some basic CSS properties like font, color, padding, etc. Step 4 – Sub Menu First let’s remove this line of code that we have added on the second step. Now we will style the sub menu. We will set the width of the sub menu links to 100px. To finish it we only need to add an icon to each sub menu link. Conclusion We’ve successfully created this pure CSS3 dropdown menu.

Pourquoi flash va survivre Apple c’est l’outil par excellence des graphistes, tout le monde sait ça !! Adobe marche trop mal sur mac, c’est vraiment de la merde, tout le monde sait ça !! oh… wait… what ?? On va commencer fort avec une provocation, mais c’est peut être un des éléments les plus révélateur du débat actuel sur flash : des gens qui avant-hier criaient sur les toits que tous les logiciels de création tournent tellement mieux sur mac, sont tellement optimisés par rapport au PC, et font du mac l’outil idéal de tout créateur qui se respecte, retournent aujourd’hui leur veste d’un même mouvement pour dire tout comme Steve Jobs que les employés d’Adobe sont des fainéants, que la Creative suite sur mac est une bouse et que flash fait tourner leur processeurs à 100% et font chauffer leurs machines à 1200°. Alors quoi ? Apple c’est bien pour la création graphique ? Flash ça pourri le web depuis déjà trop d’années, on aurait été bien mieux sans Oui, c’est vrai, sans flash le monde serait plus beau. exemple :

Tips Page Sorry, no technical support is available for my tips and techniques Please report any web-related problems by sending an email to the address listed below. Sorry for the inconvenience, but I will not have the chance to respond to questions relating to these tutorials. For immediate response to your issues and questions, check out the Adobe Forum: forums.adobe.com Also be sure to visit the Adobe TV site for a great collection of information and tutorials: tv.adobe.com Sincerely, Russell Brown russellprestonbrown@mac.com Intellectual property; limited license to users The Materials and Services on this Site, as well as their selection and arrangement, are protected by copyright, trademark, patent, and/or other intellectual property laws, and any unauthorized use of the Materials or Services at this Site may violate such laws and the Terms of Use.

Web Creme | Web design inspiration Graphic Design and Web Design Tutorials 25+ Fresh jQuery and CSS3 Tutorials jQuery and CSS3 tutorials can be used together in a web designing project or they can be used separately in a site. The zone of internet and website designing is experiencing great transformation of older apps and inclusion of newer ones every day. All these are for the betterment of the whole conception of website design. In the internet there are lots of ways to know about these elements. There is a wide range of jQuery and CSS3 tutorials in the internet through which one can get easy ideas about the perfect use of those plugins and languages. These are effective for making bright and attractive websites with innovative designs. The main motto of creating a website is to make people aware of the business or ideas that the owner of the site wants to promote. These tutorials about jQuery and CSS3 are helpful for the novice web designers; they can get some brilliant ideas for their upcoming or ongoing projects of website designing. Create an Audio Player in HTML5 & CSS3 Timeline Portfolio

Blogger Resources by NorthxEast

Related:  matiaspereira