background preloader

Bourbon Neat

Bourbon Neat

Hebiflux OOOOooooOOOOOOOhhh création inventive et bien réalisée ! C’est l’animation de la semaine! Voici le retour de l’aventure de TippEx tant adorée il y a une année déjà. Choisissez l’année qui vous convient : -4000, 0, 500, 1492, 1515, 1789, 1800, 1980, 2011… il existe une vingtaine (plus?) de vidéos correspondant à chaque étape. On remarquera que désormais avec la nouvelle formule des pages de marque Youtube, les écrans qui prenaient toute la page ont disparu au profit d’un petit encart de minisite. YUI from the outside Update, 2012-09-10: I’ve posted a followup to this post entitled Why I believe in YUI. Please read it. When I quit my job at Yahoo! a few months ago, it didn’t feel like I was really quitting. I was leaving the company, sure, but I still planned to continue working on YUI, even though Yahoo! I’m extra lucky that my new employer loves YUI, uses it extensively, and is more than happy to let me contribute the work I do back to YUI whenever it makes sense. This has been one of the most frustrating experiences I’ve ever had contributing to an open source project. Pull request graveyard Even though I’m still in touch with the core team and talk to many of them on a daily basis, several of my pull requests sat in limbo alongside over 40 other open pull requests on the YUI 3 project (some dating back nearly a year). Not all my pull requests were large. No external committers Why send pull requests? What many people don’t know about YUI is that the YUI GitHub repository is just a read-only mirror.

MaKey MaKey: An Invention Kit for Everyone (Official Site) Checkbox List With Filtering jQuery Widget Download source - 140.8 KB Introduction We used checkbox-list controls back at the good old days for desktop applications. Background First of all, we need to populate the listbox with data. And selection data returned within the same data model. Using the Code checkList widget can be applied easily with a div element. We can set the listbox items on creation by passing the listItems parameter or after widget created set data model manually by calling setData method. We can simply get the selected elements by calling getSelection method. function selChange(){ var selection = $('#myCheckList').checkList('getSelection'); $('#selectedItems').text(JSON.stringify(selection)); } Filtering Filtering capability is implemented without any Ajax calls. Have fun.

Editor - Typing in Hindi has never been easier Quillpad is an intelligent typing tool that enables you to type in Bengali using English keyboard. When you type Bengali words using English letters, Quillpad intelligently converts the typed words into Bengali script. You don't have to follow any rigid typing rules or key combinations like Ctrl, Shift etc. To write in Bengali, you can type, for example, " ekhon banglai lekha khub sohoj " As you type each letter, Quillpad will on the fly convert your input line into: "এখন বাংলই লেখা খুব সহজ" Quillpad is an intelligent typing tool that enables you to type in Gujarati using English keyboard. To write in Gujarati, you can type, for example, ' have gujarati ma lakhvu bahu sahelu che ' 'હવે ગુજરાતી મા લખવુ બહુ સહેલુ ચે' Quillpad is an intelligent typing tool that enables you to type in Hindi using English keyboard. To write in Hindi, you can type, for example, 'hindi me likhna bahut aasaan hai' 'हिन्दी में लिखना बहुत आसान है' To write in Kannada, you can type, for example, 'अब नेपालीमा लेख्न सजिलो छ'

Cursor motion & bi-directional text "Unicode is hard" is a commonplace among developers. And I guess it is hard. Witness the amount of systems that get things like string en- and decoding wrong. And that is the easy part—the real fun starts when you need to actually display those strings. Fortunately, toolkits and libraries are able to hide the horrors of combining characters, directionality, and word breaking most of the time. But there are situations where that doesn't suffice. In this article, I'll outline the solutions I came up with. The problem Originally, CodeMirror assumed that each character in a line represented a glyph, and that these glyphs were shown left-to-right. But some Semitic scripts, notably Arabic and Hebrew, do not start writing on the left of the medium, but rather write right-to-left. Unfortunately, things are not that easy. Let us look at an example. A B C a b c 1 2 3 d e D E (logical) It is rendered like this (visual order): A B C e d 1 2 3 c b a D E (visual) Bidi algorithm Quantum cursors Closing

les_joies_du_code(); mozilla/pdf.js RockMelt - Not a browser. A WOWser. Enhancing Angular.js with Forge As we’ve shown before with our Firebase integration, Forge makes it simple to use the latest and best web technologies to develop your native mobile app. In this blog post we are going to take a simple Angular.js demo app and enhance it with some of Forge’s modules: Add offline capability and persistence using forge.prefsAdd a native topbar and add action button using forge.topbarAdd a second view to show archived items and switch between the views using forge.tabbar The demo app we are going to use is the todo list from the Angular.js homepage, which you can see in action on JSFiddle. Creating our Forge app Our first step is to create a Forge app using this code. You can see the code for this step on GitHub. Persisting data Now we have the app running in Forge we can use Forge’s extra functionality to improve the app. forge.prefs.set("todos", $scope.todos); As well as restoring the saved todo list when the app launches, using the following: Adding a topbar Adding a tabbar That’s it

HTML5 is not ready yet – and will never be (and that is a good thing) – HTML5 Question #1 One of the big questions I repeatedly got at events lately is this: Is HTML5 ready yet? The answer is no, because HTML5 is not a bowl of spaghetti that you know when they are ready by flinging them against the wall. You see, even HTML4.01 or XHTML for that matter was never “ready”. Standard compliance on the web is a means to an end. We used spacer GIFs and   for padding and margins before CSS got support, we used tables for layout, we used image maps, we used image replacement, we used HTML generated from JavaScript for different browsers and whatever it took to get the best out of what we had in order to achieve the goal we set ourselves. The goal was always the same: deliver the best possible experience in an unknown, always changing environment. You don’t know what browser in what setting on which operating system with which security settings the end user has. What needs killing is the close-minded limited way we think about web applications. HTML is now a living standard.