background preloader

Web Design

Facebook Twitter

Creare un sito web gratis | Scopri come creare un sito. Learn Web Design. Website Builder. Web. Editeurs de sites. Web Design Blog - Webdesigner Depot. Webdesigner Trends - Webdesign et inspiration.

Web Designer Wall – Design Trends and Tutorials. : le web design puisé à la source. Design Kindle | Web Design Resources. Smashing Magazine – For Professional Web Designers and Developers. #Olybop - Blog Graphisme et Webdesign au quotidien. Magazine du Webdesign – Le meilleur des interfaces, chaque jour. The Design Blog - Design Inspiration. Design Spartan : Art digital, digital painting, webdesign, ressources, tutoriels, inspiration | Tutoriels, ressources et inspiration sur l'art digital, l'illustration, le digital painting et le webdesign.

7 Tips for a Polished Web Page. Different web designers make use of simple techniques to allow their web page to stand out. Here are 7 tips that I have made use of for one of the mock ups I’m working on. It’s the little, subtle things that really make the biggest difference. Just a note, this article is not for advanced users, but it is good to have a re-read about it. 1. Use Anti-Alias for fonts Anti-aliasing improves reading speed and accuracy. 2. Blend modes give us different ways for a layer to interact with, or "blend" with, the layer or layers below it. 3. By adding 1 pixel of stroke to your layout, makes a whole lot of difference by making your site stand out. 4. Another great way for your page to stand out is by adding a subtle shadow along the edges of your page. 5. Whenever you have a box with transparency on top an image, try blurring only the portion of the image below the box. 6.

You may not have noticed that images and icons lose their clarity when you resize or rotate them. 7. Graphic Orgasm Ultimate Web link portal for site design links and graphics site link designs. Codrops | Useful resources and inspiration for creative minds. About Codrops. Styleboost. SHANE : Magazine sur le Webdesign, le Graphisme et Apple !

Web & coding. Website creation. Web Design Resources. Online HTML Editing Tools. 056 FAIS TON SITE. Editeur de formulaires. HTML - Hyper Test Mark-up Language. TEMPLATED - CSS, HTML5 and Responsive Site Templates. Design Tools. Design Inspiration. Website speed test. Nobody Likes a Slow Website We built this Website Speed Test to help you analyze the load speed of your websites and learn how to make them faster.

It lets you identify what about a web page is fast, slow, too big, what best practices you’re not following, and so on. We have tried to make it useful both to experts and novices alike. In short, we wanted it to be a easy-to-use tool to help webmasters and web developers everywhere optimize the performance of their websites. Feature Overview Examine all parts of a web page – View file sizes, load times, and other details about every single element of a web page (HTML, JavaScript and CSS files, images, etc.). You can sort and filter this list in different ways to identify performance bottlenecks. How it works All tests are done with real web browsers, so the results match the end-user experience exactly.

Web development tutorials, from beginner to advanced | Nettuts+ Website. Personal Websites | Create a Personal Website in Seconds. Tuto T6 - Votre Site web Gratuit. Calaméo est une application pour créer des publications interactives instantanément sur Internet. Nous vous proposons un nouveau mode de publication de document incroyablement riche en fonctionnalités et simple d'utilisation. A partir d'un fichier PDF, vous créez magazines, brochures, catalogues de vente, rapports annuels, plaquettes de présentation… Qu'est-ce qu'une publication interactive? Il s'agit d'un document électronique interactif consultable à partir d'un ordinateur et capable de recréer l'impression de lire un document papier : feuilleter les pages, marquer les pages, zoomer… des magazines, brochures, catalogues de vente, rapports annuels, plaquettes de présentation A qui s'adresse Calaméo?

Pour toute personne, entreprise, association, agence, etc., désireuse de proposer un support informatif dynamique et innovant répondant aux nouveaux standards de la communication Les avantages d'une publication interactive Réalisation d'un document et mise en place sur votre site Jimdo une nouvelle. Free Web Page Headers - Main Index.

