博客 RSS 訂閱

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

收藏 評論

Una Kravets - Web Image Effects Performance Showdown

As browsers constantly improve their graphical rendering abilities, the ability to truly design within them is becoming more of a reality. A few lines of code can now have quick and dramatic visual

coding , webgl , Responsive Images , Css , svg

收藏 評論

陳學家_6174 - 精益 React 學習指南 (Lean React)- 1.3 React 組件

書籍完整目錄 1.3 React 組件 1.3.1 React 組件介紹 在 React 中組件是第一元素,是 React 的基礎,一個 React 應用就是基於 React 組件的組合而成。 前面的 JSX 練習過後,大家應該對 React 組件不陌生了,在這一節我們將温習以及深入學習 React 組件。 1.3.2 創建一個 React 組件 創建一個 React 組件的方法為,

react , leanreact , HTML , Javascript

收藏 評論

Garin Evans - Why Great Products Need Great Collaboration

Development and design working together makes better products for our users. Design and usability decisions have a big impact on the developers who implement them, and, ultimately, on the experience

Teams , Communication , Business

收藏 評論

Arianna Aondio - 5 Simple Steps To Test Your Varnish Cache Deployment Using Varnishtest

Varnish Cache is an open-source HTTP accelerator that is used to speed up content delivery on some of the world’s top content-heavy dynamic websites. However, the performance or speed that a newcome

performance , Caching , Varnish , Sponsored Content , coding

收藏 評論

陳學家_6174 - 精益 React 學習指南 (Lean React)- 1.2 JSX 語法

書籍完整目錄 1.2 JSX 語法 官方文檔 https://facebook.github.io/react/docs/jsx-in-depth.html JSX 語法聽上去很討厭,但當真正使用的時候會發現,JSX 的寫法在組件的組合和屬性的傳遞上提供了非常靈活的解決方案。 在學習本節的時候,希望讀者在閲讀的同時能夠實際編碼體驗 JSX ,寫代碼的意思是真的要寫.代.碼。 1.2.

react , leanreact , HTML , html5

收藏 評論

捏造的信仰 - 你為什麼學不好編程

不只是論壇看到的,羣裏看到的,現實中看到的,很多人學了幾個月,甚至一兩年,結果水平實在不行,自己都看不下去。關於這事我想説點個人看法。 第一個問題就是,你究竟把編程當成什麼,你怎麼來學編程的。相信大部分人的回答就是:出來混碗飯吃。 這就對啦。幹哪行不是首先要混個飯吃?學編程混飯吃,有科班出身的,有其他行業轉行來的。要強調的一點是,你打算混飯吃,就要想清楚,你到底靠什麼混飯吃。當你成功找到工作時,你

我的編程之路

收藏 評論

李英傑同學 - Python 讀寫excel文件

最近需要用到Python來操作excel表,讀取表格內容到數據庫。所以就搜索了相關資料。 查找了一下,可以操作excel表的幾個庫有以下幾個: openpyxl 這個是推薦使用的庫,可以讀寫Excel 2010以上格式,以.xlsx結尾的文件。 xlsxwriter 這個支持.xlsx,但是隻支持寫入,格式化等操作,不支持讀取。 xlrd 這個支持讀取數據,支持以xls結尾

xlswt , pythonc操作excel , excel , openshift , Python

收藏 評論

Laurence Ivil & Paul Myles - Designing A Dementia-Friendly Website

Some well-established web design basics: minimize the number of choices that someone has to make; create self-explanatory navigation tools; help people get to what they’re looking for as quickly as

UX Design , Accessibility , ux

收藏 評論

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

Lean React 目前本書正在撰寫過程中,將這個目錄結構先發出來,希望能得到更多讀者的反饋,有興趣的朋友可以回覆訂閲更新 關於 應該是在 2013 年我還在天貓的時候,在一次團隊會議中 Teamleader 邀請了來自 Facebook 的前端工程師來分享他們的開發棧,其中就有提到 React,當説到它有自己的獨特語法的時候(JSX 語法),我對此不屑一顧,認為這樣的前端框架只會曇花一現,頂

react , leanreact

收藏 評論

Steven Lambert - Creating A Living Style Guide: A Case Study

Living style guides are an important tool for web development today, especially in large, complex web applications. They help document styles and patterns, keep designers and developers in sync, and

workflow , Style Guides , Design Systems

收藏 評論

Anselm Hannemann - Web Development Reading List #137: The New Let’s Encrypt Client And SSH Shortcuts

This week reminded me again of how refreshing attending a conference can be. As mentioned, I was at beyondtellerrand and, apart from meeting new people, I mostly enjoyed the inspiration I got from l

Web Development Reading List , Tools , coding

收藏 評論

Vitaly Friedman - 40 Otherworldly Space Icons [Freebie]

We’ve featured a lot of different icon sets in the past, but we still haven’t had one dedicated to rockets, satellites and solar systems (well, don’t forget supernatural aliens as well). There’s so

Icons , Freebies , templates

收藏 評論

Scott Lewis - 6 Easy Steps To Better Icon Design

This article discusses a set of design guidelines in six steps. The steps follow the basics of sound icon design, including consistency, legibility and clarity. The principles of effective icon desi

Graphic Design , Web Design , Design

收藏 評論

Andy Fitzgerald - Content-First Prototyping

Content is the core commodity of the digital economy. It is the gold we fashion into luxury experience, the diamond we encase in loyalty programs and upsells. Yet, as designers, we often plug it in

ux , Content , Prototyping

收藏 評論

cheky - 青春十年 —— 一個普通IT人的十年回顧

我2005年大學畢業,到2015年正好十年,源於大學畢業十年聚會的契機,我想認真回顧一下這些年走過的路。這篇文章主要記錄我大學畢業後如何進入軟件開發的行業,以及在做開發的過程中的經歷。 一、灰暗歲月 2005年,我畢業於西安一所普通的大專院校,大學三年的課程中學習了多種編程語言,但每種語言只講一學期,也就講一些基礎知識,自己也沒有好好學習,所以畢業時我寫程序的能力也就是寫個HelloWorl

我的編程之路

收藏 評論

Michael Riethmuller - Responsive And Fluid Typography With vh And vw Units

Embracing fluid typography might be easier than you think. It has wide browser support, is simple to implement and can be achieved without losing control over many important aspects of design.

Responsive Design , mobile , Typography , coding , Css

收藏 評論