HTML5 Vs. Native Apps for Mobile. #373 Zero-Downtime Deployment (pro) 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.
En effet, les comédiens avaient 6 secondes pour répondre aux défis extravagants que les internautes leur envoyaient. Une opération de Brand Content réussie… en seulement 6h ! 2 – Daft Punk se dévoile sur Vine 3 – Wolverine où l’art du teasing 5 – Lego x Mark Weber. 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% Paul McMahon - Tokyo Dev. International Web Development in Japan | mobalean. Blogeek. 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. 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. That last point is potentially important, because it demonstrates the authors have a good sense of one of the major issues with client-side development: writing reusable, decoupled code. Although Flight already has a bazillion stars on GitHub (Twitter™!) However, the project has some great ideas and has serious pedigree behind it.
"Getting started", tutorial · Issue #23 · twitter/flight. TestFlight | Tutorials. 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. Each component is then “binded” or “assigned” to a certain node in the DOM element. 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! Stylus. Comparatif entre Ruby on Rails et Cake PHP.
Chez Drine, photo, nature, et mini-geek ! 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. Rencard du web. É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. Le but étant de trouver des sites qui donnent un son audio lu par un être humain. C’est le premier site qui m’est venu à la tête. J’accède à ce site quand je veux me faire une session multilingue. . 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. Conclusion : Je suis sûr qu’il existe d’autres sites internet qui offrent ce genre de service. 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 va ensuite compiler toutes ces publications dans un ebook personnalisé au format epub qui sera disponible chaque semaine. Un livre hebdomadaire avec tous les nouveaux posts et articles de sources que vous suivez dans le cadre d’une veille. Un livre électronique disponible chaque vendredi que vous pourrez emporter partout et lire sur votre liseuse ou tablette dans le métro, sur la terrasse d’un café ou confortablement installé sur vote canapé. 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. The two languages are independent of one another. CSS should not reside within an HTML document and vice versa. 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 <a>... Attributes <! Selectors Reset. 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. Best .htaccess practices with sample code for any website | SimpleTechBlog.
The file .htaccess controls the Apache webserver, is very useful and allows you to do a lot of things. Recently for one project, I had to do certain optimizations for getting good pagespeed rank. In general, all what I have learnt is being shared here not in any order. General and Recommended 1. Turn ON Rewrite Engine for Apache This is the fastest rewrite engine for apache server and works really well. 2. Files which won’t change frequently should be cached to improve speed of the website 3. Files which change frequently or can change should not be cached. 4. This will help to serve your webpages faster and thus load your website quicker. 5.
Google Pagespeed recommends removing all ETags from file headers. 6. Optional (if required by your website) 7. 8. 9. 10. Some crawlers will unnecessary consume your website’s bandwidth. There are lot of keywords and tags which .htaccess file uses and Apache server understands. Arijit DeHi I am Arijit De and I own and manage the SimpleTechBlog.
More Posts. 7 Steps to deploy new Rails app in Appfog | SimpleTechBlog. Without deploying an app, which is created in your machine, you can never be sure of whether it will be working same in the LIVE environment or not. And for making anything live on the web, you need to pay and buy a sunscription service. We do have the options of Heroku which gets well integrated with the Git but still we loose upon the control on the app. A good solution is AppFog which provides FREE account with 2GB RAM for your apps. You get better control of the services associated with the apps and as well can control the start / stop and restart of the same through a web interface. You can even increase the memory need for your app. Also, it has an automated deployment gem called “af” which automates the process of deployment in an easy fashion as simple as some simple commands.
Since I was able to successfully deploy my Rails app in appfog, I am just mentioning the steps which needs to be followed for the same. 1. 2. 3. 4. Logs: 5. 6. 6. 7. That’s It… You are good to go..!! << Dinks >> Jacinthe Busson - Ergonomie web & mobile. SMYCK | a blog by John-Paul Bader. Pourquoi j'ai lâché mon iPhone au profit d'android ! Posté par francky le 15 avr, 2013 dans Androïd, archos, iPhone 5, iPhone-iPod, Jailbreak, Matériel, Mobilité | 17 avis j’ai lâché mon iPhone au profit d’android, ça fait un bien fou, mais je me soigne !
Depuis quelques années, mon smartphone n’était autre qu’un iPhone 3Gs. Ce n’était pas le plus récent des smartphones Apple, mais il tourne encore très bien. J’aurais évidemment pu passer à l’iPhone 5, mais je ne le souhaitais absolument pas et il y a plusieurs raisons à cela. pour ma part, je trouve qu’Apple fait du surplace depuis quelques années. La firme de Cupertino s’efforce bien de développement iOS du mieux qu’elle peut mais personnellement, je trouve qu’il stagne un peu. Techniquement, l’évolution entre les iPhone reste tout aussi minime. Pour moi, il manque encore certaines fonctionnalités importante dans un iPhone. Autre fonctionnalité que j’attend depuis toujours ce sont les accusés réception des SMS. Depuis le mois de décembre, j’utilise une tablette Samsung Galaxy note 10. Les « Style Tiles », un nouvel outil pour le webdesigner ? | Édition Nº4.
Mais qu’est-ce que c’est ? On peut traduire en français les “Style Tiles” par le terme “Planches Tendances”. Habituellement utilisées en mode, en déco ou même en publicité, elles servent à définir les grandes tendances (graphiques, texturales, chromatiques, etc.) d’un projet donné. Un article de Samantha Warren, paru récemment sur A List Apart, propose d’adapter le concept et de l’utiliser en webdesign pour ressortir des tendances visuelles sans se soucier de la structure de la page. En bref, de faire l’inverse de ce qu’on fait avec les “wireframes” (ou “filaires”, ou “gabarits”, ou même “storyboards”… selon vos habitudes) pour déterminer une structure sans se soucier de l’apparence visuelle… Pourquoi s’en servir ? Ça marche bien et les clients y sont habitués.
Mais cela crée aussi chez eux des attentes qui ne correspondent pas nécessairement à la réalité. Ensuite, il vous faudra poser les bonnes questions à votre client, comme vous le feriez pour une prise de brief habituelle. Conclusion. Sirupsen and his codeabouts. YAML CSS Framework — for truly flexible, accessible and responsive websites. Je suis fan de YAML. YAML. Son nom est l’acronyme de la phrase auto-référente « YAML Ain’t Markup Language ». Truc de geeks, donc. Mais il ne faut pas s’arrêter à ça ! Définition YAML se définit comme « un standard de sérialisation de données pour tous les langages, facile à utiliser pour les humains ».— standard : signifie qu’il n’y a pas d’approximation ou d’hésitation à avoir sur le contenu écrit en YAML.— sérialisation de données : consiste à transformer une structure de données simple ou complexe en un fichier texte.
Qu’il s’agisse d’une chaîne de caractères, d’un tableau, d’une liste de tableaux, d’un objet... toute variable peut être écrite sous forme d’un document YAML.— tous les langages : YAML existe déjà en C, Java, Python, Ruby, Perl, Javascript, etc. Comparaison sur un exemple Grâce à son incomparable API, le site per.sonn.es propose plusieurs affichages possibles du profil de ses membres, ce qui va nous permettre de les comparer : XML est la reine des formats de sérialisation. Expressivité. CSS Factory. Blog MTI. Features. Terminal-based workflow Create a project. Run your app in the simulator. Deploy on your device. Create an App Store package. Everything is just one command away. RubyMotion projects are based on Rake. Interactive development RubyMotion comes with an interactive console that lets you navigate and introspect the iOS and OS X API jungle with ease, from the comfort of your terminal.
The console is connected to your application running in the simulator. Keep your editor Thanks to its command-line infrastructure and its ctags support, RubyMotion can easily be integrated in almost any text editor. Do you rock with Vim, Emacs or TextMate? Embrace and extend RubyMotion comes with its own flavor of gems that can be used to extend projects or apps. Want a DSL to deal with CoreData? Testing RubyMotion comes with a behavior-driven testing framework, extended for iOS and OS X, and integrated into every new project. Functional and integration tests are covered. Debugging Your app crashed? Unified runtime. What Pythonistas Think of Ruby | Free PeepCode Blog. Déclinaison mobile de votre site ou application web. Python VS Ruby a travers un exemple concret (Qt) | Récits d'un GeekTrotter. Dev blog af83. Employees leave managers, not companies | Alaister Low. Le petit journal du web : PHP, WordPress, Javascript, CSS, Ruby, Responsive Webdesign.
Site e-commerce en Ruby on Rails pour un grand compte: Decathlon. Votre projet web, étape 4, un webdesign réussi, graphisme ou ergonomie ? Optimiser le temps de chargement d’une application GWT (2/2) Optimiser le temps de chargement d’une application GWT (1/2) William DURAND - Développeur web indépendant, étudiant et passionné ! #symfony #Diem #Git #Nginx #WebPerfs. ServerGrove | The PHP Hosting Co. - StumbleUpon. Des tests automatiques avec contenus aléatoires - Web qualité - Blog d'un testeur. Le Monde, une certaine conception du journalisme - Jean-Michel Aphatie. Le ministère de l'intégration. Comment concevoir le title de mes pages web. Website testing & Google search. Architecture et Intégration Open Source Lyon et Paris : Open Wide. Designing REST API with Silex.
PiouPiouM’s dev : bloc-note d’un développeur web. Sass, Compass, PHP, git, shell, plugins WordPress, Drupal, jQuery. Le plok de Tûtie | Le blog de geek à colorier soi-même. "CSS is easy" Retinart - Reflections on the Joyous Elegance of Graphic Design and Creative Thought. Carnet web de Loïc Mathaud. Tous les articles. CommitStrip - Blog relating the daily life of web agencies developers. Une association crée un nouveau filtre Instagram pour lutter contre la faim. PeHaa Blog | mad about art and digital. Les outils de la veille - Les outils pour la veille. Fresh Resources for Designers and Developers – April 2013.
Immobilier : visitez votre maison en 3D avant sa sortie de terre. Comment les meilleurs commerciaux utilisent LinkedIn. Freelances : comment ils gèrent leur quotidien ? The Inspiration Grid : Design Inspiration, Illustration, Typography, Photography, Art, Architecture & More. Choisir un outil de curation de contenus web. Www.edbt.org/Proceedings/2013-Genova/papers/workshops/a29-holzschuher.pdf. Codrops. Webdesign et développement autour de HTML5, CSS3, WordPress, PHP et jQuery. La Corée du Nord se prépare pour frapper les Etats-Unis. Russell Quinn. Arunace's Blog.
Spoiled Milk | Blog. Martin Straka Sound Design. Sensational. OCTO talks ! The RedMonk Programming Language Rankings: September 2012. Episode 215 - Advanced Queries in Rails 3” BlackStage • accueil. Pourquoi j'ai quitté Google. PEPSized | What You See Is What You Get (for free) Downloadable SVG in PNG format. Client Side MVC with Backbone, CoffeeScript, and Rails. Studio404’s stream. KobOne communauté de créatifs freelances & salariés. Existe-t-il des alternatives de qualité à WordPress ? - cms-wordpress. Latest How to articles | Tags. The Rise and Rise of David Bowie interactive timeline. How to create mood boards: 30 expert tips | Graphic design. Comparaison Google Analytics / Piwik. Page d'accueil - Analyse - Piwik.