Recrute. Frontend developer mis à jour le 21/04/2014 Profil Vous aimez créer des interfaces web qui ravissent les utilisateurs. Vous avez l'attention du détail et aimez peaufiner une page pour qu'elle soit la plus user-friendly, la plus simple possible. Vous avez de solides connaissances en HTML5/CSS3/Javascript et avez une grande sensibilité UX. Mission Vous rejoignez notre développeur front-end et notre UI designer sur l'ensemble des chantiers frontend web et mobile. Votre travail au quotidien : concevoir/prototyper/livrer des interfaces utilisateur efficaceslivrer des layouts HTML/CSS pixel-perfect et bien structurésaméliorer notre Bootstrap interne pour rendre l'expérience Drivy homogène et cohérenteprendre en compte les retours utilisateurs et les tests A/B Votre travail est au coeur de l'expérience Drivy.
Nos technos CoffeeScript, Haml, SASS, Rails asset pipeline (sprockets), Backbone.js, Underscore.js, jQuery et quelques plugins. Stage au Service Clients Le job Vous Stage au Marketing Qualité You. Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better. Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. Downloads Project Source Contribute Standard Select Turns This Into This Multiple Select <optgroup> Support Single Select with Groups Multiple Select with Groups Selected and Disabled Support Chosen automatically highlights selected options and removes disabled options. Single Select Multiple Select Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options.
Default Text Support Chosen automatically sets the default field text ("Choose a country... ") by reading the select element's data-placeholder value. Note: on single selects, the first element is assumed to be selected by the browser. No Results Text Support Setting the "No results" search text is as easy as passing an option when you create Chosen: Limit Selected Options in Multiselect You can easily limit how many options the user can select: Right-to-Left Support. The Node Beginner Book » A comprehensive Node.js tutorial. Encodage : convertir un site en UTF8 - PHP/MySQL. Alors qu'il y a quelques années l'UTF8 naissait , réconcilliant le monde entier, on aurait pu penser qu'il aurait immédiatement trouvé sa place. Si aujourd'hui créer un projet en UTF-8 est bien loin d'être systématique, il ne s'agit pas forcément d'un manque de volonté, mais plutôt d'une difficulté de mise en oeuvre, souvent déconcertante.
Le problème d'encodage est récurrent, mais je vais essayer dans cet article de vous prouver que la mise en oeuvre de l'UTF-8 dans vos projets peut se faire très rapidement. Voici donc les grandes étapes pour migrer votre application web en UTF8, et pourquoi pas conquérir de lointains marchés ! Requêtes HTTP Tout d'abord quand un visiteur arrive sur votre site, son navigateur doit savoir qu'il a affaire à de l'UTF8, alors voici la marche à suivre. MySQL Editez en UTF8 Developpez en PHP. Advanced Datepicker helper for CakePHP | Blog for web development. TableKit. Return to article Introduction TableKit is a collection of HTML table enhancements using the Prototype framework. TableKit currently implements row striping, column sorting, column resizing and cell editing using Ajax.
Demo: Sortable/Resizable/Editable Click the table header cells to sort the column, resize the column by dragging the right border of a header cell, click a cell in the table body to edit the value. Urgency Date Time Title Status Requested By Cost Size Keyboard is Broken In Progress Tom Closed Help, I'm on fire! New John My cup holder is not working Mark Windows is crashing Bill 06/07/2006xxx The ring came off my pudding can Assigned Blank Screen Xavier Should I open this email? The internet is broken Jill I can't print Documentation TableKit Basics Installation Reference the script in your HTML: Prototype and tablekit.js are required of course; Fastinit is optional. Simple Usage The easiest way to use TableKit is reference the script in your HTML and give you tables appropriate classes: Options Usage Styles. Highcharts - Interactive JavaScript charts for your webpage.
jQuery UI Multiselect. 10 Practical Prototype Extensions for Designers & Developers. You might have noticed that Website Magazine routinely features interesting jQuery plugins. There are options to jQuery however that Web designers and developers should seriously consider and one of those powerful alternatives is the Prototype Javascript framework. The Prototype JavaScript Framework provides an Ajax framework (and other utilities) implemented as a single file of JavaScript code, usually named prototype.js. Prototype is distributed standalone (prototypejs.org), but also as part of larger projects such as Ruby on Rails, script.aculo.us and Rico.
Prototype provides various functions for developing JavaScript applications and features range from programming shortcuts to major functions for dealing with XMLHttpRequest. Let's look at several interesting Prototype extensions for designers and developers. 3D Image Reflection: This handy script can help to add another dimension to images. CoolTips: CoolTips is used to replace conventional web-browser tooltips. View more. Sevenup - Project Hosting on Google Code. Date / Time Picker. Rating: -10236816911048586.0/5 (901 votes) A date picker control. To open the calendar, click the input box. Key features: Restrict date selection (min/max) Date range selection Date/time combination selection Keyboard navigation (arrow keys, page up/page down, etc.) Option to post dates to the server as a UNIX timestamp (milliseconds since 1/1/1970) Note: Date Picker has been redesigned, and no longer supports standalone time picking. For a standalone time picker, see the Time Picker control.
Demo Source Example Usage To create date pickers out of all elements that match a given CSS rule: Protoplasm.use('datepicker').transform(selector[, options]); Parameters: Manual Creation If you want more control over creation and destruction of the date picker, you can instantiate it manually instead of using Protoplasm.transform. In your <head> section: Protoplasm.use('datepicker'); To create a date picker: var picker = new Control.DatePicker(element[, options]); To destroy the date picker: picker.destroy(); Introducing: The sliding date-picker. Update (July 13): Please mind that there is a follow-up post Update (May 17): I am planning to move this project to Google Code. I received some nice improvements, so it would be good to form a team and develop this project further to fix all the bugs that are still out there. Contact me at willem [:at:] ajaxorized Update (May 10): Thank you all for your support. Currently I am improving the dateslider, check the newer (warning, not fully tested and stable) version here .
I've fixed the problem of startdate > enddate and working on some other functionalities. Thanks again, you guys keep me going (: You came for the demo right? Due to the development of Qash.nl , a Dutch personal finance website full of cool javascript features, it's somewhat quiet around here. Implemeting is easy. Then, include the stylesheet: Then copypaste this to your HTML: Start: End: Finally, create the dateslider object. P_oDateSlider = new DateSlider('sliderbar', '2007-10-01', '2008-10-01', 2001, 2009); Thats it! Enjoy! Lightview. Scripteka :: Prototype extensions library. Prototip 2 - Create beautiful tooltips with ease.
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework. Style: Easy to customize. Position: Complete control over tooltip positions. Round: Configurable rounded corners, no PNG images required. Speech bubble effect! Update: jQuery UI Slider from a Select Element - now with ARIA Support. What's This All About? Our selectToUISlider plugin uses progressive enhancement to scrape the data from a select element (or two for a range) and generate a jQuery UI Slider in its place, acting as a proxy to the select element (regardless of whether it is still visible, or hidden from the user). This means you can use the jQuery Slider plugin alongside other input elements in a form and submit or serialize the form as if the slider is not even there. It also allows the user to interact and make a choice with or without javascript, since the select element can be used if the slider is unavailable. The plugin enhances the jQuery UI slider in many ways, adding text labels and ticks on the slider axis, and tooltips that appear while a slider is being used.
Working Demo: Demo Page The demo above was generated from 2 HTML select elements with the following jQuery call: $('select').selectToUISlider(); Now Updated for ARIA Support! So what is ARIA Anyway? How we applied ARIA to the jQuery UI Slider. 60+ Stunning Scriptaculous Applications - Developer Snippets. This post will help you in checking out most stunning Script.aculo.us Applications in the World of Web and at the same time might help you in coming up with new web applications using Script.aculo.us.
I would like to request all the developers to have a look at these stunning applications which are made and developed by Script.aculo.us Prototip: Create beautiful tooltips with ease Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.Style: Easy to customize.Position: Complete control over tooltip positions.Round: Configurable rounded corners, no PNG images required.Speech bubble effect! Works on all modern browsers. Scriptaculous slider trick Yesterday I was looking at the Scriptaculous library, in particular the slider bar. Star Box: rating stars for prototype Starbox allows you to easily create all kinds of rating boxes using just one PNG image.
Lightbox++ JavaScript Image Cropper UI, using Prototype & script.aculo.us LightWindow v2.0.