博客 RSS 訂閱

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - ‘Web Development Reading List #122: A Performance Budget Builder, Streams, And The Web Push API’

I’ll make it short this week: Thank you so much for the great, constructive discussion last week about hiring people and web development basics. I took away some very interesting thoughts from it, a

Web Development Reading List , Tools , coding

收藏 評論

manuelalangella 頭像

Manuela Langella - 12 Months Of The Year Icons [Freebie]

New Years’ Eve is not far past, and yet one twelfth of the new year is already behind us. We think this is a great time to release the first new free icon set of the year. So without further ado, to

Icons , Freebies , templates

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - The Smashing Mystery Riddle #7: Have You Figured It Out Yet?

Yep, one of those mystery riddles again? To celebrate the launch of SmashingConf NYC, we’ve prepared yet another riddle, and this time it will be a matter of patience and following clues. As usual,

Mystery Riddles

收藏 評論

espen-brunborg 頭像

Espen Brunborg - Is The Internet Killing Creativity?

The internet is a wonderful place (mostly). An unprecedented revolution in communication, it continues to empower more people to publish and share their knowledge than any other phenomenon in histor

Creativity , Web Design , Opinion Column , Design

收藏 評論

nadavsoferman 頭像

Nadav Soferman - Responsive Image Breakpoints Generator, A New Open Source Tool

Responsive websites, even the most modern ones, often struggle with selecting image resolutions that best match the various user devices. They compromise on either the image dimensions or the number

Techniques , Responsive Design , coding , Responsive Images

收藏 評論

nadinekintscher 頭像

Nadine Kintscher - Combining UX Design And Psychology To Change User Behaviour

Have you ever wondered why your users do not interact with your product the way you hope? Persuading people to perform a particular action, like signing up or buying a product, is a challenge in mos

UX Design , ux , Psychology

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - ‘Web Development Reading List #121: The Illusion Of Completeness, Client Hints, CSS Subgrids’

Over the last two weeks, I had the chance to review about eighty job applications for a front–end position. The position requires strong JavaScript knowledge, but it also requires HTML and CSS. And

Web Development Reading List , Tools , coding

收藏 評論

nickschaeferhoff 頭像

Nick Schäferhoff - How To Create And Customize A WordPress Child Theme

The WordPress platform is a magnet for those who want to take matters into their own hands, who want complete control over their websites and want to be independent in running them. WordPress does m

wordpress , HTTPS , Techniques (WP)

收藏 評論

delai 頭像

德來 - 預加載系列二：讓File Prefetching絲絲潤滑無痛無癢

所謂 File Prefetching 就是在一個頁面加載成功後，默默去預加載後續可能會被訪問到的頁面的資源。 前端資源預加載其實沒啥新鮮的，我們倒騰這個事情的過程卻是很有有意思也很有啓發性。 第一個版本，簡單粗暴有點痛 1、建一個獨立的頁面，裏面索引了各種需要預加載的css、js，代碼類似下面這樣。 html head link rel="stylesheet" hre

prefetch , web性能優化 , 緩存 , 前端

收藏 評論

beckywhite 頭像

Becky White - Designing For Kids Is Not Child’s Play

Chances are you’ve seen it: a child glued to a tablet or smartphone, swiping fearlessly with small, sticky fingers. From airports and restaurants, to homes and even schools, mobile devices are a ubi

User Research , Usability , Kids , Design

收藏 評論

joseph-zimmerman 頭像

Joseph Zimmerman - The Issue With Global Node Packages

Node.js brought about a great revolution for JavaScript developers by allowing us to write code that runs directly on our machines; our skills were no longer limited to browsers alone. At first, man

workflow , node.js , coding , Javascript

收藏 評論

jon-arne 頭像

Jon Arne Sæterås - Leaner Responsive Images With Client Hints

Responsive images have been around long enough for most of us to have taken them for a spin, or at least to have learned from the experiences of those who have. Beyond doubt, the responsive images s

performance , mobile , coding

收藏 評論