博客 RSS 訂閱

Anselm Hannemann - Web Development Reading List #160: Real Stories About HTTP/2, Cascading Style Sheets, And Code Of Shame

We have great new technology available to enhance our websites. But while theoretical articles explain well what the technologies do, we often struggle to find real use cases or details on how thing

Web Development Reading List , Tools , coding

收藏 評論

Mariya Yao - Chatbot UX – Does Conversation Hurt Or Help?

Chatbot fever has infected Silicon Valley. The leaders of virtually every tech giant — including Facebook, Google, Amazon and Apple — proclaim chatbots as the new websites, and messaging platforms a

Chatbots , ux , Communication , ui

收藏 評論

Jaywii - 第四天 對象與原型

對象是 JavaScript 中的基本數據結構,與許多面向對象的語言一樣, JavaScript 也支持繼承,但不同的是 JavaScript 的繼承機制基於 原型 ,而不是 類,雖然原型使用了很多傳統面嚮對象語言的概念,但是使用原型和使用類依舊存在很大差異。 1、 prototype 、 getPrototypeOf 和 __proto__ 之間的區別 原型包括三個獨立但相關的訪問器,即

javascript原型 , 對象 , Javascript

收藏 評論

Edric Lapniramai - Wireframing: The Perfectionist’s Guide

When I was a developer, I often had a hundred questions when building websites from wireframes that I had received. Some of those questions were: How will this design scale when I shrink the bro

ux , Prototyping , Wireframing

收藏 評論

shots - browserify 運行原理

摘抄於 Cson的博客 正好看browserify。。。。。看了幾遍不錯的博文。找到覺得很不錯的。 什麼是browserify 使用browerify,使代碼能同時運行於服務端和瀏覽器端。 Browserify 可以讓你使用類似於 node 的 require() 的方式來組織瀏覽器端的 Javascript 代碼,通過預編譯讓前端 Javascript 可以直接使用

browserify

收藏 評論

Heydon Pickering - CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends

I’m big on modular design. I’ve long been sold on dividing websites into components, not pages, and amalgamating those components dynamically into interfaces. Flexibility, efficiency and maintainabi

Techniques , Tools , Css

收藏 評論

Cosima Mielke - Spotify Playlists To Fuel Your Coding And Design Sessions

Some like it loud, others need some steady beats to stay focused, others calm tunes. A while ago we asked on Twitter and Facebook what music the web community is listening to when coding and designi

Community , workflow , Inspiration

收藏 評論

Vitaly Friedman - Freebie: Thanksgiving Icon Set (15 Icons, PNG, PSD, AI, SVG)

With Thanksgiving coming up next week, have you already thought about ways how to spend your days before the holiday? Well, you could send simple “Thank You” emails to your past clients, perhaps des

Icons , Freebies , templates

收藏 評論

Vitaly Friedman - SmashingConf San Francisco 2017: Somethin’ Is Cookin’ In The Kitchen!

Imagine a cloudy, rainy November evening. After a long day, you walk home along the streets, following the dimmed street lamps. Everybody seems to be busy, rushing somewhere, crossing paths with str

Smashing Events , Career , Events

收藏 評論

Anselm Hannemann - Web Development Reading List #159: Code Splitting, A New Bundler, And Blake2x

As developers, are we paid to write code? This challenging question raises concerns about product quality, code quality, and our purpose as developers in a world of coded applications. You’ll find a

Web Development Reading List , Tools , coding

收藏 評論

David Berner - Not An Imposter: Fighting Front-End Fatigue

I recently spoke with a back-end developer friend about how many hours I spend coding or learning about code outside of work. He showed me a passage from an Uncle Bob book, "Clean Code", which compa

workflow , Techniques , ux

收藏 評論

Elaine Chao - Exploring Repeat Grid In Adobe XD

If you’re a visual designer, you probably spend a majority of your time making small adjustments to multiple visual elements. Maybe your client has decided they need a few more pixels of padding bet

Experience Design , ux , Prototyping , Design

收藏 評論

Denys Mishunov - True Lies Of Optimistic User Interfaces

Three user interfaces (UIs) go to a pub. The first one orders a drink, then several more. A couple of hours later, it asks for the bill and leaves the pub drunk. The second UI orders a drink, pays f

