public marks

PUBLIC MARKS from camel with tags html & css

2008

CSS Text Wrapper

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

Drawter, l'éditeur de code HTML, XHTML et CSS en ligne pour réaliser des maquettes complexes en WYSYWYG

(via)
Drawter : dessinez, c’est intégré ! (WYSYWYG Powa!) Drawter est un générateur de code HTML et CSS en ligne qui vous permet de dessiner votre mise en page dans un canevas. Vous pouvez choisir les options de votre page comme le titre, le doctype, la langue du document, les balises que vous souhaitez pour chaque bloc présent à l’écran et pour chacune d’entre elles les propriétés et les attributs. Une fois votre maquette terminée, vous choisissez le mode de placement pour vos blocs : float: left ou position: absolute. Le site autorise les imbrications de balises pour réaliser des mises en page complexes dans une interface réactive et intuitive. N’hésitez pas à parcourir toutes les options disponibles dans les palettes d’options et amusez-vous :) Drawter : dessinez, c’est gagné ? A tester !

21 scripts Javascript pour l'intégrateur HTML et CSS

by 3 others (via)
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) :

htmlwrapper - Google Code

by 2 others (via)
Wrapper is a cross-browser compliant HTML/CSS rendering engine written in ActionScript that sits on top of your standards compliant HTML page. Wrapper eliminates cross-browser issues and makes integrating ActionScript and HTML/CSS projects possible without needing to compile. Wrappers strives to answer the most common problems web designers face without forcing them to learn too many new things. Most web sites can be created in HTML or CSS, then when you need to extend Wrapper's capabilities you can either use JSON to call functions within ActionScript or you can load compiled plug-ins. Wrapper also has built in methods within CSS to load custom fonts, display elements as any shape, and fill them with linear or radial gradient background colors. ActionScript's event model is also implemented within Wrapper's HTML. Wrapper's best features are the ones that you get for free because of how it is set up. It's like getting all the great features of the Flash Player without needing to deal with compiling and being able to create your content the same way any HTML page would be created. Wrapper is fully accessible to the search engines and integrates well with any back-end technology. Wrapper is currently released as a fully functional open source beta for Flash Player 9. Wrapper is set up as a pre-compiled plug-in but can easily be integrated into any Flex or AIR applications or even as an ActionScript framework for creation of compiled projects.

Create an apple style menu and improve it via jQuery | Kriesi.at - new media design

by 2 others
Since I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done. Since the Apple-flavored Leopard-text-indent style is currently one of my favorite menu styles, we will start from scratch and build such a menu in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery.

PrettyPhoto - a jQuery Lightbox clone

by 3 others, 1 comment
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.

Créer de belles listes ordonnées en HTML et CSS

by 5 others
Aujourd'hui je vais vous montrer comment rendre encore plus agréable à l'oeil vos listes HTML ! Ce tutoriel n'a pas de but particulier à part celui de faire plaisir à vos visiteurs lorsqu'ils tomberont sur vos listes trop fashion ^^ ! De plus il est extrêmement simple à mettre en œuvre. ;)

woork: Perfect pagination style using CSS

by 5 others (via)
This tutorial explains how to design a pagination for search results or more in general to split a long list of records in more pages. It's a question I often receive, so I decided to publish a very simple post which explains how to design a perfect pagination style using some lines of HTML and CSS code.

ie7-js - Google Code

by 14 others (via)
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.

2007

CSS Text Wrapper

by 13 others
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.

jQuery.ifixpng - png transparency for windows ie versions below 6

by 10 others (via)
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!

Rediscovering the Button Element

by 15 others
Creating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elements and the biggest loser of them all in the battle for a standardized look is the infamous Submit button. As is, the input with the type=”submit” is either too ugly (Firefox), a little buggy (Internet Explorer) or completely inflexible (Safari). The solution for most is to use image inputs and create the damn things ourselves. And it’s unfortunate, because then we’re reduced to the tedious tasks of opening up Photoshop every time we’re in need of a new button. What we need is something better—something more flexible and meant for designers. Lucky for us, the solution already exists and all it needs is a little love. My friends, let me introduce you to my little friend : the "button" element.

Cours XHTML/CSS

Le but de ce cours est de vous amener à construire un document XHTML 1.1 présenté en utilisant CSS. Non seulement vous saurez construire un tel document, mais vous aurez des notions de "bonnes pratiques" ainsi qu'un aperçu sur les standards du w3c. Ce site constitue le support de cours que je donne. Il s'inscrit dans une formation sur HTML dynamique, avant des cours sur php ou encore javascript. C'est pourquoi j'insiste nottamment sur les formulaires Le site est volontairement écrit en HTML, sans utiliser php, pour pouvoir distribuer les versions locales des pages. Si vous en avez besoin, demandez les. A la fin du cours, nous aurons construit une page : * En XHTML * En utilisant la mise en page CSS * Avec un menu à gauche de la page * Avec un formulaire * Avec une image * Avec du contenu texte

Footnotes with CSS and Javascript - the final word : CSS . XHTML . Javascript . DOM : Brand Spanking New

by 2 others
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

2006

Cheat Sheets

by 7 others
cheat sheets (also known as reference cards) that you can print out and keep by your computer. There is a cheat sheet for just about anything and we aim to have the best coverage of cheat sheets available on the web.

2005

mpsoftware - designed for you

by 1 other
The most efficient and powerful web-editor, whether you're an experienced web professional or just a novice starting with your first web site, it is the complete set of features and tools you need to design, build and publish web sites in less time and with great results! Advanced coding features with syntax support enables you to quickly and instantly create, edit and publish HTML 4, XHTML 2, JavaScript 1.2, VBScript, DHTML, CSS 2.0, PHP 5, ASP, XML, JSP, SSI, WML 1.1, HDML 3.0, SMIL, PERL, SQL and WebTV pages.

camel's TAGS related to tag html

abs +   ajax +   apache +   api +   application +   applications +   blog +   bouton +   box +   browser +   build +   cart +   Cheat Sheets +   code +   conversion +   convert +   couleur +   cours +   Creator +   css +   design +   dev +   dom +   ECMAScript +   edit +   editor +   emacs +   email +   embed +   excel +   file +   firefox +   flash +   form +   framework +   free +   google +   google checkout +   howto +   html entity +   http +   icone +   ie +   images +   interface +   internet +   javascript +   jQuery +   js +   langage c +   linux +   list +   log +   mail +   menu +   monitoring +   mysql +   openoffice +   opensource +   openweb +   order +   paypal +   pdf +   perl +   php +   picture +   player +   plugin +   png +   python +   référence +   ror +   rss +   script +   search +   select +   semantique +   server +   shell +   site +   software +   spam +   standard +   standards +   table +   tableau +   test +   tools +   tutorial +   ubuntu +   upload +   validation +   validator +   w3c +   web +   webdesign +   windows +   wrapper +   wysiwyg +   xhtml +