博客 RSS 訂閱

javiercuello 頭像

Javier Cuello - How To Think Like An App Designer

There’s more to designing mobile apps than meets the eye. The task requires a deep knowledge of devices, and it often means changing the way we think — even if that means leaving behind much of what

Interaction Design , mobile , Graphics , Apps , User Interaction

收藏 評論

elliotbonneville 頭像

Elliot Bonneville - Web Scraping With Node.js

Web scraping is the process of programmatically retrieving information from the Internet. As the volume of data on the web has increased, this practice has become increasingly widespread, and a numb

node.js , coding , Javascript

收藏 評論

ivanishubin 頭像

Ivan Shubin - Visual Test-Driven Development For Responsive Interface Design

Testing responsive websites is a laborious task. Until now, implementing a stable and maintainable automated solution for cross-browser and cross-device testing of a responsive layout has been nearl

Responsive Design , mobile , testing , Interfaces

收藏 評論

iris-ljesnjanin 頭像

Iris Lješnjanin - An Interview With Type Designer Akira Kobayashi

Customers and clients cannot physically touch the products that online designers create, nor can they smell, hear or taste them. One of the important factors in a customer’s decision of whether to u

Interviews , Typography , fonts

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - That’s Real-Life Responsive Web Design: Meet The Brand New Smashing Book 5

Smart “responsive” workflows, effective responsive design/UX patterns and powerful front-end techniques — if you need a good book on smart responsive design, our brand new Smashing Book 5 is just wh

Guides , Events , Smashing Books

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Desktop Wallpaper Calendars: April 2015

We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork, and as designers we usually turn to different sources of inspiration. As a m

Wallpapers , Graphics , templates

收藏 評論

davidtucker 頭像

David Tucker - Putting Mobile Back End As A Service Into Practice (Part 1)

In a previous article I introduced mobile back end as a service (MBaaS) which aims at giving app developers the ability to create seamlessly new feature-complete cross-platform native and web applic

swift , Techniques , mobile , Apps , Web Development

收藏 評論

ben-gremillion 頭像

Ben Gremillion - How To Keep Framework Development Simple And Bug-Free

It’s just like that for your product, too: people rely on our products to work. Bugs erode trust, which in turn loses customers. So when we began updating Foundation, a responsive CSS framework, we

Frameworks , Responsive Design , mobile , coding , Css

收藏 評論

tim-jensen 頭像

Tim Jensen - Assessing Mobile Usability With Google Webmaster Tools

Back in 2013, Google officially announced that it would begin to penalize websites that provide a faulty user experience on mobile devices. Specific examples included redirecting inner URLs to a hom

seo , mobile , Tools , Usability

收藏 評論

kerrycrawford 頭像

Kerry Crawford - Help Your Content Go Anywhere With A Mobile Content Strategy

You’ve put a lot of thought, time and effort into creating great content, and you want users to have a great experience with your content. While you might have created the best content in the world,

mobile , ux , Content Strategy

收藏 評論

dustankasten 頭像

Dustan Kasten - Browser Input Events: Can We Do Better Than The Click?

Responding to user input is arguably the core of what we do as interface developers. In order to build responsive web products, understanding how touch, mouse, pointer and keyboard actions and the b

Interaction Design , Responsive Design , Devices , coding

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Freebie: Swifticons Icon Set (92 Icons, AI, Sketch, PNG, SVG, EPS, PDF)

A good freebie is always good to have. Today, we’re happy to release a quite unique icon set. The goodie contains 92 icons in three editable variants: outlined, filled colored, covering 15 wide cat

Icons , Freebies , templates

收藏 評論

sarahdrasner 頭像

Sarah Drasner - A Few Different Ways To Use SVG Sprites In Animation

There are some things we know and like about SVGs. First, SVGs have smooth, clean edges on any display, so using SVGs can reduce the number of HTTP requests for image replacement. Second, it’s easy

Responsive Design , coding , Css , svg

收藏 評論

leoniewatsonchaalsnevile 頭像

Léonie Watson & Chaals McCathie Nevile - Accessibility APIs: A Key To Web Accessibility