ux , User Interaction , ui

收藏 評論

Rob Reed - Everything You Need To Know About Emoji 🍭

We all recognize emoji. They’ve become the global pop stars of digital communication. But what are they, technically speaking? And what might we learn by taking a closer look at these images, charac

Graphic Design , Guides , Graphics , Design Principles , Icons , ux , Web Design

收藏 評論

Gemma Church - Where Are The World’s Best Open Device Labs?

Every developer knows that just because a website looks like and does what it’s meant to on the latest iPhone, doesn’t mean it will work across every mobile device. In this article, we’ll highlight

Responsive Design , Devices , testing , Design

收藏 評論

Anselm Hannemann - Web Development Reading List #158: Form Usability, Vue.js, And Unfolding Critical CSS

These days, I’ve been pondering what purpose we as developers have in our world. I’m not able to provide you with an answer here, but instead want to encourage you to think about it, too. Do you hav

Web Development Reading List , Tools , coding

收藏 評論

野狗 - 輕鬆給小程序注入實時體驗 | 野狗 SDK (微信小程序版) 正式發佈

01-幫助開發者從零開發小程序 野狗 SDK 微信小程序版能提供給小程序開發者三大好處: 1,實現毫秒級的實時數據同步功能 如果你的應用場景需要實時性,那麼野狗能提供毫秒級的實時通信(例如 QQ 和微信這類及時通訊應用,當然這只是一個方面)和數據分發功能(類似於股票行情信息的實時推送)。 野狗 SDK 小程序版基於野狗實時通信引擎開發而成,而實時通信引擎是野狗的核心,它採用了本地處理,雲端同步的

野狗 , 微信小程序 , 實時通信 , sdk

收藏 評論

Igor Izhik - How To Create Dramatic Vector Illustrations

I have been drawing desktop wallpapers for Smashing Magazine’s monthly collections for over a year now, and every time it’s a very fun and challenging mission. In this article, I would like to share

Illustrator , Tutorials , Sketching , Graphics

收藏 評論

Nick Babich - How To Design Better Buttons

Buttons are a common element of interaction design. While they may seem like a very simple UI element, they are still one of the most important ones to create. In today’s article, we’ll be covering

Navigation , ux , Apps , Sponsored Content , Usability , Design

收藏 評論

Rachel Andrew - The New Layout Standard For The Web: CSS Grid, Flexbox And Box Alignment

Layout on the web is hard. The reason it is so hard is that the layout methods we’ve relied on ever since using CSS for layout became possible were not really designed for complex layout. While we w

flexbox , CSS Grid , Css

收藏 評論

yanying - PHP極其強大的圖片處理庫Grafika詳細教程(1):圖像基本處理

Grafika是一個PHP圖像處理庫,是基於Imagick和GD,可以用於改變圖片大小,剪裁,比較,添加水印等等功能。還有感知哈希,高級圖像過濾,繪製貝塞爾曲線等功能,可謂非常強大。 由於功能太多,所以分成幾篇文章寫。 《1、圖像基本處理》 《2、圖像特效處理模塊》 《3、圖像屬性處理》 《4、圖形繪製》 優點: 縮略圖的速度非常快,質量非常高 支持智能剪裁 很好的支持G

php , 圖片存儲 , codeigniter , yii

收藏 評論

Michael Flarup - What You Should Know About The App Design Process

I realized something the other day: I’ve been designing apps for nine years now! So much has changed since the early days and, it feels like developers and designers have been through a rollercoaste

workflow , mobile , Apps , Process , Wireframing

收藏 評論

Alexander Charchar - Define Your Process To Master Time, Gain Clarity, And Take Control

How can you be sure you’re moving your design problem in a straight line? That you’re moving directly to a solution? From client to payment, from product to audience? How certain are you of what th

workflow , Productivity , Process

收藏 評論

Anselm Hannemann - Web Development Reading List #157: FlyWeb, Lying Charts, And Feedback Without Context

We all have visions and dreams. Whether it’s about our personal lives, our work, or about complex concepts that target issues which are hard to grasp. The important thing is to listen to your ideas,

Web Development Reading List , Tools , coding

收藏 評論