찾다
웹 프론트엔드HTML 튜토리얼Issue 24 國民黨不倒,台灣不會好

Hello World

CodeTengu Weekly 碼天狗週刊

CodeTengu Weekly 會在 GMT+8 時區的每個禮拜一早上 10:00 出刊,每一期會從目前的 curator 名單中選出三位來負責當期的內容,每一位 curator 各自負責不同的領域,如果你在這一期沒有看到自已感興趣的東西,說不定下一期就會有了。

你也可以瀏覽一下前幾期的內容,有價值的東西是不會過時的。

以下是目前的 curator 陣容:

  • @vinta - I failed the Turing Test - 無法通過圖靈測試的程序員
  • @saiday -Imnotyourson - 捷運飲食推廣委員會
  • @tzangms -Oceanic / 人生海海 - 衝動型購物
  • @fukuball -ImFukuball
  • @wancw - 求職中的 Full-stack Developer,意者內洽
  • @adamp33 -看棒球才是正職,副業是前端工程師
  • @kako0507 - 熱愛嘗試新事物的前端工程師
  • @chiahsien -Nelson
  • @mingderwang

大家也可以 follow 一下 CodeTengu 的Facebook、Twitter 或GitHub,有很多 Weekly 看不到的內容。有任何建議或疑問也可以來Gitter 聊一聊,歡迎亂入 :japanese_goblin:

致力於解決開發者之間的資訊不對稱  

@tzangms

Growth Hacking 不只是 Creative Marketing,別忽略背後的資料科學與方法論

最近 Growth Hacking 鬧的沸沸揚揚的, Cubie 創辦人@tempofeng 的這篇文章, 我覺得非常有見地, 不愧是 tempo 哥。

tempo.tw  

Mature Developers - 成熟的開發者

成熟的開發者有哪些特質? 我個人覺得這篇值得一看, 特別是 Tech Lead 這個角色, 或是正在準備成為 Tech Lead 的人, 看看自己是否滿分? 或是還有哪些點得加強一下。

squeakyvessel.com

Learnings from Building reread.io

這是reread.io 的作者@winstonyw 寫的文章, reread.io 是一個 Pocket 的工具。 因為很多人都跟作者一樣, 存了很多文章進 Pocket, 但是也不會去讀, 或是忘記。 而 reread.io 則是可以每天寄一封 email 給你自己, 幫助你可以讀完先前存下來的東西。

我先前雖然已經從 Pocket 跳槽到 Instapaper 了 , 不過因為 Pocket 還是有很多書籤, 所以一直有用 reread.io 來閱讀以及清理先前存下來的文章。

reread.io 是作者的 weekend project, 這篇則是在紀錄他從開發後, 開始作一些行銷的東做紀錄, 甚至被 Pocket 聯絡, 邀請他去講 reread.io。

雖然 reread.io 沒有爆發式的成長, 或是很漂亮的數據, 不過我覺得 side project 就是要拿來這樣玩, 可以從中學到很多東西, 驗證你的想法, 學習如何行銷自己的作品。

最後 reread.io 居然Open Source 了! 大家去看看文章吧!

medium.com

‘Give Away Your Legos’ and Other Commandments for Scaling Startups

Molly Graham, 現任 Quip 的 COO, 之前待過 Google, Facebook, 都經歷過公司員工人數快速成長爆發的時期。

If you personally want to grow as fast as your company, you have to give away your job every couple months.

公司人數成長太快, 快到每幾個月, 你就得放掉手上的工作, 交給別人, 往更高更宏觀的工作方向走, 如果放不掉手上的工作, 沒跟著公司成長的速度, 很容易就會變成公司瓶頸。

文章裡面也提到很多關於招人以及公司文化, 我覺得挺有趣的, 要是在這種爆發的公司一定會很焦慮, 但是也會很有挑戰性吧 (笑)

其中也提到一個會讓人會心一笑的點:

A week ago, someone might have told you they hate their Legos and want to get rid of them. But as soon as you hire someone else, they suddenly want to hang on to all of them.

firstround.com

本週 IG: @90_allie

因為這電子報系統好像沒辦法放動態 gif 檔, 只好直接貼連結了:

http://cdn.koreaboo.com/wp-content/uploads/2016/01/loi.gif

上面這個是最近韓國網民瘋傳的棒球啦啦隊的動態 GIF, 一看就覺得戀愛了, 所以就去找了一下她的資料, 跟大家分享一下。

instagram.com

@adamp33

台灣真的有這麼多公司使用 React.js?