Our header graphics are in JPG format, 800 pixels x 200 pixels. Just click a thumbnail to view/download the full-size image. How to Code up a Web Design from PSD to HTML. A couple of weeks back we went through the process of creating a gnarly snowboarding themed website design concept in Photoshop. The tutorial covered the process of designing our site concept from sketch to finished PSD design.

Now, let’s take the design to the next step and code up a complete mockup in HTML and CSS, ensuring our code is semantic and standards compliant. We’ll then add some finishing touches with a spot of jQuery. To refresh your memory Cast your mind back and you’ll remember we left off at the end of the post titled Create a Gnarly Snowboarding Themed Web Design with a finished PSD sporting a textured background, large feature area and a mix of text, images and video making up the main content area.

Check out part one of the tutorial Cutting up the PSD concept With our design being pretty design heavy, there’s a good selection of elements that will need exporting from the PSD. Remember to choose the most appropriate file type and compression setting for each item. <! HTML5. Mega Collection Of Cheatsheets for Designers And Developers. Cheatsheets and various quick reference guides are available for almost any type of software and language these days.

Unfortunately they’re not always easy to find when you actually need them. This is why I decided to take some time to gather up as many as possible and share them with you here! Hopefully this can be a timesaver for you, along with teaching you a new trick or two. The resources have been divided into various categories to make them easier to find. Below are more than 100 cheat sheets and reference cards for the following topics: CSS3 Cheat Sheet ↓ CSS2 Visual Cheat Sheet ↓ CSS Cheat Sheet (V2) ↓ Css Property Index ↓ BluePrint CSS ↓ HTML 5 Cheat Sheet ↓ HTML5 Canvas Cheat Sheet ↓ HTML5 Glossary ↓ HTML Character Entities Cheat Sheet ↓ Color Codes Matching Chart HTML (Convert CMYK, RGB Hex) ↓ Javascript JavaScript Cheat Sheet ↓ Javascript DOM ↓ JavaScript Reference Card ↓ jQuery 1.4 API Cheat Sheet ↓ jQuery selectors ↓ jQuery 1.3.2 ↓ jQuery 1.3 ↓ jQuery 1.2 ↓ Mootools 1.2 Cheat Sheet ↓ MySQL.

Website-Tools.Net - It's a useful website for webmaster! Tumult Hype. Strikingly - Simple, Beautiful Mobile Sites In Minutes. Free Website Builder | Make a Free Website. Yola - Make a Free Website. Neocities: Create your own free website! Berta CMS a simple website creation app. The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007. Basics & Principles 9 Essential Design Principles - PSDtuts, known for its Photoshop tutorials, gives us a nice list of basic design principles that can be applied to many different media types, but are often lost in amateur web design.

The Importance of White space - One of the oldest principals of design is white space, and knowing how to use it properly could mean wonders for your design. Popular site A List Apart tackles the subject. 8 Design Tactics to Help You When You're Stuck -Every designer goes through hard times of "designer's block"; Matt Inman (also known as "Oatmeal") gives us 8 tactics to help you get back to work. 10 Great Website Redesigns of 2007 - How better to enhance your design abilities then to learn from the mistakes of those in the past? Webware discusses re-designs that caught their attention in '07. Color Color Theory Visualizer - Color is often overlooked in amateur web design (have you seen some of the older sites on the web!?). Graphics & Icons Photos Fonts & Text.

Free CSS Templates (365 free templates) Free Website Hosting - Jimdo. Alternative Text. Alternative Text Basics Alternative text provides a textual alternative to non-text content in web pages. We will be discussing alternative text for images only, though the principles can be applied to media, applets, or other non-text web content. Alternative text serves several functions: It is read by screen readers in place of images allowing the content and function of the image to be accessible to those with visual or certain cognitive disabilities. It is displayed in place of the image in browsers if the image file is not loaded or when the user has chosen not to view images. The key principle is that computers and screen readers cannot analyze an image and determine what the image presents. Alternative text can be presented in two ways: Within the alt attribute of the img element. This means that the alt attribute (sometimes called the alt tag, though technically this is incorrect) is not the only mechanism for providing the content and function of the image.

Important Note Example 1.