HTML5 video and audio tags in all major browsers. Favicon Generator - The easiest way to create a favicon for your site. Créer un moteur de recherche avec XmlHttpRequest et PHP » Sutekidane - Le coin de toile Lyonnais de Thanh Nguyen. AJAX est une technologie qui permet d’apporter une plus grande richesse dans l’interface et l’ergonomie d’un site.
Si il est bon de ne pas en abuser au risque de dénaturer le document web, on peut se laisser aller à la tentation d’apporter quelques fonctionnalités intéressantes. Celle que je vous propose ici consiste à intégrer un moteur de recherche à la manière d’un Google Suggest. Sauf qu’ici vous pourrez avoir un code lisible ^^ Je ne vais pas aborder le concept d’AJAX car certains en parlent déjà très bien.
CSS3 Media Queries. CSS2 allows you to specify stylesheet for specific media type such as screen or print.
Now CSS3 makes it even more efficient by adding media queries. You can add expressions to media type to check for certain conditions and apply different stylesheets. For example, you can have one stylesheet for large displays and a different stylesheet specifically for mobile devices. It is quite powerful because it allows you to tailor to different resolutions and devices without changing the content. Continue on this post to read the tutorial and see some websites that make good use of media queries. Klok.swf (Objet application/x-shockwave-flash)
Beautiful pagination done with CSS3. How to Create a Simple News Ticker - Nettuts+ In this tutorial we’ll be looking at how we can transform some semantic and accessible underlying HTML into an attractive and functional news ticker that smoothly scrolls its contents.
Some news tickers are horizontal and some are vertical; the one that we’re going to create today will be vertical. The context of the example is a news scroller so we’ll be working with plain text, but we should be able to put whatever we wanted into the underlying mark-up; images, or links, or whatever. We’ll be using jQuery as the underlying JS library, and a little HTML and CSS.
Let’s make a start. The Underlying HTML In a new page in your text editor add the following code: READ ME - Wimpy Button Bridge. Simple Styles for <hr>'s. Launchlist - Your one stop website checklist! Ajax Pagination with Jquery,PHP,Mysql « Beschi's Works.
This is my first experiment in Ajax (I don’t know how to explain this, many thanks if experts give me some tips).
Many thanks to , this post of him just give me an idea to do this. This Package can load data from table and with all fields. This contains 5 files 1. content.php (php file that get data from db and send back to the test.php file) 2. test.php (this is the file to be run, before run we must set 7 variables) 3. jquery.js 4. paging.js (this contains the script to sendajax request and get the data) 5. testDB.txt (sample mysql db file) How to use: 1.
Edit test.php and set the 7 variables – per_page, db_name, table_name, order_by then connection variables hostname, username, password 2. Database Express Edition Tutorial. Using datatables. This article is targeted on JSF 1.2.
For JSF 2.0, using datatables can be approached much more elegantly with help of a @ViewScoped managed bean. Please checkout this article which contains two basic CRUD examples, one for JSF 2.0 on Servlet 2.5 and other for JSF 2.0 on Servlet 3.0 which supports passing method arguments in EL 2.2. Introduction. Cross-Browser HTML5 Placeholder Text.
One of the nice enhancement in HTML5 web form is being able to add placeholder text to input fields.
Placeholder attribute allows you to display text in a form input when it is empty and when it is not focused (it clears the field on focus). This is a nifty feature, but it is not supported by all browsers yet. This tutorial will show you how to use Modernizr to detect if placeholder is supported, or else use jQuery to display the fallback placeholder text dynamically. Demo HTML5 Placeholder Download Demo Zip. Create a new Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS) Timeline. DD_roundies: Code-only rounded HTML boxes. 2011/4/8: It is high time I update the documentation here.
This plugin got as far as supporting IE8 Release Candidate 1. That was a while ago. Things have changed. I spent some time away from the project before IE8 final was released. jQuery sIFR Plugin. What is the jQuery sIFR Plugin?
Web Design & Development Company. Fichiers - Isitcom2DNIX. GrasshopperPebbles.com Demos: imProgressBar - PopuUp. Drawing Calendar Icon With CSS3. In this article I am going to use some of the CSS tricks to create a calendar icon you can use for your blog posts or something similar.
It is important to notify that there are no images used here and the markup couldn’t be simpler than it is. The final result looks like the image below. Take a look at the demo. DHTML rollover buttons with sound effect script. 1) Insert this script in the <HEAD> section of the page. 2) Insert the following HTML code in the <BODY> section where you want the rollover buttons to appear in the page. 3) Insert the following code anywhere in the <BODY> section.
Create A Vertical Scrolling News Ticker With jQuery and jCarousel Lite. News Ticker is a fantastic way to present headlines or minor updates to your readers. The smooth scrolling effect will attract your readers and generate more clicks to your site. I am writing this tutorial as there are readers ask about this after they read my tutorial about content slider. There are a lot of great tutorials discussing on how to implement news ticker, however most of the tutorials that i found are not really suitable for a beginner. Load Info - gif generator. Filament Group Lab Example Page from: Accessible, Custom Designed Checkbox and Radio Button Inputs Styled with CSS (and a dash of jQuery) Colour Contrast Check - snook.ca. Date created: January 11, 2005 Date last modified: March 30, 2009 The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast "when viewed by someone having color deficits or when viewed on a black and white screen"[W3C].
The tool will indicate that the colours pass the test if both the colour difference and the brightness difference exceed their threshold. It will indicate that it sort of passes if only one of the two values exceed their threshold. And finally, it'll fail to pass if neither value exceeds its threshold. The tool will also indicate if the colours pass the newer WCAG 2.0 contrast ratio formula. How To: AJAX Post Pagination in MooTools.
Ever wanted to browse through the older post archives only to be staring at the screen for ages in frustration while the content slowly loads up? A quick fix would be to make use of AJAX to load the post archives. In this tutorial, I will show you how to do that using the ever popular JavaScript framework; MooTools on a typical 2 column WordPress theme. The 16 Most Influential Web Design Blogs of 2009. When finding inspiration for your next project or a new brush that is just right, web design blogs have come a long way over the past year. Some have stuck with us for many years, faded away to be forgotten or seemed to have become popular in a short amount of time. This is a collection of the 16 most influential web design blogs on the internets in 2009.
In some form or another they have all helped us become better designers, coders, and all around rockstars. Plus, they give out loads of awesome freebies and ask nothing in return. CSS3 Transitions Without Using :hover. Up to this point, the most common use for CSS3 Transitions has been in conjunction with the well-known CSS :hover pseudo-class. Here’s a typical transition that changes link color on mouseover using pure CSS: This will animate the color property when you hover over a link on the page. Pretty simple, and you’ve probably seen or used something similar.
Coupler la puissance de Java EE et PHP grâce à GlassFish. How to Create A Multi-Step Signup Form With CSS3 and jQuery. In this tutorial we will see how to create a simple multi-step signup form using CSS3 and jQuery. To spice up things a bit, we will include progress bar with the form, so the users will be able to see the percentage of form completion. TN3 Gallery is a full fledged HTML based customizable jQuery gallery with slideshow, transitions and multiple album options.
Compatible with all modern desktop and mobile browsers. Powered by jQuery. Tutoriel : analyser la Long Tail avec Google Analytics. Par Olivier Duffez, Jeudi 24 juin 2010 Dans le cadre de l'analyse des performances SEO de votre site, vous avez certainement besoin d'étudier comment se comporte la longue traine (long tail) sur votre site.
C'est particulièrement vrai depuis les changements MayDay sur Google (lisez donc cet article !). Voici un tutoriel pour mettre en place tous les segments avancés Google Analytics nécessaires. Pour des besoins plus complexes, n'oubliez pas de venir vous former à Google Analytics... SimpleModal Demos / Eric Martin / ericmmartin.com. The Skinny on CSS Attribute Selectors. CSS has the ability to target HTML elements based on any one of their attributes. You probably already know about classes and IDs. 40 Super-Neat JavaScript Plugins - Nettuts+ Rapport. How to parse XML with PHP5. Feeds are streams of content that people can use to share pieces of information across websites. PHP5’s simpleXML functions dramatically simplify the process of interpreting the feeds into something useful for your web pages.
Social Buttons: Adding them to your site & Tracking them. I’ve had a lot of questions recently (like literally, several a day) on how I implemented the social buttons in WordPress, whether I was using a plugin or using a theme. First of all I’m glad to see all of you noticing my social buttons section so much. Perfecting Keyword Targeting & On-Page Optimization for SEO. (Last Updated: October 24, 2014 by Rand) Highcharts - Interactive JavaScript charts for your webpage. Forum Débuter en référencement. L'objectif de ce forum est de permettre aux nouveaux de poster des messages sans craindre de se faire dire "on l'a déjà dit 100 fois dans ce forum ! ". Avis à tous ceux qui débutent, ou qui ont des questions de base sur le référencement : c'est ici qu'il faut les poser.Modérateurs: e-kiwi, WebRankInfo, OTP, dd32 Règles du forum Attention ce forum est destiné avant tout à ceux qui découvrent le référencement.
Les membres qui auront l'amabilité de répondre à leurs questions sont priés de rester courtois, polis, indulgents, patients et pédagogues... Merci d'avance ! Par ailleurs, inutile d'utiliser ce forum uniquement pour obtenir des liens vers vos sites, les liens sont désactivés pour le référencement (nofollow). Retourner vers Index du forum Qui est en ligne. How To Build an Animated Header in jQuery. Tutoriel sur l’URL Rewriting (réécriture d’URL) Making a Google Wave History Slider – Tutorialzine. Table with Persistent Headers.