background preloader

Alsacreations, creating websites with CSS and XHTML

Alsacreations, creating websites with CSS and XHTML

Photoshop Tutorials To Improve Your Modeling and Design Skills | Advertisement Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and making future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now → You have to use Adobe Photoshop for a really long time to understand its potential completely. Below you’ll find over 50 Photoshop tutorials that teach you how to create beautiful realistic objects and 3D models. We also have a plenty of tutorials on using Photoshop to improve the quality of your images: USB Drives Link Floating USB8 This tutorial shows how to illustrate a USB key floating in the air and reflecting on a surface. USB Stick Notebooks Link MacBook Pro Design a MacBook Pro in Photoshop using shapes and different blending options to get a realistic look. Slick MacBook Create a slick white Apple MacBook in Photoshop. MacBook Air10 This 20-step tutorial explains how to make the MacBook Air ad. Watches Link

X/HTML 5 Versus XHTML 2 La compétition s'intensifie pour devenir le nouveau langage de balisage pour le Web. L'article suivant discute des aspects cool et pas cool des technologies qui font concours. Contexte Bien que les spécifications HTML 4 et XHTML 1 nous ont bien servis jusqu'à present, elles ont toutes les deux certaines faiblesses. Il y a présentement deux spécifications qui se battent pour succéder au HTML 4 et au XHTML 1: le XHTML 2.0 et Web Applications 1.0 (mieux connu sous le nom de X/HTML 5). Le XHTML 2 représente un grand bond en avant dont l'objectif est de créer une architecture qui assumera le rôle de langage hôte pour beaucoup d'autres technologies W3C existantes ou en cours de développement. Le développement du XHTML 2 est poussé par le principe qu'il y a une façon correcte d'utiliser un langage de balisage, et non par la façon dont le langage est actuellement utilisé. Le X/HTML 5 et le XHTML 2 ont tous les deux le statut de "W3C Working Draft". Aspects cool du XHTML 2 Ça, c'est très cool! Cool!

Dynamic Web Pages from your Photoshop Designs in Seconds! | psd : le web design puisé à la source Photoshop Secret Shortcuts It is proven that by using software shortcuts can boost up productivity. Here are 30 secret Photoshop shortcuts that I’ve learned from years of experience. Well, what I mean by "secret" is that these shortcuts are not documented in the menus. Keep reading and you will find how these shortcuts can speed up your productivity. I bet you don’t know all of them. Note: this article is written in Mac Photoshop format. Drag selection With the Marquee tool, drag on the document (do not release the mouse yet), now hold down Spacebar, it will let you drag the undefined selection. Do you know more Photoshop shortcuts that are not listed in this article?

Inclure un fichier dans une page HTML sans utiliser &lt;iframe&gt; - Alsacréations Si l'usage des inclusions en langage serveur n'est pas possible et si l'on tient à éviter l'usage contesté de la balise <iframe>, il est théoriquement possible d'utiliser la balise générique <object> pour inclure n'importe quel format de fichier au sein d'un document HTML. Cependant, bien que cela fonctionne parfaitement sur Firefox, tous mes essais sur Internet Explorer avaient lamentablement échoués jusqu'à ce jour. En fait, pour utiliser l'élément <object> sous Internet Explorer il faut en définir explicitement les dimensions : Merci à Xavier pour m'avoir ouvert de nouveaux horizons ;) Il reste un seul hic : pas moyen de supprimer ou cacher les vilaines barres de scroll autour de l'objet. EDIT de derrière les fagots Merci à Cassy d'avoir exhumé cette astuce et d'y avoir apporté une solution. Exemple pour page.html : c'est la page principale qui appelle l'objet <! ... puis il faut appliquer ces styles à la page fille object.php :

Tutorial - Snowglobe in Photoshop 6 or Higher (Page 1) Snow Globe in Photoshop 6 or higher Software Used: Adobe Photoshop 6.0 For this tutorial you'll learn how to create a snow globe from scratch using Photoshop 6 or higher. This is an intermediate level tutorial, so you will need to have some familiarity with the interface and a good understanding of the basics of Photoshop. If you are new to Photoshop, I suggest you complete the 8 self-paced lessons in the Adobe Photoshop Basics course on this site before attempting this tutorial. Before you begin you'll need to save the file to your hard drive (right click on the link and choose save) then extract the files. I've used Windows keyboard shortcuts throughout the text of this tutorial. Special thanks to forum member Linda for inspiring this tutorial. This is a long one (6 pages), so before you get started, you might want to get yourself comfy with a snack and a beverage. 1.) 2.) 3.) 4.) 5.) 6.) 7.) 8.) 9.) 10.) 11.) 12.) 13.) 14.) 15.) 16.) 17.) 18.) Continued --> Questions?

