博客 RSS 訂閱

harryfyodor 頭像

Aug 23 2016

harryfyodor - Backbone 源碼解讀（一）

1. 開場 1.1 MVC？ MVC是一種GUI軟件的一種架構模式。它的目的是將軟件的數據層（Model）和視圖（view）分開。Model連接數據庫，實現數據的交互。用户不能直接和數據打交道，而是需要通過操作視圖，然後通過controller對事件作出響應，最後才得以改變數據。最後數據改變，通過觀察者模式更新view。（所以在這裏需要用到設計模式中的觀察者模式） 1.2 Smalltalk-80

backbone.js , Javascript

christian-heilmann 頭像

Aug 23 2016

Christian Heilmann - I Contributed To An Open-Source Editor, And So Can You

A few months ago, Jason Grigsby’s post about autocompletion in forms made the rounds. I loved the idea of allowing users to fill in their credit card details by taking a picture of their card. What

Community , Open Source , coding

harryfyodor 頭像

Aug 22 2016

harryfyodor - 基於 Backbone + node 的個人簡歷生成器（個人學習總結）

為什麼學習backbone？這是個好問題。在這個前端框架爆炸的年代，比起backbone，對開發來説有更多更好的選擇，react，vue，angular等等。但這些在使用這些框架的時候，心裏卻總是有寫不踏實的感覺。MVVM雙向綁定是怎麼實現的？Virtual DOM，diff算法在react裏面是怎麼實現的？大框架不好的地方就是，對於新手來説，真正認識其中的原理很不容易。原理不會變，而API是會變

node.js , backbone , Javascript

apratskevichbwong 頭像

Aug 22 2016

Bruce Wong & Anna Pratskevich - Five Rules Of App Localization In China: Money, Dating And App Store

I recently sat down with Rock Zhang, a Chinese mobile entrepreneur. Rock is my classmate from business school, and we have both worked in the mobile industry for a while. In an age when the best mar

mobile , ux , Apps

anselm-hannemann 頭像

Aug 19 2016

Anselm Hannemann - Web Development Reading List #150: Less Code, GitHub’s Security, And The Morals Of Science

There is a lot to learn this week. It starts with non-technical things like going for a walk to refresh your mind and finishes with how to prevent reverse XSS attacks in forms. But it doesn’t matter

Web Development Reading List , Tools , coding

Aug 18 2016

Alex Rudenko - Building A Server-Side Application With Async Functions and Koa 2

One of the upcoming features of JavaScript that I especially like is the support for asynchronous functions. In this article, I would like to show you a very practical example of building a server-s

Frameworks , API , coding , Javascript

daniel-rose 頭像

Aug 17 2016

Dan Rose - Photoshop Etiquette For Responsive Web Design

It’s been almost five years since Photoshop Etiquette launched, which officially makes it a relic on the web. A lot can happen on the web in a few years, and these past five have illustrated that be

Graphic Design , Photoshop , workflow , Responsive Design , Graphics

danielbuchner 頭像

Aug 16 2016

Daniel Buchner - S(GH)PA: The Single-Page App Hack For GitHub Pages

For some time now, I’ve wanted the ability to route paths for a GitHub Pages website to its index.html for handling as a single-page app (SPA). This is table-stakes because such apps require all req

Apps , coding , Static Generators , Git

jasoncranfordteague 頭像

Aug 15 2016

Jason Cranford Teague - How To Run A UI Design Critique

Criticism is easy. It seems like everybody has an opinion, but, as the author Harlan Ellison points out, “You are not entitled to your opinion. You are entitled to your informed opinion.” To become

workflow , ux , User Interaction , Communication , Design

anselm-hannemann 頭像

Aug 12 2016

Anselm Hannemann - Web Development Reading List #149: CSS Dynamic Colors, Refactoring CSS, And CSP Hashing

Even though we think everything happens in real-time nowadays, we need patience. While technology has been capable of real-time for long now, the “bottleneck” are human beings. Whether it’s a pull r

Web Development Reading List , Tools , coding

kevinfarrugia 頭像

Aug 11 2016

Kevin Farrugia - A Beginner’s Guide To Progressive Web Apps

Progressive web apps could be the next big thing for the mobile web. Originally proposed by Google in 2015, they have already attracted a lot of attention because of the relative ease of development

AMP , mobile , Apps , Service Workers

sysu_xuejia 頭像

Aug 10 2016

陳學家_6174 - 精益 React 學習指南（Lean React）- 4.3 React Tricks

react tricks 編輯中。。。 React 自身提供的 API 並不多，但總有一些比較 trick 的 API 和點是平時可能忽略的，本節將列舉一下相關的點。 setState setState function param setState 延遲 ref ref as funct

nickbabich 頭像

Aug 10 2016

Nick Babich - Experience Design Essentials: Animated Microinteractions In Mobile Apps

Dariel Fitzkee, the famous magician, once said, “Magic is both in the details and in the performance.” Interaction design is just like that. Designers love to get the big picture right, but if the d

