博客 RSS 訂閱

vitaly-friedman 頭像

Vitaly Friedman - 83 Flat Line UX And E-Commerce Icons For Free

How often do you have to explain the purpose of a study, objectives, goals or measurements within your company? Maybe you need to prepare a presentation or a brief overview of what next steps should

Freebies , templates , E-Commerce

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #152: On Not Shipping, Pure JS Functions, And SameSite Cookies

This week’s reading list consists of a lot of little, smart details that you can use on websites. From tweaking the user’s reading experience during page load to pure JavaScript functions and verify

Web Development Reading List , Tools , coding

收藏 評論

laurielaforest 頭像

Laurie Laforest - WordPress Responsive Images With Art Direction

Support for responsive images was added to WordPress core in version 4.4 to address the use case for viewport-based image selection, where the browser requests the image size that best fits the layo

performance , wordpress , optimization , Responsive Design , Techniques (WP)

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Desktop Wallpaper Calendars: September 2016

We all love a good wallpaper to polish up our desktops. So to provide you with fresh artwork on a regular basis, we embarked on our desktop wallpapers mission eight years ago. Each month we challeng

Wallpapers , Graphics , templates

收藏 評論

demianborba 頭像

Demian Borba - How We Use Prototyping, And How It Made Us More Efficient

Prototyping is essential to help your team create the best product possible. It’s a chance to experiment with ideas and turn them into something tangible that you can test and build upon. When you f

Experience Design , ux , testing , Prototyping

收藏 評論

swiftgg 頭像

SwiftGG翻譯組 - 如何使用 iOS 9 的 Core Spotlight 框架

作者：AppCoda，原文鏈接，原文日期：2015-12-22 譯者：BigbigChai；校對：walkingway；定稿：CMB 每一代 iOS 都會為全球的開發者們帶來新鮮的“小玩意兒”和對現有技術進行提升。顯然，最新的 iOS 9 也不例外，開發者們擁有了全新的框架和 APIs 以方便調用、這可以顯著地提升應用程序的水平。Core Spotlight 框架就是其中之一，它包

ios9

收藏 評論

nickbabich 頭像

Nick Babich - Pixel-Perfect Specifications Without The Headaches

Designers, developers and managers often work with compressed timeframes and multiple projects simultaneously. A team must be able to respond quickly to feedback on their product from clients, proje

workflow , Tools , ux , Style Guides

收藏 評論

michaelscharnagl 頭像

Michael Scharnagl - Ways To Reduce Content Shifting On Page Load

Have you ever opened a website, started reading and, after some time had passed and all assets had finished loading, you found that you’ve lost your scroll position? I undergo this every day, especi

performance , coding , Usability

收藏 評論

harryfyodor 頭像

harryfyodor - Backbone源碼解讀（二）

1. 開場 強烈建議一邊看着源碼一邊讀本文章，本文不貼大段代碼。源碼地址。 在寫backbone應用的時候，説實話，大部分的時間都是在寫這三個模塊的內容。關於這三個模塊的分析網上隨隨便便就能找到一堆還不錯的文章。但我希望能夠找到一條線索，能把各自模塊的內部機理整理清楚。就像前一篇文章中介紹的Events那樣。Events整個模塊其實就是通過一些外部的方法來修改內部對象的屬性，從而達到事件管理

backbone.js , backbone , 源碼分析 , Javascript

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #151: Microinteraction UX, Feature Policy, And Passport.js

In the last few years, I’ve seen a lot of code. As a freelancer working on multiple big projects with a lot of people, you’ll inevitably see all varieties of code styles. But I also realized how muc

Web Development Reading List , Tools , coding

收藏 評論

nashvail 頭像

Nash Vail - Upgrading CSS Animation With Motion Curves

There is UI animation, and then there is good UI animation. Good animation makes you go “Wow!” — it’s smooth, beautiful and, most of all, natural, not blocky, rigid or robotic. If you frequent Dribb

animation , Techniques , Css

收藏 評論

villeveikkohelppi 頭像

Ville-Veikko Helppi - Diverse Test-Automation Frameworks For React Native Apps

The bar is set high for today’s mobile apps. First, apps must meet the standard of quality that app markets expect. Secondly, mobile app users are very demanding. Plenty of alternatives are availabl

react , mobile , Apps , testing , Android , ios

收藏 評論

harryfyodor 頭像

harryfyodor - Backbone 源碼解讀（一）

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

backbone.js , Javascript

收藏 評論

christian-heilmann 頭像

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 頭像

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

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

node.js , backbone , Javascript

收藏 評論

apratskevichbwong 頭像

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 頭像

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

收藏 評論

alexrudenko 頭像

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 頭像

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 頭像

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 頭像

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 頭像

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 頭像

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 頭像

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

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

leanreact

收藏 評論