35 Beautiful Vintage and Retro Photoshop Tutorials | Tutorials | Advertisement By Jacob Gube With the recent post on retro and vintage in modern web design1, it’s time to put the theory into practice. We’ve scoured the Web to find some impressive Photoshop tutorials that can help you achieve an "old-fashioned" look-and-feel in your designs. You may want to take a look at the following related posts: Without further ado, we present 35 high-quality vintage and retro Adobe Photoshop tutorials that may help your design… well, travel back in time. Vintage and Retro Photoshop Tutorials Colorization Tutorial7This short tutorial showcases a method for colorizing a black and white photo to achieve an aged, vintage look. Wicked-Worn Vintage Pop Art Design9Mesh vintage pop art with grunge to create a unique mash-up of the two popular design styles. Retro Grunge Poster11Wield the Pen Tool and utilize some free brushes and textures to achieve this retro-grunge hybrid look-and-feel. 3D Retro Strip71Use the Pen Tool to create 3-dimensional retro strips. Further Resources

Photoshop Contests - Compete and show your art skills - Photosho The Most Helpful PSD to xHTML and CSS Tutorials | Presidia Creat Creating a design in Photoshop may be somewhat tricky and time consuming, but every designer knows that it’s only the tip of the iceberg. Once you come up with your perfect design, you have to figure out how in the world you’re going to turn it into useable code. Sometimes the solution just presents itself easily, but most of the time, there are some serious headaches involved (“why is this working in Firefox and not IE?!!!!”). So today, we’re going to look at the best and most helpful PSD to xHTML+CSS tutorials on the internet. Tutorial: Coding a Layout From PSD to CSS/HTML in Easy Steps HV Designs PSD->CSS From PSD to HTML, Building A Set of Website Designs Build a Sleek Portfolio Site from Scratch (Code Part) How to Convert a PSD to xHTML Creating a CSS Layout from Scratch CSS Template Tutorial Encoding a Photoshop Mockup into xHTML and CSS Coding your First PSD

13 OpenSocial Video Tutorials and Educational Videos OpenSocial is Google's developer platform for social networking applications. It's the backbone behind applications on MySpace, Orkut, Friendster, LinkedIn, Plaxo, hi5, and many more. We've gathered a list of 13 OpenSocial video tutorials and educational videos so you can learn more about how to use it. OpenSocial Google Workshop - Here's an hour-long video of a workshop that Google offers for getting acquainted with OpenSocial. Google's Open Social Tutorial Series - This five-part series covers all the basics for using OpenSocial and includes: Gadget Basics, Listing Friends, Giving Gifts, Listing Gifts You've Sent, and Listing Gifts You've Received. How to Put Flixster Functionality into MySpace - This tutorial shows how to integrate Flixster into your profile using OpenSocial. OpenSocial Across Containers - This video covers best-practices for implementing OpenSocial applications across containers.

How To Master Photoshop In Just One Week :: Elite By Design Elite By Design Web Design & Photoshop Inspiration Follow me on Twitter blog > How To Master Photoshop In Just One Week How To Master Photoshop In Just One Week So you want to master Photoshop huh? Part two will be coming up in a couple of days, so feel free to take your time going through these resources. Part two has been posted. . . Familiarizing Yourself With The Photoshop Interface . The Interface Video: Photoshop 101 – The Interface . Photoshop Crash Course . Getting Started In Photoshop . Photoshop Tool Basics . The Tools Photoshop’s Toolbox . The Selection Tools . Video: Burn, Dodge, And Sponge Tools . Painting Tools . Drawing And Type Tools . Retouch And Healing Tools . Understanding Blending Modes . Pen Tool Basics . Pen Tool Learning How To Use The Pen Tool . Video: Vector Tracing And The Pen Tool . Photoshop Paths Explained . Drawing With Photoshops’ Pen Tool . Photoshop Keyboard Shortcuts . Shortcuts 18 Exceptionally Useful Photoshop Shortcuts . 28 More Exceptionally Useful Photoshop Shortcuts .

50 Photoshop Tutorials For Sky and Space Effects | Tutorials | S Advertisement Humans have always had an infatuation with the air above us and the space around our planet. With Adobe Photoshop we can create new images or enhance existing photos to include the sky and space as a backdrop. There is virtually no limit to what can be done with some Photoshop skills and a bit of creativity. As you will see from the tutorials featured here, some of the most entertaining and practical Photoshop creations and manipulations deal with the sky and space. From this collection of tutorials you’ll learn all kinds of tricks that can be applied to your own work. You may also be interested in some of our other collections of Photoshop Tutorials: Space and Planets Really Cool Eclipse Effect in Photoshop5Photoshop master Fabio Sasso shows you how to create this lighting effect. Space and Planet Tutorial6Create a very cool look with just some simple Photoshop effects. Make a Real Planet7Here you can learn how to easily create a fairly realistic planet. Explosions The Sky Video