博客 RSS 訂閱

sysu_xuejia 頭像

Jun 03 2016

陳學家_6174 - 精益 React 學習指南（Lean React）- 2.3 gulp

書籍完整目錄 2.3 Gulp 在前端工程化中最重要的就是流程管理，借用 gulp 可以很方便的基於流的方式定義流程任務，並將任務串聯起來，本節中將詳細介紹 gulp ，包括： gulp 介紹 gulp 是什麼 gulp 能夠解決哪些問題 gulp 核心思想和特點 gulp 安裝

gulp , react , 前端工程化 , leanreact , 前端

anselm-hannemann 頭像

Jun 03 2016

Anselm Hannemann - Web Development Reading List #140: CSS-Only Dropdowns, Toggles And HTML Sliders

In times where Facebook announces to track all web users whenever it can, it feels weird to work on disaster management tools. You may now ask why, but if you consider what data you work with in suc

Web Development Reading List , Tools , coding

Jun 02 2016

Luca Leone and Anders Schmidt Hansen - Retrofitting Zooming UI To Legacy Websites: An Impossible Task?

It’s well known that, in the ‘80s, Microsoft and Apple made the graphical user interface (GUI), the dominant interface on desktop computers. What’s less known is that the GUI, whose navigation is ba

Navigation , ux , coding , ui

sysu_xuejia 頭像

Jun 01 2016

陳學家_6174 - 精益 React 學習指南（Lean React）- 2.2 webpack

書籍完整目錄 2.2 webpack 這一節中我們將系統的講解 webpack ，包括： webpack 介紹 webpack 是什麼為什麼引入新的打包工具 webpack 核心思想 webpack 安裝 webpack 使用命令行調用

react , 前端工程化 , leanreact , 前端

davidberner 頭像

Jun 01 2016

David Berner - Battling BEM CSS: 10 Common Problems And How To Avoid Them

Whether you’ve just discovered BEM or are an old hand (in web terms anyway!), you probably appreciate what a useful methodology it is. If you don’t know what BEM is, I suggest you read about it on t

Frameworks , coding , Css , html5 , Javascript

vitaly-friedman 頭像

May 31 2016

Vitaly Friedman - Desktop Wallpaper Calendars: June 2016

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

Wallpapers , Graphics , templates

sysu_xuejia 頭像

May 30 2016

陳學家_6174 - 精益 React 學習指南（Lean React）- 2.1 前端工程化概述

書籍完整目錄 2.1 前端工程化概述在前端開發的初始階段，開發者通常只用關 html, css, javascript。但是現代化的前端開發已經不僅僅是業務代碼本身，真正的前端開發環境涉及很多方面的需求，如：開發需求共享需求性能需求部署需求這些東西我們都統一的叫做前端工程化，為了簡化前端工程化的配置，出現了很多優秀的工具比如：

react , leanreact

vitaly-friedman 頭像

May 30 2016

Vitaly Friedman - Smart Responsive Design Patterns, Or When Off-Canvas Isn’t Good Enough

Design patterns often have a bad reputation. They are often considered to be quick, lazy, off-the-shelf solutions that are applied blindly without consideration of the context of a problem. Solution

Design Patterns , Best Practices , Responsive Design , ux , coding , Web Design , ui

carlalexander 頭像

May 27 2016

Carl Alexander - A Look At The Modern WordPress Server Stack

Do you remember when you could run a “fast” WordPress website with just an Apache server and PHP? Yeah, those were the days! Things were a lot less complicated back then. Now, everything has to loa

wordpress , backend , Caching , Varnish , Nginx

anselm-hannemann 頭像

May 27 2016

Anselm Hannemann - Web Development Reading List #139: jQuery 3, Web Payment API, And ES6 Tricks

Finding our passion is a big challenge for all of us as human beings. At some point in life, we try to figure out what our purpose in this world is, what our future will look like. And for some of u

Web Development Reading List , Tools , coding

gemmachurch 頭像

May 26 2016

Gemma Church - Coworking Spaces Around The World

If you’re a footloose creative soul searching for a more affordable and friendly space than a typical rented or home office, coworking could work for you. Coworking spaces are popping up in cities

Remote Work , Networking , Inspiration , Business

sysu_xuejia 頭像

May 25 2016

陳學家_6174 - 精益 React 學習指南（Lean React）- 1.6 Flux

書籍完整目錄 1.6 flux 這一節將介紹 React 的核心應用架構模式 Flux，包括內容： Flux 介紹 MVC 架構之痛 Flux 的理解 Flux 相關庫和工具介紹 Flux 與 React 實例最後我們將會把之前的 TODOMVC 改為 Flux 的架構。 1.6.1 Flux 介紹簡單來講，Flux 是

react , leanreact

