Outils Web

Facebook Twitter

Bootstrap Expo. DISQUS - Elevating the discussion. Telescope Demo. Search, Registration, SSL Certificates, Web Hosting, Website Builder. 3000+ Flash effects, Flash animation, text effects. Pikaday: JavaScript datepicker. Pikaday is a JavaScript datepicker with a light footprint and easy style-ability with modular CSS.

Pikaday: JavaScript datepicker

It’s in ‘developer preview mode’ but already looking great: Because as much as we like open standards, the HTML5 input types lack browser support and are poorly implemented in places; see Chrome (22 as of writing) below: This leaves us with a tricky situation. Normally we can safely use new web standards with the knowledge that non-supporting browsers will simply ignore them, or we can use feature detection to progressively enhance the experience. With the state of the new input types however, this unfortunately means polyfill-only for the foreseeable future. Pikaday demo and source on GitHub. What’s wrong with the ubiquitous jQuery UI datepicker? Pikaday is packed below 5kb and isn’t even dependent on jQuery. What’s next? (This project has delayed my redesign but rest assured it’ll happen soon!)

Grid-A-Licious. Back in mid 2008, I created a jQuery plugin.


I named it Grid-A-Licious and described it as, "Divs are placed in chronological order with a special grid" because I had no clue how to explain it better. I used this script a lot and designed many sites with it during 2008. At first, people were very skeptic and confused on how to read the grid, and thought this kind of layout belonged in real papers. This reaction slowly faded away once the layout became more and more popular when different developers and designers started to create their own script's interpretation of the floating grid layout effect. Not saying it was based on my work or script, because there were a few others that brought a similar layout effect to our attention, but not necessarily distributed as a plugin. In Dec 2008, I decided to wrap the script into a Wordpress theme and release it as a christmas gift to the world. So, why am I continuing developing this? Width Default 225px gutter Default 20px selector Default .item queue.

Redactor WYSIWYG html editor. Now, redactor of @imperavi is leading the wysiwyg competition. lightweight, fast performance, beating tinymce, ckeditor, and others :) Drizzle Cloudy @drizzlecloudy Great #rte #editor redactor.js - and just had excellent support by @imperavi Urs Bräm @ursbraem We're starting Imperavi integration into TargetProcess.

Redactor WYSIWYG html editor

I personally waited for great editor for years. Seems it's finally there! Michael Dubakov @mdubakov This has got to be the cleanest #wysiwyg editor I've ever seen #jquery #richtext @imperavi #redactor Aaron Fay @aaronfay We are now going to scrap TinyMCE from our back-end as your solution seems much more in-line with the way we do things #hifive Lewis Cowles @lewiscowles1 I just pasted in a word doc, and love the way you've stripped the weirdness! Great new Redactor release, looking forward to getting it into Pulse CMS asap! It's the absolute best text editor I've ever seen in my life. It is WONDERFUL. The best wysiwyg editor I've ever used.

Best editor ever wang zuo ‏‏@zwang9. File Upload Plugin for Web and Mobile. Lumzy. CodeIgniter - Open source PHP web application framework. Network Tools: DNS,IP,Email. About the SuperTool!

Network Tools: DNS,IP,Email

All of your MX record, DNS, blacklist and SMTP diagnostics in one integrated tool. Input a domain name or IP Address or Host Name. Links in the results will guide you to other relevant tools and information. And you'll have a chronological history of your results. If you already know exactly what you want, you can force a particular test or lookup. (e.g. Feedback: If you run into any problems with the site or have an idea that you think would make it better, we would appreciate your feedback.

Trends. Google Search Operators. The following table lists the search operators that work with each Google search service.

Google Search Operators

Click on an operator to jump to its description — or, to read about all of the operators, simply scroll down and read all of this page. The following is an alphabetical list of the search operators. This list includes operators that are not officially supported by Google and not listed in Google’s online help. Each entry typically includes the syntax, the capabilities, and an example. Some of the search operators won’t work as intended if you put a space between the colon (:) and the subsequent query word. Allinanchor: If you start your query with allinanchor:, Google restricts results to pages containing all query terms you specify in the anchor text on links to the page. Anchor text is the text on a page that is linked to another web page or a different place on the current page.

