博客 RSS 訂閱

陳學家_6174 - 精益 React 學習指南 (Lean React)- 2.3 gulp

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

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

收藏 評論

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

收藏 評論

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

收藏 評論

陳學家_6174 - 精益 React 學習指南 (Lean React)- 2.2 webpack

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

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

收藏 評論

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

收藏 評論

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

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

react , leanreact

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

陳學家_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

收藏 評論

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

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

segmentfault-top-writer

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

陳學家_6174 - 精益 React 學習指南 (Lean React)- 1.5 React 與 DOM

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

react , leanreact

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

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

react , leanreact

收藏 評論

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

收藏 評論

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

收藏 評論