一篇面試文在台灣前端圈引起討論,這位牛人面試了 22 家公司的前端職位,從過程中不難看出技術走向,同時也對於台灣網路公司普遍對於前端知識的缺乏,能有一個前端團隊的公司相當稀少,更遑論面試時能夠評估一個前端工程師的能力。

另外也從中看到技術趨勢的轉變之快,React.js 公開後約一年多的時間,在前端圈子中幾乎成為「新潮」的代名詞,許多公司紛紛採用,連 Yahoo! 也不例外。這幾年追逐 framework 的情況越來越盛,backbone.js、angularJS 到 React.js,更迭速度之快,更讓人覺得投資在語言本身,打好基礎才是不變應萬變之道。

ptt.cc

用純 CSS 實現滾動視差(Parallax Scrolling)

一般的滾動視差網頁都是以 JavaScript 來處理畫面元素移動速度,但你有想過用 CSS 的 3D 視角來做嗎?這一篇教你如何用 translate3d 和 perspective 屬性達到滾動式差的效果,相當神奇!

keithclark.co.uk

colorfilter.css

Spotify 的音樂清單中,多以雙色的照片來呈現風格,一個開源專案利用 CSS 的 mix-blend-mode 與 filter 屬性做出類似的效果,內建多種組合,而且相當好上手。

demo

github.io  

@chiahsien

DVTPlugInCompatibilityUUIDifier

Xcode 絕對是大多數 Mac / iOS 開發者的首選 IDE,但不可否認的它真的很陽春。還好有許多熱心的開發者貢獻了一大堆 plugins,幫 Xcode 加上了許多實用的功能。只是由於先天架構的限制,只要 Xcode 版本更新,原有的 plugins 就會失效。不過再也不用擔心了,只要安裝了這個 plugin(它其實是一隻看門狗),就會自動升級所有 plugins 的相容性!

延伸閱讀:

  • 必備的 Xcode plugins

github.com

Difference between nullable, __nullable and _Nullable in Objective-C

前幾天在跟同事討論要統一程式碼風格,就聊到了要使用 nullable 、 __nullable 、還是 __Nullable 。StackOverflow 上的這篇文章講解的很清楚,值得把它記錄下來以便隨時參考。

stackoverflow.com  

Upgrading to RxSwift - Artsy Engineering

任職於 Artsy 的 Ash Furrow 是一位 Functional Reactive Programming 的愛好者,他寫了一本 Functional Reactive Programming on iOS 教大家如何用 ReactiveCocoa 寫 FRP。

不過在 Swift 推出之後,雖然 ReactiveCocoa 也有跟著推出 Swift 版本,他卻棄而改用 RxSwift,這篇文章解釋了他這麼做的理由。

延伸閱讀:

  • ReactiveX API
  • Interactive diagrams of Rx Observables

github.io

Open source Swift: weekly brief

Swift 不愧是最受矚目的程式語言,打從它開放原始碼之後,建議與修改就源源不絕襲來,一般人很難跟得上它更新的進度。還好國外有位熱心工程師,幫我們整理了 Swift 社群的每週更新摘要,只要看一下就可以大致瞭解該週又有什麼變化。

jessesquires.com

解耦神器 —— 统跳协议和 Rewrite 引擎

中國大陸的天貓 app 是一個龐然大物,它們的流量規模已達千萬等級,並且至少有十個團隊在直接維護天貓 app。當團隊跟產品長到這麼大之後,整個架構的好壞將直接影響團隊們是否能夠順利合作、功能是否能夠輕易修改。這篇文章分享了天貓如何設計架構讓界面解耦,以及如何在任意頁面之間跳轉。

延伸閱讀:

  • Improve your iOS Architecture with FlowControllers
  • Architecting iOS Apps with VIPER

pingguohe.net

Two Legs Bad

立委投票「超級」指南:真正重要的事,你為什麼還不關心?

這個禮拜六 1 月 16 日就是選舉日啦,大家記得一定要去投票吶!

thenewslens.com

立委投票指南

我相信大家對於要投給哪一組總統候選人,心裡都應該已經有個底了。不過,如果你是那種「 完全不想投給民進黨,卻又 覺得想投給國民黨的自己似乎有點可恥 ,所以乾脆把票投給宋楚瑜好了(可是心裡還是有點掙扎) 」的人,在這裡告訴你一個解套的辦法:其實你可以不要去投票。

至於立委選舉,如果你也還沒決定要投給誰,你可以參考看看這一份由 g0v 製作的「立委投票指南」。你可以在上面看到每一位立委對於各個法案的表決,哪些人反對、哪些人贊成。例如底下的這兩項表決,大家可以點進去感受一下:

  • 反對刪除軍公教 18%、總統國務機要費的立委
  • 反對調高基本工資的立委