Allintext: allintitle: allinurl: In URLs, words are often run together. Author: cache: define: ext: filetype: group: id: inanchor: Tendances des recherches. Flexslider. Namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin animation: "fade", //String: Select your animation type, "fade" or "slide" easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!


Direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical" reverse: false, //{NEW} Boolean: Reverse the animation direction animationLoop: true, //Boolean: Should the animation loop? SmoothHeight: false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode startAt: 0, //Integer: The slide that the slider should start on. Slideshow: true, //Boolean: Animate slider automatically slideshowSpeed: 7000, //Integer: Set the speed of the slideshow cycling, in milliseconds animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds. Sliding Background Image Menu with jQuery. Today we want to share another jQuery menu with you.

Sliding Background Image Menu with jQuery

This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu will slide out from the bottom. This menu comes with some configuration possibilities, such as size of the image, the hover effect and custom default states. View demoDownload source Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. The idea of this navigation is based on the Beautiful Background Image Navigation with jQuery, a tutorial that had a similar effect.

The beautiful gastronomy photography is by Manoel Petry:Manoel Petry’s Flickr PhotostreamManoel Petry’s Website The images are licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.0 Generic License. Examples View demoDownload source. 100 Blog & Website Elements .PSDs to Download Today for Free. This is the third part of our “Brush up on Photoshop” series, in the first part we looked at Blog Design Tutorials, then we looked at Free Blog Layout .PSDs.

100 Blog & Website Elements .PSDs to Download Today for Free

Today’s post is a roundup of design elements in .PSD format that you can use for free in your designs. All the freebie files have kindly been given away by designers on the Dribbble website so many thanks to them. Sliding Tags (free psd + live demo) Mimi Glyphs free psd file BlackUI v1 — Free PSD Source Ui Elements (Free PSD) Browser & Magnify with Free PSD Free stamp psd including live demo Share buttons – free PSD 12 px glyphs — Free PSD Siri Style – Web Notification Boxes – Free Psd Cameras psd file Socialis 2.1 – Icon pack with PSD Radio player freebie (PSD) Download Buttons Free PSD Shiny Blue UI [PSD] A Clean Minimalistic Portfolio Snap PSD Freebie Compass icon – free psd Twitter Icon PSD Submit Button – Free PSD Free psd Apple Glyphs Sign in buttons PSD Delight Icons free psd Free Iphone Template in 5 angles Shopping Tags (free .psd) Map free psd. Vertical Sliding Accordion with jQuery.

Today we want to share a slick and flexible vertical jQuery accordion with you.

Vertical Sliding Accordion with jQuery

The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on slide. View demo Download source The beautiful portrait photography is by Images by Alan Turkus.

We also use the jQuery Mousewheel Plugin by Brandon Aaron which allows us to navigate through the accordion using the mouse wheel. The options for this plugin allow to customize the height and width, the number of slices visible, the height of an expanded slice and others. Examples Take a look at all the examples (you can also navigate from them to all the other demos): For the HTML structure we have the accordion container, the navigation spans and the wrapper with the slices: Print.css — only display what's needed. 10 Social Networks for Web Designers. The Internet nowadays is all about social networking.

10 Social Networks for Web Designers

Everyone is doing it and not only for personal purposes. A healthy online presence is basic for any web designer who wants to stay relevant and visible in a constantly changing field. Creative networks and membership galleries are one of the best ways to expose your work and get feedback from colleages and contact with current and potential clients, but also to get inspired and learn from the work of others to improve their skills.In this post we've compiled 10 of the most used and useful social networks for web designers.

