Twitter’s Flight JS Framework: First thoughts and comparison with Backbone Hey, Twitter released earlier today a new JS framework called Flight. You can check it out at Github After reading the documentation, downloading it, and trying it for a while, I’ve my first thoughts. Basically, what this framework provides is a way to create components. Now, some comments about this implementation: I love and hate an event model at the same time. Each of this components reminds me to Backbone’s View object. However, in Backbone, one View can have a nested view or a list of nested views inside. What does Flight do really well? 1) Mixins. 2) Component’s lifecycle. So, will I use Flight? I hope you liked the quick review See yaa!
Flight, ComponentJS Flight What’s the most sensible thing to do when there’s an established project called Component that aims to make client-side development more modular through reusable components? Invent something else that yet again overloads this increasingly overused term! If you weren’t already confused about components, then get ready to unlearn everything you’ve learned. I was expecting this, however. After seeing Bower, I felt like it really needed another project to further abstract client-side development, and that appears to have been satisfied by the release of Flight. Flight (GitHub: twitter / flight, License: MIT, bower: flight) from Twitter is a new framework that maps “behaviour” to DOM nodes. Flight apps look a bit like Backbone/RequireJS apps. The authors define a component in Flight as a constructor with properties mixed in. Although Flight already has a bazillion stars on GitHub (Twitter™!) However, the project has some great ideas and has serious pedigree behind it. ComponentJS
Paul McMahon - Tokyo Dev PathFinding.js Click within the white grid and drag your mouse to draw obstacles. Drag the green node to set the start position. Drag the red node to set the end position. Choose an algorithm from the right-hand panel. Click Start Search in the lower-right corner to start the animation. Breadth-First-Search Best-First-Search Dijkstra Jump Point Search Orthogonal Jump Point Search Trace generating grid 100%
10 excellentes utilisations de Vine par les marques Vine est une application mobile de Twitter lancée le 24 janvier 2013. Cette application permet de créer et partager des vidéos de 6 secondes. A l’image des 140 caractères des messages Twitter, ces micro-vidéos ont de plus en plus la côte auprès des jeunes utilisateurs de l’oiseau bleu mais aussi auprès des marques, toujours à la recherche de la dernière innovation. Petit tour d’horizon des 10 entreprises qui ont, depuis 3 mois, réussi à communiquer avec brio sur cette application. 1 – Orange mise sur l’humour Mercredi 17 avril dernier, Orange et l’agence Armstrong se sont associés aux jeunes humoristes Bérengère Krief, Kheiron, Arnaud Tsamère et Tony Saint Laurent pour #4GS6, une opération originale et très bien pensée sur Twitter. + 4 500 tweets répertoriés+ 2000 défis reçus+ 130 vidéos réalisées entre 14 et 20H2,7 millions d’impression twitterTrending Topic sur Vine le 17 avril Une opération de Brand Content réussie… en seulement 6h ! 2 – Daft Punk se dévoile sur Vine 5 – Lego x Mark Weber
OSSIR : Accueil Adapter un site pour les Smartphones Une version spéciale Smartphone et plus largement handheld (petit écran) est une étape qui peut être compliquée à envisager. Heureusement, les standards du Web offrent quelques armes fort bienvenues et efficaces pour la franchir. Après tout, présenter un site en 480*320 pixels n’est jamais... qu’un style alternatif. Si votre structure XHTML est suffisamment robuste - je vous invite à (re)lire avoir plusieurs présentations alternatives -, préparer et développer une version Smartphone pour votre site sera d’autant plus aisé. Néanmoins, quelques écueils techniques peuvent se présenter... et le facteur temps peut vous obliger à faire quelques choix. Voyons quelques points afin de comprendre les tenants et les aboutissants de la création d’une version Smartphone ! Attention : cet article traite uniquement de l’adaptation d’un design à une version pour Smartphone, et non de développement de sites totalement dédiés aux mobiles. Quelques informations et bons réflexes Principales recommandations :
Steerious - Digital Control Monitoring écouter les information en anglais et les lire en même temps Il existe de nombreux services qui permettent de transformer les textes en synthèse vocale. Depuis que je suis branché internet (c’est-à-dire depuis presque 20 ans), j’ai pu constater des progrès significatifs dans ce domaine, mais (tout comme avec la traduction) on est encore loin de la perfection et la lecture faite par des êtres humains est tout de même d’un autre niveau. Du coup je me suis mis à chercher dans mes archives des sites qui permettent de lire les news et les écouter en même temps. C’est le premier site qui m’est venu à la tête. Vous avez trois niveaux de compréhension pour la même information. Franchement si vous avez un bon niveau d’anglais, vous pouvez vraiment continuer à apprendre avec ce site. Ce site vise à faire étudier l’espagnol aux anglophones et l’anglais aux hispanophones, mais vous pouvez tout de même profiter du site pour écouter les news en anglais. Conclusion : Je suis sûr qu’il existe d’autres sites internet qui offrent ce genre de service.
HTML5 Vs. Native Apps for Mobile Gazette. Votre veille au format ebook Gazette est un service original qui permet de recevoir votre veille une fois par semaine au format ebook. Un service plutôt malin qui va vous bâtir automatiquement à partir de vos fils RSS un fichier au format epub que vous allez pouvoir lire ensuite sur tous les appareils et liseuses acceptant ce format de livre électronique. Gazette fonctionne très bien et ne nécessite pas de paramétrage compliqué. Vous devez renseigner l’outil en ligne avec les blogs, sites et publications que vous suivez via des fils RSS. Gazette crée un ebook et un fichier epub très propre. Votre ebook est disponible sur le site de Gazette chaque vendredi, vous pourrez ensuite le distribuer comme vous le souhaitez. Gazette est une bonne idée pour consulter le résultat de votre veille différemment. Lien: Gazette. Like Loading...
A Practical Guide to HTML & CSS - Learn How to Build Websites Before beginning our journey to learn HTML and CSS it is important to understand the differences between the two languages, their syntax, and some common terminology. As an overview, HTML is a hyper text markup language created to give content structure and meaning. CSS, also known as cascading style sheets, is a presentation language created to give content style and appearance. To put this into laymen terms, HTML determines the structure and meaning of content on a web page while CSS determines the style and appearance of this content. Taking this concept a bit further, the HTML p element is used to display a paragraph of text on a web page. Common HTML Terms When getting started with HTML you are likely to hear new, and often strange, terms. Elements Elements are designators that define objects within a page, including structure and content. Tags Elements are often made of multiple sets of tags, identified as opening and closing tags. <a>... Attributes HTML Document Structure & Syntax <!
Padrino and Sinatra: Light weight web framework | SimpleTechBlog The open source community is on a tremendous pace to introduce and develop new technologies to make the web development easier. Frameworks like Rails have changed the development methodology for an web applications. Simple concepts like Agile and CoC (Convention over Configuration) has proved the benefits in the long run. However, Rails is another ruby based web framework. If you use Rails and host some applications, you might already know the amount of memory consumed by each Rack task and also the speed of the Rails (which is comparatively on the slower side). But who says you have to live with that. 1. Web based framework which gives you lot of flexibility and is minimal in nature. require 'sinatra' get '/hi' do "Hello World!" And then $ gem install sinatra $ ruby hi.rb == Sinatra has taken the stage ... >> Listening on 0.0.0.0:4567 You are done. 2. gem install padrino padrino g project myapp -d datamapper -b cd myapp padrino g admin padrino rake dm:migrate seed padrino start More Posts