g0v.tw

2016 各政黨重視勞工權益評分表

如果你也還沒決定要把政黨票投給哪一個政黨,你可以看看這一份「前三大政黨資產比較表」和「 2016 各政黨重視勞工權益評分表 」,然後感受一下自己無產階級的身份、那些加班卻沒有加班費的夜晚和這社會上的貧富差距,再來好好地決定你要投給哪一個政黨。

以上來自@vinta 的分享。

facebook.com  

Otaku is the New Sexy

要去哪裡搭訕一個不愛出門的好女人?

答案就是 1 月 16 日的投票所!

可是要怎麼跟她搭話呢?身為一個不愛出門的好女人,讓我告訴你吧少年,在投票所當監票人員就是你的正解了!而且成為志工選填自己要去監票的投票所,還會馬上得到任務夥伴的資料呢!試想如果真的發生停電這種鳥事,馬上打開手電筒的你豈不是既帥氣又冷靜,再說,平常像個叛逆之子 (主圖漫畫) 但認真起來主持正義的少年可是很有魅力的。

新井英樹的《叛逆之子》,描寫一名孤兒小學生重返社會後,積極反抗各種僵化的社會體制,是一部讓人看了既熱血又不停捏著冷汗放不開的作品,在這特別的時刻,推薦給叛逆的你。

前進吧!少年,今年,你的桃花開在投票所啊!

但是如果她特別關心 KMT 的票數就算再正都要忍住啊!

以上來自@autisticcat 的分享!

hsfideas.tw

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
HTML : 프로그래밍 언어입니까 아니면 다른 것입니까?HTML : 프로그래밍 언어입니까 아니면 다른 것입니까?Apr 15, 2025 am 12:13 AM

Htmlisnotaprogramminglanguage; itisamarkuplanguage.1) htmlstructuresandformatswebcontentusingtags.2) itworksporstylingandjavaScriptOfforIncincivity, WebDevelopment 향상.

HTML : 웹 페이지 구조 구축HTML : 웹 페이지 구조 구축Apr 14, 2025 am 12:14 AM

HTML은 웹 페이지 구조를 구축하는 초석입니다. 1. HTML은 컨텐츠 구조와 의미론 및 사용 등을 정의합니다. 태그. 2. SEO 효과를 향상시키기 위해 시맨틱 마커 등을 제공합니다. 3. 태그를 통한 사용자 상호 작용을 실현하려면 형식 검증에주의를 기울이십시오. 4. 자바 스크립트와 결합하여 동적 효과를 달성하기 위해 고급 요소를 사용하십시오. 5. 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함되며 검증 도구가 필요합니다. 6. 최적화 전략에는 HTTP 요청 감소, HTML 압축, 시맨틱 태그 사용 등이 포함됩니다.

텍스트에서 웹 사이트로 : HTML의 힘텍스트에서 웹 사이트로 : HTML의 힘Apr 13, 2025 am 12:07 AM

HTML은 웹 페이지를 작성하는 데 사용되는 언어로, 태그 및 속성을 통해 웹 페이지 구조 및 컨텐츠를 정의합니다. 1) HTML과 같은 태그를 통해 문서 구조를 구성합니다. 2) 브라우저는 HTML을 구문 분석하여 DOM을 빌드하고 웹 페이지를 렌더링합니다. 3) 멀티미디어 기능을 향상시키는 HTML5의 새로운 기능. 4) 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함됩니다. 5) 최적화 제안에는 시맨틱 태그 사용 및 파일 크기 감소가 포함됩니다.

HTML, CSS 및 JavaScript 이해 : 초보자 안내서HTML, CSS 및 JavaScript 이해 : 초보자 안내서Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

HTML의 역할 : 웹 컨텐츠 구조HTML의 역할 : 웹 컨텐츠 구조Apr 11, 2025 am 12:12 AM

HTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.

HTML 및 코드 : 용어를 자세히 살펴 봅니다HTML 및 코드 : 용어를 자세히 살펴 봅니다Apr 10, 2025 am 09:28 AM

"Code"는 "Code"BroadlyIncludeLugageslikeJavaScriptandPyThonforFunctureS (htMlisAspecificTypeofCodeFocudecturecturingWebContent)

HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구Apr 09, 2025 am 12:12 AM

HTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.

HTML, CSS 및 JavaScript의 역할 : 핵심 책임HTML, CSS 및 JavaScript의 역할 : 핵심 책임Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
1 몇 달 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는