background preloader

Welcome - Polymer

Welcome - Polymer
Built for Speed Polymer 1.0 replaces the shadow DOM polyfill with a lightweight shim, uses a new, faster data-binding system, and significantly reduces code size. For Modern Browsers Polymer is built from the ground up for modern browsers, using the latest web platform APIs. Polyfills provide support on evergreen browsers for APIs that aren't universal yet. Using Web Components Polymer leverages web components, a new set of standards designed to provide reusable components for the web.

Related:  UIRuby on railsAngularJSvladimirr#dev

Android ‘L’ Quantum Paper design features revealed It’s not clear when KitKat’s successor will be released, but Google is reportedly preparing a major design makeover for its “L” version of Android. According to information received by Android Police, Google is looking to unify design across its products and across platforms, and the initiative is apparently referred to as Quantum Paper. With Quantum Paper, Google wants to offer the same user interface and experience to end-users, no matter what devices they use, and no matter what platform – apparently, Google’s iOS apps will follow the same Quantum Paper design elements as its Android apps. But Google isn’t just looking to give Android a complete makeover, as the Quantum Paper design “language” will be available to developers too, who will be encouraged to integrate the various new elements into their own apps.

Google’s Polymer and the future of web UI frameworks Updates: At Google I/O 2013, Google presented a new web user interface (UI) framework called Polymer. The way it works is indicative of the future of all web UI frameworks. Polymer Polymer is composed of the following layers: Foundation (platform.js): Foundational building blocks. Most, if not all, of these APIs will eventually become native browser APIs. Core (polymer.js): Helpers complementing Foundation. Building a Chat App with node-webkit, Firebase, and AngularJS In this post we are going to build a desktop based chat application named vTak. We will use node-webkit to power the core desktop app and Firebase as our realtime data store. We will be using a slush generator named slush-wean to scaffold a basic node-webkit/Express/Angular app. The final product will look something like the following figure. Prerequistes If you are new to node-webkit, please refer to the following resources:

Element collections Polymer's paper elements collection implements material design for the web. They're a set of highly visual, highly interactive elements that include things like controls, layouts, hero transitions, and scrolling effects. Progressive Reduction: just another buzzword? — azumbrunnen Today I stumbled upon a tweet from Jeffrey Zeldman about Progressive Reduction. I was so intrigued by the sound of the term that I couldn’t resist digging a little deeper. Let’s see what this term is all about and discuss it’s pros and cons. It all started when LayerVaults` Allan wrote a post explaining the concept of Progressive Reduction as follows: Usability is a moving target.

Ruby on Rails - Blogueur - Guillaure Barillot Selenium is a great tool for integration testing but it has two major drawbacks : it relies on Firefox engine, so every time Firefox updates, you have to cross your finger and praise your test suite will still be usable it is f**** slow Solve those 2 problems in just a few minutes, switch to [...] When it came across image manipulation using Rails, I had to make a choice : Paperclip to handle high traffic/popular websites, and DragonFly for privates, more confidential but also more evolutive applications. Let’s start with an example : # Paperclip typical image URL /system/pictures/877/thumbnail/my_thumbnail_image_name.jpg?1352719049 # DragonFly image URL /media/BAhbB1sHOgZmIjIyMDEyLzA5LzE0LzE3XzI0XzA0XzMyMl9BdXLDqWxpZV9DSEFVVkVBVS5KUEdbCDoGcDoKdGh1bWIiCjUweDUw Paperclip resizes the image on upload, then [...]

Learn Angular by Building a Gmail Clone AngularJS Tutorial Build a Gmail Clone Introduction Build a simple email application and learn core AngularJS concepts. Web Fundamentals Web Push Notifications, a new way to engage users Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications to the user, even when the browser is closed! Web push notifications allow users to opt-in to timely updates from sites they love and allow you to effectively re-engage them with customized, relevant content. The Push API and Notification API open a whole new set of possibilities for you to re-engage with your users. Get started

Interface Critique I’m writing a new piece for Places on prospective/speculative “interfaces to the smart city” — or points of human contact with the “urban operating system.” As I explained to the editors, I’d like to consider these prototyped urban interfaces‘ IxD — with outputs including maps, data visualizations, photos, sounds, etc.; and inputs ranging from GUIs and touchscreens to voice and gestural interfaces — and how that interactive experience both reflects and informs urban dwellers’ relationships to their cities (and obfuscates some aspects of the city), and shapes their identities as urban “subjects.” I’m particularly interested in our single-minded focus on screens (gaaaahh!)

Data Scraping and More With Ruby, Nokogiri, Sinatra and Heroku In this article, you will learn the basics of scraping and parsing data from websites with Ruby and Nokogiri. You will then take this information and build a sample application, first as a command line tool and then as a full Sinatra web app. Finally, you will deploy your new application on the heroku hosting platform. There is a screencast that accompanies this article.

Related:  HTML5CRUDDesignframeworkeOutils