Web Components and Bottom-Up Design. Or, how I may have been missing the point Posted on by Tero Parviainen I've been having a hard time getting excited about Web Components.
I mean, I'm pretty sure I get why they're useful and I expect to be using them a lot in the future. It's just that I haven't been able to see Web Components as the "tectonic shift" people make them out to be. One reason for this lack of excitement might be that Web Components don't really enable me to build new kinds of things in the way that, say, WebGL or Device APIs do. These are all things that I definitely welcome as a web developer. What I've taken to be the idea people are most excited about with Web Components is reusability.
When people talk about a future where web applications can be assembled from prebuilt components that are commonly available, it just sounds too good to be true. The Real Tectonic Shift Paul Graham has written much about this in his classic book On Lisp and essays like Programming Bottom-Up: Know Your AngularJS Inside Out. What Powers Instagram: Hundreds of Instances, Dozens of Technologies. Dieter Rams' 10 principles of good web design.
"My heart belongs to the details.
I actually always found them to be more important than the big picture. Nothing works without details. They are everything, the baseline of quality" – Dieter Rams Since I got to know the work of Dieter Rams back in art college, I became fascinated by the exceptional products that he made for Braun from the 1950s onwards. He was able to start a revolution in the way we use household appliances that we still use as inspiration for designing today's world, and you couldn't have a better example than Apple. Industrial design One of the best known Dieter Rams design concepts is the 10 principles of good design, which make and classify good design. In the mid-'70s, Rams started to give seminars about design and begun with six principles, which he improved upon over the years until the mid-'80s when he 'upgraded' this set of principles to 10, which still stand today.
These are are not hard commandments written in stone. 01. 02. 03. 04. 05. 06. 07. Using Disqus. HTML5 Rocks - A resource for open web HTML5 developers. Feedback & Online Help Desk Software. 11 essential JavaScript tools for Web developers. Dypsilon/frontend-dev-bookmarks. DesignZum. HTML5 Rocks - A resource for open web HTML5 developers.
Geek. Web framework. Web coding. Online coding. Web design. Front end. Firebase - Build Realtime Apps. 岭南六少 - 一朵在LAMP架构下挣扎的云. IT牛人博客聚合 - 发现IT技术最优秀的内容, 寻找IT技术的价值. Scotch ♥ Developers bringing fire to the people. How To Test An AngularJS Directive - Newtriks LTD. Written by Simon Bailey After working with Backbone, Meteor, AngularJS and Ember (however, I have not dived deep into Ember yet), I feel that AngularJS is prepared the best for Test Driven Development (TDD).
It truly makes it a cinch removing all excuses to not use tests in your application! I have had the pleasure of focusing on testing within an AngularJS client application recently and lost a small amount of time testing a directive. The issue revolved around the template being located as an external html file as opposed to being included within the directive itself. There were a couple of head scratching errors that @amscotti and I had whilst seeking a solution but here’s a suggested approach. AngularJS Tools We will start from scratch, but it won’t take long to get up and running if we use Yeoman. Sudo npm install -g yo grunt-cli bower karma Two yeoman generators you may find useful are: Laravel News. Single Page Apps with AngularJS Routing and Templating.
Overview Single page apps are becoming increasingly popular.
Sites that mimic the single page app behavior are able to provide the feel of a phone/tablet application. Angular helps to create applications like this easily. Our Simple App We’re just going to make a simple site with a home, about, and contact page. HTML5 Game Engines and Frameworks. Design Tips, Tutorials and Inspiration. Web Applications Reviewed, Rounded Up & Explained. 15 Websites To Test Your Codes Online. Modern trends and webapps have dramatically changed the way web developers can build. Obviously you need some type of IDE to code new files and save them for deployment.
But what about just testing your code snippets? There are more tools available now than ever before! In this article I want to outline 10 interesting web apps for testing your code online. All of these apps require an Internet connection, and some of the more advanced editors offer pro plans to upgrade your account features. Top 10 Free Source Code Editors – Reviewed Top 10 Free Source Code Editors – Reviewed With professional code editor like Dreamweaver, Coda, Textmate and others, its no surprise that more and more people... Dashboard - Code School.
GA.ME (1) - Super powered social games. JS Bin - Collaborative JavaScript Debugging. Learn to Build Modern Web Apps with the AngularJS Tutorial. Dash - Documentation Browser, Snippet Manager - Kapeli. Dashboard - Code School.