PUBLIC MARKS from camel with tags javascript & css

The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website

Les frameworks CSS ont été mentionnés la première fois dans la conférence Working in the Now (visualiser la présentation). Au final, on n’était pas loin de faire salle comble avec plus d’une vingtaine de participants à vue de nez. Une petite scéance de rattrapage s’impose ;-) Pourquoi avoir choisi ce sujet ? J’ai lu un article sur l’importance du rythme vertical l’an dernier sur Biologeek et ça m’a sensibilisé au fait qu’on pouvait rendre la lecture d’un site tout simplement en rendant prédictible la position du texte. Entre temps j’ai également lu l’excellent Transcender CSS d’Andy Clarke. J’y ai été sublimé par des présentations de sites totalement en grille. Depuis je suis devenu fan de Blueprint CSS (je crois que ça s’est remarqué lors de mon intervention ;-)). J’ai commencé à l’utiliser sur des projets personnels puis dans un cadre professionnel. J’utilisais déjà symfony comme framework PHP et jQuery comme framework JavaScript alors pourquoi pas Blueprint ? Comme le suggérait très justement Christian Heilmann dans sa présentation, l’utilisation d’outils déjà existants est nécessaire pour réduire les coûts de production. C’était déjà un bon alibi mais je les apprécie aussi parce qu’on gagne un temps fou ! On se concentre sur le code métier, pas le reste.

Les bibliothèques Javascript — comme jQuery et la myriade de plugins qui l’accompagne — facilitent la vie des développeurs web en leur permettant de manipuler le DOM les mains dans les poches. Toutefois, il est toujours bon d’avoir quelques fonctions standalone sous la souris pour se faciliter l’intégration cross-browser ! Voici une sélection de 21 scripts pour faire face à toutes les situations (ou presque) :

This emulates a feature in danga's perlbal. the ability to join multiple files together in a single request. This is a performance optimization. instead of requesting 5 seperate CSS or javascript files from your server, you can do it one request.

PrettyPhoto - a jQuery Lightbox clone July 13th, 2008 in Javascript | Tags: Gallery, jQuery | No Responses A new version 2.1 of prettyPhoto released. Descriptions/Titles now support html code. Usage is simple, just include the jQuery library, prettyPhoto javascript and the prettyPhoto CSS file and add rel=”prettyPhoto” to any picture you want to activate the prettyPhoto feature. If you want the images to be a part of a gallery, just add the gallery name in braket. Tested and working in Firefox 2-3 (Mac/PC), Safari 3.1.1 (Mac), IE 6-7. Uncompressed version - script: 16kb / CSS: 8kb, compressed size - script: 8kb / CSS: 3.8kb.

StyleMap v2 uses valid HTML, CSS and a touch of DOM scripting to produce a visual sitemap out of an unordered list (UL). The result is a functional, scalable, and above-all rapid way to produce a tree-style map for the planning stages of your project. Keep in mind that although we'll cover the details of how the sitemap works, in practice you'll only need to worry about changing the markup to match your website structure. The CSS and Javascript can then be added as they are and will take care of the rest!

IE7 is a JavaScript library to make MSIE behave like a standards-compliant browser. It fixes many CSS issues and makes transparent PNG work correctly under IE5 and IE6.

There are 4 relatively easy ways by which you can speed up the time it takes a browser to download a page: * Make fewer HTTP requests * Add a far-future expires header * Gzip your page's components * Minify your JavaScript, CSS and HTML Following on from my post on joining CSS and JavaScript files, I have written a PHP script which will automatically do all of the above.

IE7 is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.

Jash is a DHTML-based window that gives you command-line JavaScript access to the current browser window. With this console you can quickly debug scripts, manipulate the DOM, view the current page's objects, functions, and variables, trace the execution stack, execute arbitrary Javascript, enter new CSS (in IE, Firefox, Opera, and Safari), and much more.

Every web designer tries to be creative when it comes to designing the main navigation of the website. Now we present you with 13 awesome Javascript CSS menus that will be very handy and easy to modify to suit your needs. Lets take a look at recent examples of these …

How To Minimize Your Javascript and CSS Files for Faster Page Loads

As you know IE versions below 6 do not support png transparency. This plugin designed to fix that problem by applying appropriate filters to user specified elements, while keeping all element tags intact. Plugin works well with both img elements within the DOM and css properties specified externally. • It is chainable. • Unlike some other png hack solutions, it does not replace/hide any of your html tags. • You can revert applied changes using .iunfixpng(). • Extremely easy to use!

File inputs are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation.

Voici un script qui vour permettra de mettre en place un zoom sur un image. Perosnnelement, je trouve le résultat très sympa et pratique. Il faut évidament ne pas oublier d'avoir l'image en deux résolutions, une basse pour la miniature et une plus élevée pour le zoom.

CJO va vous aidez mettre de l’ordre dans tout ça ! Css and Javascript Optimizer va vous permettre: * de rassembler tout vos fichiers javascript en un seul et unique fichier js * de rassembler tout vos fichiers css en un seul et unique fichier css * de compresser à la volée vos fichiers css et js * de forcer et régler la durée de mise en cache de vos fichiers Et tout ça en à peine 3 lignes de codes !

Une petite fonctionnalité sympa accessible via javascript et css qui vous permet de tronquer des textes présents dans une div. La propriété est présente d'office dans ie (le texte est tronqué et ... sont ajoutés à la fin) mais firefox et safari ont besoins d'un peu d'aide pour y arriver. Moi je toruve ça sympa, surtout lorsque l'on a pas envie d'utiliser PHP pour arriver à nos fins.

De nouveaux modules de présentation d'images fleurissent sur le Web. Lorsque vous cliquez sur une miniature, le site s'estompe pour laisser place à une version « plein écran » de la photo. Nous allons implémenter un tel effet dans une application JavaScript de très petite taille… réutilisable au sein de tout site Web.

know, it’s been a lot of articles lately about CSS buttons. But I simply felt the need to write about something that has not yet been covered in the latest button-trend: Dynamic CSS Buttons using PNG, transparency and background colors that degrades nicely and supports full scalability. With full scalability I mean it should resize in all directions according to the font size and content.

Pour répondre à la demande d'un collègue graphiste, j'ai developpé un equivalent au script mootools suivant (source PhatFusion) mais basé sur la librairie jQuery. le résultat me semblant réussi (bien qu'il soit surement possible d'optimiser le code de nombreuse manière) je vous le propose. Voir la démonstration Je tiens à signaler que ce script n'est pas obstrusif et que la désactivation du javascript et ou du css ne gène en rien la consultation et l'utilisation du menu

Voici un article sur un menu en accordéon aparament accessible. Son auteur s'est permis de réutiliser le script d'un menu anciennement composé de divs. Il a aussi recodé le javascript et les css et explique très pédagogiquement pour quelles raisons.

ve finally got around to writing the definitive version of the footnotes script I wrote in 2005. There were a number of issues raised that I've resolved in this (probably final) version: * Footnote links accessible from the keyboard * Inline HTML works in footnotes (images, links, emphasis, etc.) * Separate footnote formatting for multiple articles on one page

ruzee.com - Steffen Rusitschka » ShadedBorder - JavaScript Round Corners with Drop Shadow