博客 RSS 訂閱

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

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - ‘Web Development Reading List #120: Safari 9.1, Chakra Core Open Sourced, ES6 Object Shorthand Syntax’

One thing we should learn to embrace more this year is to enjoy the good things and focus more on the positive news than on the negative. I started to learn more ES6 this year and have scheduled 1 t

Web Development Reading List , Tools , coding

收藏 評論

goranpeuc 頭像

Goran Peuc - Nobody Wants To Use Your Product

Every morning, designers wake up to happily work on their products, be they digital or physical, with an inner belief that people will want to use their products and will have a blast doing so. Per

Interaction Design , ux , Interfaces

收藏 評論

karenmenezes 頭像

Karen Menezes - CSS Variables: The Architecture Backbone

When they hit the front–end landscape a few years ago, preprocessors were heralded as the saviour of CSS, bringing modularity, meaning and even a degree of sexiness. Terms like “Sass architecture” b

sass , Preprocessors , coding , Css

收藏 評論

guypodjarny 頭像

Guy Podjarny - Eliminating Known Vulnerabilities With Snyk

The way we consume open source software (OSS) dramatically changed over the past decade or two. Flash back to the early 2000s, we mostly used large OSS projects from a small number of providers, suc

performance , Security , coding

收藏 評論

nnnn001 頭像

NnNn - SegmentFault 2015 Top Rank

2015 是前端技術爆發的一年。React Native、Angular 2.0、HTTP 2.0、ES6、Redux、PostCSS 等等，“都是面向用户的程序”——前後端的生態融合成為技術發展的趨勢。 2015，也是 SegmentFault 社區內容由量變引起質變的開始。大量專欄作者和問答作者出現，為各自領域的同行貢獻了諸多優秀的內容。前端相關的討論交流很多（實際上非常多），後端、服務端和移

segmentfault-top-writer , 問答 , 專欄

收藏 評論

delai 頭像

德來 - JS 一定要放在 Body 的最底部麼？聊聊瀏覽器的渲染機制

説明： 本文提到的瀏覽器均是指Chrome。 “script標籤“指的都是普通的不帶其他屬性的外聯javascript。 web性能優化的手段並不是非黑即白的，有些手段過頭了反而降低性能，所以在討論條件和結論的時候，雖然很多條件本身會帶來其他細微的負面或正面影響，為了不使論述失去重點，不會擴展太開。 一、從一個面試題説起 面試前端的時候我喜歡問一些看上去

瀏覽器原理 , web性能優化 , Javascript

收藏 評論

cygopinath 頭像

C Y Gopinath - Why I Moved From A Square To A Circle Calculator Interface Design

They’re probably the most familiar interfaces on the planet: the numeric keypads on our mobile phones and calculators. Yet very few notice that the keypads’ design has remained unchanged for nearly

Interaction Design , mobile , Interfaces

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - ‘Web Development Reading List #119: Bulletproof Third-Party Content and Progressive Applications’

I wish you a happy New Year! But although we write another number now — 2016 — your habits and goals won’t change overnight. That is why I’m not convinced of New Year’s resolutions. You should have

Web Development Reading List , Tools , coding

收藏 評論

mitchlloyd 頭像

Mitch Lloyd - Write Your Next Web App With Ember CLI

When you start a fresh web project or start digging into an existing code base, chances are you’re trying to create or enhance a feature for your users. The last thing you want to do is spend time c

Frameworks , coding , Javascript

收藏 評論

thomasmaier 頭像

Thomas Maier - Useful Tips To Get Started With WordPress Hooks

Even though hooks in WordPress are amazing and everyone uses them knowingly or unknowingly, I get the impression that some advanced users and especially front–end developers still seem to avoid them

wordpress , hooks , Techniques

收藏 評論

julia-may 頭像

Julia May - Currency Design: Designing The Most Desirable Product

There is a lot to learn from banknotes design: focus on accessibility, on what is easier, safer and more convenient for the users. These principles may lead to more credible and more long–lasting de

Inspiration , Product Strategy , Design

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Desktop Wallpaper Calendars: January 2016

The new year is an occasion to start things fresh, to rethink current practices and habits. So why not start small? Clean up your desktop and give it an inspiring new background. We might have somet

Wallpapers , Graphics , templates

收藏 評論

patrickbrosset 頭像

Patrick Brosset - Revisiting Firefox’s DevTools

If you do any kind of development for the web, then you know how important tools are, and you like finding tools that make your life easier. Developing and testing new browser features, however, tak

workflow , Tools , coding , Browsers

收藏 評論

daveschools 頭像

Dave Schools - Product Design Principles: How Does Your Product Stack Up?

A company proves that it has a strong creative process by developing successful products repeatedly. We see this in companies like Apple, BMW and Google. Founders such as Steve Jobs formed a corpora

Usability , Web Design , Product Strategy , Design

收藏 評論