Dribbble Dribbble is show and tell for designers where they can share small screenshots (shots) of the projects they are working on and get opinions from other designers. There are two types of members at Dribbble, players, who can post shots and comments and are invited by current members, and spectators, who can follow and discover shots and people on Dribbble, but cannot post shots and comments. 12+ Top Resources for Beginner Web Developers. Web Developer Tools & Resources. PHP for Beginners: Building Your First Simple CMS.

Pricing. Simply the Best Services & Features Trusted by over 1,000,000 users StarterFREE100Monthly Submissions, 10 SSL Secure Submissions, 10 Receive PaymentsUnlimitedForms, Reports Fields per Form Premium$9.951,000Monthly Submissions, SSL Secure Submissions, Receive PaymentsUnlimitedForms, Reports Fields per Form Economy$19.9510,000Monthly Submissions, SSL Secure Submissions, Receive PaymentsUnlimitedForms, Reports Fields per Form Professional$49.95100,000Monthly Submissions, SSL Secure Submissions, Receive PaymentsUnlimitedForms, Reports Fields per Form What are the benefits of paid plans? Receive more than 100 submissions per month. Lots of Upload Space for file upload forms. Do you have money-back guarantee? Yes, we have 30-day money back guarantee. Can I cancel any time? Jotform is a monthly subscription service. Do you provide support? Yes, we have a dedicated team answering your questions 24/7. Online Form Builder - Pricing.

How does the free trial work? Click the button above to start your 14-day free trial. No credit card is required. You will test drive the Pro1 plan and can change to any paid plan later. At the end of 14 days, your account will revert to the free level of service. You can upgrade your account to a paid level of service at any time. What service level should I choose? If you are unsure of your exact service needs when starting out, we suggest choosing our Pro 1 Monthly service level. Is there any commitment or contract? There is no commitment or contract. What types of payment do you accept? We accept Visa, MasterCard, Discover, and American Express for monthly and yearly plans. We also accept purchase orders for yearly plans.

Customer Support Policy All accounts receive unlimited, free email support. Can I change plans at any time? Yes. Do you offer non-profit discounts or pricing specials? We offer the same prices to all customers. What happens when I cancel a paid account? Kontactr. Un formulaire intelligent avec AJAX - rod-perception. 45+ Very Functional Javascript Sliders and Scrollers.

Every web developer needs to use Javascript in creating web applications, and when it comes to displaying multiple items on a page with a focus on a single item, sliders and scrollers come in handy. You can use Javascript sliders and scrollers with news, images or products to display data in an organized and user friendly way. In this article, I compiled a list of 46 very functional Javascript sliders and scrollers for you to use in developing web applications. Cluster Cluster has a great solution to fit the large bold text. They’re using a slider in their banner area by making the image full width and place the large bold text to fit in.

Preview Of course, there are many various solutions in the list as well. Slider Revolution Slider Revolution is a responsive(mobile friendly) or full-width slider with must-see-effects and meanwhile keep or build your SEO optimisation (all content always readable for search engines). Few other important benefits to Slider Revolution: 2. 5. 6. 7. 8. 11. 25 jQuery Plugins for Navigation. 20 Useful jQuery Plugins for Responsive Web Design. Responsive layouts in web design – this is probably one of the most popular topics of discussion at this present time. The contemporary phase of website designing offers some truly amazing elements that help the web designers in creating exclusive websites. The main motto of building or creating a website is to attract the mind and eyes of the viewers. With these responsive layouts this job can be easily done. These responsive layouts allow the website designers to offer specific and optimized screen size based on a wide range of devices, starting from PC, mobile phone to tablet and iPhone.

There are lots of jQuery plugins that can help you to optimize the layouts of different websites. While a website is browsed in any other device except from PC s, the overall layout of the site along with the navigation, images, sliders, forms and carousels are required to be optimized. FitText Blueberry – A simple, fluid, responsive jQuery image slider The Heads-Up Grid jQuery Masonry Isotope scrolldeck. Icon Search Engine. Kuler. Favicon.ico Generator.