background preloader

CSS - Contents and compatibility

CSS - Contents and compatibility
Related:  CSS

20 CV templates bundle, including editable sources. (PSD files) In the world of design, you’d be amazed by the amount of people that have a nicely done curriculum. If you haven’t considered having yours yet, you should have in mind that this could be a great tool to get your work to be seen indirectly by any passerby. Even though creating one seems pretty simple, you don’t always get the result you’re looking for in the end. CV Template 1 CV Template 2 CV Template 3 CV Template 4 CV Template 5 CV Template 6 CV Template 7 CV Template 8 CV Template 9 CV Template 10 CV Template 11 CV Template 12 CV Template 13 CV Template 14 CV Template 15 CV Template 16 CV Template 17 CV Template 18 CV Template 19 CV Template 20 Remember that best way to say thanks is by giving us a comment! Read Carefully, Specially: Hotmail / MSN / OutLook users, please check your spam/junk folder to get our msgs and mark us as safe senders (see how) to be sure you can get all our freebies. Download free 5 Templates included. Some other freebies:

Start Your Dev - Accueil : html css javascript xml xsl Le CSS - Tutoriel HTML & CSS La syntaxe Un fichier CSS permet de changer radicalement l'affichage de plusieurs pages HTML. La structure d'un fichier CSS est simple (plus que celle d'un fichier HTML). Un fichier CSS est composé de plusieurs règles. Expliquons cette structure avec quelques définitions : Chaque règle CSS sert à appliquer des styles à une balise HTML, certaines balises, ou un groupe de balises ; Chaque règle d'un fichier CSS débute par un sélecteur. Pour illustrer ce que nous venons de voir, nous allons voir comment centrer le titre de niveau 1 de nos pages Web. Si maintenant nous voulons une couleur bleue pour ce même titre, nous devons appliquer une seconde déclaration (couple "propriété: valeur") pour le même sélecteur h1 : il s'agit de la propriété "color", et nous lui donnons la valeur "blue". Avant de commencer la lecture, et pour vous donner l'envie d'apprendre, Découvrez Snaky 360, le jeu de serpent addictif réalisé par l'auteur de ce tutoriel... Lier le CSS au HTML <! <! Les sélecteurs <! Le contenu

Zugang für alle - Barrierefreie Technologienutzung - Willkommen auf der Startseite A Collection of Useful Web Design Wireframing Resources In the initial stages of a project, when ideas aren’t quite fully formed, it’s good practice to wireframe the layout of your mobile app or web project by stripping away all design elements and flourishes to help define and better communicate the information hierarchy of the layout and plan for functionality and user flow. Whether you create them using a whiteboard, pencil and paper, web-based tools, or using a graphic application, effective wireframing and planning play a critical role in the success of your product. While most wireframing tools are readily and freely available (pen, paper, markers…), you may have to pay to use some web-based tools, and if you know where to look, you can also grab some free, templates for graphic applications like Photoshop, Illustrator or Sketch. Lucky for you know where to look, as you have landed on this page! Material Design Wireframe Kits Material Design Wireframe Kit (Sketch). Material Design Mobile Wireframe Templates (PSD). iOS Wireframe Kits

Web Developer - Le coin du Webmaster - Logiciels Libres L’installation de l’extension Web Developer est identique aux autres extensions de Firefox. L’interface est francisée (choisir « Localized Version » sur la page « Download » du site de l’auteur, si la fenêtre d’installation de l’extension n’apparaît pas, vérifier que Firefox autorise l’ouverture du popup pour le site considéré). Redémarrez votre navigateur préféré, clic droit dans la barre des menus puis choisissez "Barre d’outils Web Developer". Une nouvelle barre d’outils apparaît. Cette extension pourrait être définie comme "le couteau suisse pour webmestres". L’utilisation la plus "spectaculaire" est sans doute celle qui concerne les CSS, voir plus bas. Petite revue des menus : Dans le premier menu, Désactiver, vous pourrez par exemple Désactiver le Javascript, utile en terme de test d’accessibilité, en effet le Javascript dans vos pages peut masquer certaines informations. Le menu images Le menu validation permet de renvoyer vers les "validateurs" connus ( Html, css, accessibilité ).

CSS1K World Wide Web Consortium (W3C) 45 free Photoshop actions to create stunning effects | Photoshop Adobe's flagship image-editing software Photoshop has a powerful programming language built-in that allows you to record tasks as an 'action' and replay the steps to complete the task automatically. Not only can you record your own but you can also import actions, opening up a whole range of effects and time-saving options – whether you're using an older CS or have signed up to the very latest Creative Cloud version. So to add to our collections of Photoshop plugins and Photoshop resources, here are some great Photoshop actions that are free to download and install, for photographers, graphic designers, game artists and more. You can jump to the section you want from the dropdown menu above, but you should definitely check out the entire list – who knows where inspiration will strike! Photo filters 01. If your photos just aren't sinister enough for your liking, this free action should make things a little more unsettling. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13.

Getting to Work with CSS3 Power Tools CSS3 is one of the coolest new web technologies available to web developers right now. Using some of its many features, it is possible to reproduce the effects that you might have previously done in Photoshop, with CSS code that is more maintainable, faster to load, and hip with the latest trends. Read on to learn about the power tools available to you and how to combine them to produce the ultimate graphical effects. CSS3 has many features, but some of them are imperative to learn if you are going to be reproducing Photoshop-like effects. I call these my "power tools." Border RadiiBox ShadowsText ShadowsGradientsMultiple Backgrounds Each of these features can help replace some of the images that you might have created in Photostop in the past. Browser Support: Safari: 3.2+Firefox: 3.0+Chrome: 3.0+Opera: 10.5+Internet Explorer: 9.0+ By now, you've probably heard about border-radius a million times. There are three syntaxes that you will need to use. OK, easy! OK, so not too bad yet!

Kick-Start Your Project: A Collection of Handy CSS Snippets Don't start your project with an empty style sheet: there are many great snippets that can make your life easier and speed up web development. We are going to show you some handy snippets that you might find useful for kick-starting your next project. In one of the previous articles “Basic Ready-to-Use CSS Styles”, we saw how we could create a suite of classes to help the design process while making a website. Today we are going to see how we can continue this exercise with some things a little bit more technical. Indeed, isn’t there some properties or CSS tricks you always have to check the syntax for, every single time you want to use them? Of course you do my friends! Before we go, let me tell you how I divided this article: Shorthand classes Let’s begin with shorthand classes, which are a very common things. The best example is probably the one where you have some text and an image you want to include on the left side of the text. Nothing more. Design-related snippets Miscellaneous

Welcome to Knowbility, Homepage