Certains agos jour , ACC @ nk qui vous est pr?sent? une liste impressionnante de frais , des exp?riences web unique bas? sur CSS3 via Belle et Beau CSS3 exp?riences AnimationEt, aujourd'hui, dans cet article JavaScript , ACC @ nk continuer ? afficher une liste des applications web d'autres 50 + , JavaScript exp?riences qui reposent sur la technologie CSS3 , surtout , nous avons pleinement rempli tutoriels pour cr?er ces exp?riences CSS3 ?tourdissement par vous-m?me Certains noms vous seront ravis : Sexy panneau coulissant vertical , superpositions Awesome avec CSS3 , 3D Rubans , beau regard bo?te de dialogue personnalis?e , demi-teintes le menu de navigation , Coverflow avec des transformations CSS , CSS 3D transforme , Taggify , jQuery s?riole, SimpleModal , Ma?onnerie , WebKit horloge
Et voir plus cool des applications Web ci-dessous :

? Vitrines des dessins et mod?les Awesome avec de superbes JavaScript

? Applications Web 50 + Grande de visualisation des donn?es

• Demo
• Agrandir
• Recharger
• New window

Create YouTube-like adaptable view using CSS and jQuery

Other than the “Turn off the lights” feature, YouTube has great stuff, such as the “change view” feature, which allows you to switch between normal and wide mode, thus expanding or shrinking the video area. Creating this is very simple.

Purely CSS – Faking Minimum Margins

min-margin is non-existent in the CSS world. After you’ve pondered and Googled it, check out the solution here.

Perfect Full Page Background Image

This technique allows an image to fill the page, with no white space. The image scales as needed and retains its proportions, without triggering scroll bars.

Apple-like Retina Effect With jQuery

his tutorial explain how you can recreate the effect displayed on the image below, using jQuery and CSS.

How to create a kick-ass CSS3 progress bar

New features introduced in CSS3 allows developers to create stunning visual effects: this post exaplains how you can create a fancy progress bar using CSS3 and jQuery, without Flash or images.

Europe, CSS & jQuery clickable map

CSS converts a simple list of countries into the fully clickable map. Works with disabled style sheets and JavaScript, as well as on mobile devices. A simple code does not require Flash Player or other plug-ins!

Super Cool CSS Flip Effect with Webkit Animation

Webkit support some fancy transform and animation effects that can really spice up the web experiences for users with Safari or Chrome browsers. Here’s a quick look at how the rotateY property can produce a flip effect, and how it can be used to create a Transformers themed top trumps design.

Footnotes With CSS

In their simplest implementation — using sup tags and linking within the page — footnotes aren’t very user-friendly. They interrupt the experience, requiring the user to click the link, read the information and then return to the page with the browser’s “Back” button.” Lukas Mathis has come up with an elegant solution to improve this user experience: his jQuery script shows the content of footnotes as soon as the user indicates that they are interested in it — i.e. when they move the cursor over the footnote symbol.

How to create Microsoft Office Minibar with jQuery and CSS3

Although many will argue that Microsoft products are an example of a good design, Minibar was one of design refreshments that came out with the Office 2007. It is a variation of a toolbar that exposes context-related functionality. In case of MS Word, context is a text selection. Since Minibar always pops up near the mouse pointer it enables users to quickly perform actions related to a selection.

Diagonal CSS Sprites – Aaron Barker

So you’ve got your sprite created, and it’s working great. 30+ icons in one image, and major HTTP connections saved. You have made your little corner of the interwebs a little happier and faster. Steve Souders would be proud.

• Code
• Imprimer

• Commentaire (0)
• Écrire

par Avant-première

Annuler réponse

Écrivez votre commentaire

Commentaires du client sera publié avant previwed
Donnez votre email réel pour obtenir des réponses notification ou commentaire sera supprimé

Votre nom *
Votre e-mail^g *
Votre site

Comment's Titre

J'assure à 100% je suis humain réel
Je le répète, je ne suis pas bot

• Sent (0)
• Nouveau