博客 RSS 訂閱

victoryocco 頭像

Victor Yocco - The Art Of The Intercept: Moving Beyond “Would You Like To Take A Survey?”

Maxwell is a researcher at a design firm that is working on a mobile payment app. He wants to learn more about how users currently interact with point-of-sale terminals. Maxwell contacts a local gro

User Research , ux , Communication

收藏 評論

cosima-mielke 頭像

Cosima Mielke - Free Photoshop Tools For Web Designers

Photoshop is still a favorite among a lot of web designers, and the right tools make it even more powerful than it already is. To help you boost productivity, save time and (obviously) nerves, we ha

Photoshop , Graphics , Freebies

收藏 評論

chrisbashton 頭像

Chris Ashton - High-Impact, Minimal-Effort Cross-Browser Testing

Cross-browser testing is time-consuming and laborious. However, developers are lazy by nature: adhering to the DRY principle, writing scripts to automate things we’d otherwise have to do by hand, ma

testing , coding , Browsers

收藏 評論

tomgreen 頭像

Tom Green - Creating Content Wireframes For Responsive Design

As I was leading my course in responsive web design between 2011 and 2012, I kept stumbling over the process of wireframing. My students tended to focus on the wireframe as being the end game in the

Responsive Design , mobile , ux , Content Strategy , Wireframing

收藏 評論

rachel-andrew 頭像

Rachel Andrew - Getting Ready For HTTP2: A Guide For Web Designers And Developers

The Hypertext Transfer Protocol (HTTP) is the protocol that governs the connection between your server and the browsers of your website’s visitors. For the first time since 1999, we have a new versi

performance , workflow , Security , coding , Browsers

收藏 評論

christiancantrell 頭像

Christian Cantrell - Everything You Need To Know About Google’s Accelerated Mobile Pages

In May of 2015, Facebook unveiled its new in-app publishing platform, Instant Articles. A month later, Apple declared that the old Newsstand experience (essentially a fancy folder full of news apps)

performance , AMP , mobile

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Dev. Reading List #124

I often think about our responsibility as web developers. I compare our job to a health worker, to a craftsman, and I realize that we have a pretty easy job in most cases. Usually, nobody’s life wil

Web Development Reading List , Tools , coding

收藏 評論

cosima-mielke 頭像

Cosima Mielke - Free Fonts With Personality

Typography can make all the difference. However, if your project has to get along on a very limited budget and you need to rely on free fonts, good ones are never easy to find. Luckily, we stumbled

Freebies , fonts , Free Fonts

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - The Riddle #7 Resolved: New York Pizza, Jules Verne And 28 Hong Kong Street

Guess what: those tricky mystery riddles are never easy to design. The idea has to be evaluated and brought into life, just to be crushed by painful user tests and then adjusted over and over again

Mystery Riddles , Web Design , Design

收藏 評論

laurenventura 頭像

Lauren Ventura - Improving Reviews And Testimonials Using Science-Based Design

Reviews, testimonials and word of mouth are winning the war in branding. A sea of research is out there about social proof and what to do and what not to do about soliciting customer reviews. It’s o

Marketing , ux , Product Strategy , Design , Business

收藏 評論

shawn-jansepar 頭像

Shawn Jansepar - Building A First-Class App That Leverages Your Website: A Case Study

Mark Zuckerberg once said, “The biggest mistake that we made, as a company, is betting too much on HTML5 as opposed to native… because it just wasn’t there. And it’s not that HTML5 is bad. I’m actua

Techniques , mobile , Apps

收藏 評論

josipbudzaki 頭像

Josip Budzaki - Transforming Lufthansa’s Brand Strategy: A Case Study

The first time I became aware of brand inconsistency was four, maybe five years ago. Companies were extending their appearances to apps, social media and other digital channels. And so did the bank

Branding , Case Studies , Design Systems

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 72 Home Appliance And Real Estate Icons [Freebie]

When it comes to web projects, real estate and home appliances go well together, so today we’re happy to release a lovely free icon set with 72 related icons. The set includes icons in 4 sizes and i

Graphics , Icons , Freebies

收藏 評論

jamesmillermatemarschalko 頭像

James Miller & Mate Marschalko - Hardware Hacking With JavaScript

The Internet of Things (IoT) has enabled the Internet to reach beyond the browser. Made up of electronically networked devices, these “things” are able to interact with the physical world via sensor

coding , Git , Javascript

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Automatically Art-Directed Responsive Images? Here You Go.

In many projects, responsive images aren’t a technical issue but a strategic concern. Delivering different images to different screens is technically possible with srcset and sizes and element and P

Tools , coding , Responsive Images

收藏 評論

arnaldoperezcastano 頭像

Arnaldo Perez Castano - JavaScript AI For An HTML Sliding Tiles Puzzle

Sam Loyd (1841–1911), American chess player and puzzle maker, created the sliding tiles puzzle in the 1870s. The puzzle is represented by an m×n grid, where m is number of columns and n is number of

AI , Games , html5 , Javascript

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Design Mock-Ups Need Dynamic Content: Tools And Plugins

Nothing is perfect on the web. We can’t make sure that our websites always work as intended, but we can try our best to design resilient and flexible websites that aren’t that easy to break — both i

Tools , Resources , Content Strategy , Design

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Dev Reading List #123

This week I mostly spent time on fixing bugs, improving a deployment workflow and on getting another new front-end project structured. One major takeaway from this was that it’s good to have a prope

Web Development Reading List

收藏 評論

cosima-mielke 頭像

Cosima Mielke - Breaking It Down To The Bits: How The Internet, DNS, And HTTPS Work

The Internet is the foundation of our craft. But what do we actually know about its underlying technology? How do DNS, networks and HTTPS work? What happens in the browser when we type a URL in the

performance , backend , dns , HTTPS , Resources

收藏 評論

manuelalangella 頭像

Manuela Langella - Pen Tool Vs. Live Trace: The Big Comparison

In this tutorial, I will teach you how to work digitally on an image you draw by hand. You will learn two entirely different ways to work with the illustration: through the Live Trace Tool and the P

Illustrator , Photoshop , Graphics

收藏 評論

jimcowart 頭像

Jim Cowart - Writing Reusable Components in ES6

Are you excited to take advantage of new JavaScript language features but not sure where to start, or how? You’re not alone! I’ve spent the better part of the last year and a half trying to ease thi

Tools , coding , Javascript

收藏 評論

lyzadangergardner 頭像

Lyza Danger Gardner - Making A Service Worker: A Case Study

There’s no shortage of boosterism or excitement about the fledgling service worker API, now shipping in some popular browsers. There are cookbooks and blog posts, code snippets and tools. But I find

Techniques , coding , Service Workers , Javascript

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Desktop Wallpaper Calendars: February 2016

Since seven years, we welcome the new month with a collection of unique desktop wallpapers. And it’s not any different this time around. Created by designers and artists from across the globe, they

Wallpapers , Graphics , templates

收藏 評論

sunhengzhe 頭像

時間被海綿吃了 - 使用gulp 進行ES6開發

一説起ES6，總會順帶看到webpack、babel、browserify還有一些認都不認識的blabla名詞，對於gulp才會一點點的我來説，內心簡直是崩潰的，上網查了一些文章，探索着用gulp搭起一個ES6的開發模式，總之先一邊學ES6一邊寫吧。。然後再讓這個流程更加。。高級。 開始 ES6有很多新特性讓人忍不住想去嘗試，然而各種瀏覽器的支持程度還不足以讓我們直接在瀏覽器上執行ES6的

browserify , ecmascript-6 , gulp-babel , Javascript

收藏 評論