animation , Experience Design , ux , User Interaction , Sponsored Content

turing_interview 頭像

Aug 09 2016

圖靈訪談 - 發聲 | 再訪《Scratch少兒趣味編程》系列圖書作者阿部和廣訪談問題有獎徵集

編者的話： 2014年11月，《Scratch少兒趣味編程1》譯者陶旭代表圖靈訪談對作者阿部和廣進行了專訪。訪談期間，阿部和廣對Scratch在中國的普及情況十分關心，並想要了解各年齡段讀者朋友對《Scratch 1》的反饋以及對少兒編程問題的感想。特約記者：陶旭曾作為軟件工程師在北京和東京從事近十年技術工作，現為日語自由翻譯人。曾出版學術文獻翻譯叢書，並在多個領域的國際會議

圖靈訪談 , Scratch

andybudd 頭像

Aug 09 2016

Andy Budd - Developers “Own” The Code, So Shouldn’t Designers “Own” The Experience?

We’ve all been there. You spent months gathering business requirements, working out complex user journeys, crafting precision interface elements and testing them on a representative sample of users,

workflow , Teams , ux , Communication , Business

Aug 08 2016

Clayton Anderson - React Native For Web: A Glimpse Into The Future

One of the hardest decisions to make when starting a new app is which platforms to target. A mobile app gives you more control and better performance but isn’t as universal as the web. If you’re mak

performance , mobile , Apps , coding , Javascript

anselm-hannemann 頭像

Aug 05 2016

Anselm Hannemann - Web Development Reading List #148: CSS Color Syntax Change, Browser News, And Hidden Expectations

I shut down my browser on Wednesday, accidentally having a setting switched on that clears history and all sessions. First, I was sad to have lost many tabs with articles I stored “for later”. At th

Web Development Reading List , Tools , coding

vitaly-friedman 頭像

Aug 04 2016

Vitaly Friedman - Breaking Out Of The Box: Design Inspiration (August 2016)

How about trying a very different drawing technique or illustration style for your next project? Maybe a weird geometric shape? Or a more abstract form? Or a retro-futuristic color scheme? Not sure

Inspiration , Illustrations , Design

vitaly-friedman 頭像

Aug 04 2016

Vitaly Friedman - Behind The Scenes: What It Takes To Publish A Smashing Article

In this series of articles dedicated to our upcoming 10th anniversary (mid-September 2016), we’d love to shed some light on our editorial process, explain our workflow and introduce the people behin

workflow , Career , Events

filipbartos 頭像

Aug 03 2016

Filip Bartos - Optimizing Critical-Path Performance With Express Server And Handlebars

Recently, I’ve been working on an isomorphic React website. This website was developed using React, running on an Express server. Everything was going well, but I still wasn’t satisfied with a load-

performance , react , node.js , coding , Css

fangsz 頭像

Aug 02 2016

方始終 - 在JavaScript中，如何判斷數組是數組？

如果你沒有注意過這個問題，那麼這個標題應該會讓你感到困惑，判斷數據類型這麼基礎的問題能有什麼坑呢？少年，你不能太天真了，我們朝夕面對的這門語言，可是JavaScript呀，任何你覺得已經習以為常的東西都可能瞬間轉化成一個大坑，令人百思不得其解。但是正是因為同樣的原因，我們可以在學習和使用JavaScript這門語言的時候提出和討論一些這門語言獨有的，十分有趣的問題。比如我們今天要討論的，在Ja

javascript原型 , 前端 , Javascript

samchow 頭像

Aug 02 2016

samchowgo - 瀏覽器線程阻塞和無阻塞加載腳本的理解

一個頁面，從被請求訪問，到用户可以看到頁面、操作頁面，到最後頁面完全加載完畢，中間需要經歷一個相當奇幻的過程，這個過程的速度被“web性能師”孜孜不倦、前赴後繼的優化。本文討論的是其中一個優化。瀏覽器線程和阻塞雖然大家耳熟能詳的一句話是： JavaScript是單線程的。但是：瀏覽器當然不是單線程的。瀏覽器的多線程中，有的線程負責加載資源，有的線程負責執行腳本，有的線程負責渲

web性能優化

stefan-baumgartner 頭像

Aug 02 2016

Stefan Baumgartner - Using A Static Site Generator At Scale: Lessons Learned

Static site generators are pretty en vogue nowadays. It is as if developers around the world are suddenly realizing that, for most websites, a simple build process is easy enough to render the last

Generators , coding , Static Generators

davidrousset 頭像

Aug 02 2016

David Rousset - How To Create A Responsive 8-Bit Drum Machine Using Web Audio, SVG And Multitouch

In this little tutorial, I’m going to share some tips I recently followed to build a fun demo for the Build 2016 conference. The idea was to create a small 8-bit drum machine, with 8-bit sounds and

Tools , Web Audio , coding , svg

1402 1403 1404 1405 1406