yinyin 頭像

May 25 2016

吳隱隱 - SegmentFault 2016 第一季度 Top Writer

他們不光為 SegmentFault 社區做了巨大貢獻，也為更多開發者搭起向上攀登的階梯。 SegmentFault Top Writer 是 SegmentFault 社區裏一羣卓越的開發者，除了大量產出優秀技術文章，他們還熱心幫助大家解決開發過程中遇到的問題。在他們當中，有些是全棧工程師，有些精通某一開發領域，有些擅長撰寫技術文章，提供解決方案，有些熱衷答疑解惑，幫助新手入門。 201

segmentfault-top-writer

alekshudochenkov 頭像

May 25 2016

Aleks Hudochenkov - Stylelint: The Style Sheet Linter We’ve Always Wanted

Everyone wants a clean, consistent code base, no matter the language. Developers are accustomed to setting up linters in programming languages such as JavaScript and Python, but they rarely use a li

Techniques , Tools , coding , Javascript

jonyablonski 頭像

May 25 2016

Jon Yablonski - A Guide To Personal Side Projects

Personal side projects are a cornerstone of creative growth and discovery. While they might not always result in financial gain, the long-term benefits are often much more useful. Benefits such as p

workflow , Productivity , Design

jamiekosoy 頭像

May 24 2016

Jamie Kosoy - The Making Of “Melody Jams”

After months of hard work, I’ve finally gotten my side project, Melody Jams, into the App Store. It’s been quite the adventure, and I’m thrilled to see it in the store. Seeing it live makes me refle

mobile , Apps , ios

sysu_xuejia 頭像

May 23 2016

陳學家_6174 - 精益 React 學習指南（Lean React）- 1.5 React 與 DOM

書籍完整目錄 1.5 React 與 DOM 在這一節中，主要的討論範圍為 React 與 DOM 相關的處理，包括：如何獲取 DOM 元素如何做事件響應處理表單處理 style 屬性這節講述過後，我們將會為 TODO 應用添加完整的事件響應，包括新增，刪除，標記完成等。 1.5.1 獲取 DOM 元素上一節我們已經講過組件的生

react , leanreact

jonhensley 頭像

May 23 2016

Jon Hensley - Improve Your Designs With The Principles Of Continuation And Common Fate (Part Three)

Creating an effective web design is like putting a puzzle together, with the various parts coming together to tame the chaos and form a whole, well-organized design. At the foundation of this organi

Graphic Design , Design Principles , Creativity , Inspiration , Design

aarongustafson 頭像

May 23 2016

Aaron Gustafson - Developing Dependency Awareness

I’m sure you’ve heard the proverb, “A chain is only as strong as its weakest link,” probably many times. Its written origin dates back to the 18th century, but I wouldn’t be surprised if it was much

coding , Css , jquery , Javascript

russweakley 頭像

May 20 2016

Russ Weakley - Understanding The CSS Property Value Syntax

The World Wide Web Consortium uses a particular syntax to define the possible values that can be used for all CSS properties. You may have seen this syntax in action if you have ever looked at a CSS

Accessibility , coding , Css

anselm-hannemann 頭像

May 20 2016

Anselm Hannemann - Web Development Reading List #138: Accessible Web Components And CSS And Sass Precision

From time to time you need to recalibrate your brain by experimenting with new technologies, by tracing down the performance of a certain feature or by reconsidering the environment of your project.

Web Development Reading List , Tools , coding

sysu_xuejia 頭像

May 19 2016

陳學家_6174 - 精益 React 學習指南（Lean React）- 1.4 React 組件生命週期和方法

書籍完整目錄 1.4 React 組件生命週期官方文檔 1.4.1 組件 React 中組件有自己的生命週期方法，簡單理解可以為組件從出生（實例化） - 激活 - 銷燬生命週期 hook。通過這些 hook 方法可以自定義組件的特性。除此之外，還可以設置一些額外的規格配置。這些生命週期方法都可以在調用 React.createClass 的參數對象中傳入，我們已經使用過

react , leanreact

nicobruenjes 頭像

May 19 2016

Nico Brünjes - The Safari Problem With SVG Sprites (Now Fixed)

Update (19.05.2016): The bug was just fixed by Antti Koivisto and has landed in the current update of iOS (9.3.2) and Safari for OS X 9.1.1 (11601.6.17). When a user visits a site using a SVG sprite

Sprites , coding , svg

charlesmorris 頭像

May 19 2016

Charles Morris - Looking Back: One Year Of Microsoft Edge (Videos)

Change is difficult in large corporations. But sometimes it is possible. In fact, we published Inside Microsoft’s New Rendering Engine For The “Project Spartan” when the new browser was just announc

Guides , Techniques , coding

1406 1407 1408 1409 1410