Technologies work together to extract accessibility information from a web interface and appropriately present it to the user. If appropriate content semantics are not available, then assistive tech

API , Accessibility , ux , coding

收藏 評論

clairecarlson 頭像

Claire Carlson - Considerations When Conducting User Research In Other Countries: A Brazilian Case Study

Following a recent economic windfall, Brazilians are faced with more choices of how to spend their money. This provides a situation for good UX to make a huge impact and sway customers to buy new pr

User Research , ux , Case Studies

收藏 評論

patrickmarsceill 頭像

Patrick Marsceill - Designing Navigation On Mobile: Prototyping With Keynote

The navigation system is often the most important and complex user interface component of modern websites. In recent years, small screens, responsive website techniques and ever-evolving hardware an

Techniques , mobile , Navigation , Prototyping

收藏 評論

igorfastovski 頭像

Igor Fastovski - Continuous Input In Mobile Devices: Pain Or Gain?

Working with text has long been the domain of desktops and notebooks. Yet the screen size, resolution and software of mobile devices have improved in recent years, which has made typing a fairly lar

Design Patterns , Best Practices , mobile , Web Design , ios

收藏 評論

antanasmarcelionis 頭像

Antanas Marcelionis - Fun With Physics In Data Visualization

Data visualization is on the rise. Publishers around the world — individual bloggers and major online publications alike — are realizing that charts, maps and combinations of the two can convey a me

coding , Data Visualization , Javascript

收藏 評論

integ 頭像

Integ - 樹莓派的終極玩法 2 ：motion ＋攝像頭

上一篇文章寫了如何把樹莓派打造成可以遠程訪問的服務器，有了這台服務器，我們的樹莓派終極玩法可以正式開始了。 這次，我們來給樹莓派裝個 USB 攝像頭，然後遠程訪問攝像頭拍攝的即時畫面。 非常簡單隻需要一個軟件：motion。 假設你的樹莓派已經裝好了 Raspbian 的系統，你只需要： $ sudo apt-get install motion 然後打開 motion daemon 守護進程，

raspberry-pi , 開源硬件 , 香蕉派

收藏 評論

jeremy-girard 頭像

Jeremy Girard - How Being In A Band Taught Me To Be A Better Web Designer

Recently, I was having a discussion with some web design students about the variety of skills a successful web professional must have — skills that go far beyond HTML, CSS, JavaScript and the other

Clients , Career , Communication

收藏 評論

integ 頭像

Integ - 樹莓派（raspberryPi）的終極玩法 1: 平台搭建

什麼是終極玩法？ 可能很多人買了樹莓派只是裝了個系統，就放在家裏吃灰了。 我之前也只是簡單的裝個 shairplay 拿它來當 airplay 的 server，用iPhone 控制它放音樂。 前一段在 name.com 買了個域名，修改 A 記錄的設置特別快（幾乎秒生效）。 而且發現住處的電信寬帶是有公網 IP 的，然後決定給樹莓派綁個域名，這樣就可以在任何能上網的地方訪問它了。 然

智能家居 , raspberry-pi , 開源硬件

收藏 評論

varyastepanovajuusobackman 頭像

Varya Stepanova & Juuso Backman - How To Automate Style Guide-Driven Development

Style guides — especially living ones — are useful in many aspects of development and maintenance, so it’s little wonder that developing them has become a highly recommended and a popular practice.

Pattern Libraries , workflow , coding , Style Guides , Design Systems

收藏 評論

melanie-haselmayr 頭像

Melanie Haselmayr - How To Create Effective App Screenshots For Your App Store Page

Slowly but surely, the official app stores of iTunes, Google Play and Windows Phone Marketplace have transformed into a digital battlefield. App developers have to fight for recognition or otherwise

Marketing , Graphics , Apps , Product Strategy , Design

收藏 評論

karenmenezes 頭像

Karen Menezes - Harnessing Flexbox For Today’s Web Apps

Although the syntax might be initially confounding, flexbox lives up to its name. It creates intelligent boxes that are stretchable, squeezable and capable of changing visual order. It provides simp

flexbox , Tools , Layouts , coding , Css

收藏 評論