搜索
首页web前端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的角色:构建Web内容HTML的角色:构建Web内容Apr 11, 2025 am 12:12 AM

HTML的作用是通过标签和属性定义网页的结构和内容。1.HTML通过到、等标签组织内容,使其易于阅读和理解。2.使用语义化标签如、等增强可访问性和SEO。3.优化HTML代码可以提高网页加载速度和用户体验。

HTML和代码:仔细观察术语HTML和代码:仔细观察术语Apr 10, 2025 am 09:28 AM

htmlisaspecifictypefodyfocusedonstructuringwebcontent,而“代码” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1)htmldefineswebpagertuctureduseTags.2)“代码”代码“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract

HTML,CSS和JavaScript:Web开发人员的基本工具HTML,CSS和JavaScript:Web开发人员的基本工具Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构,使用标签如、等。2.CSS控制网页样式,使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互,通过事件监听和DOM操作。

HTML,CSS和JavaScript的角色:核心职责HTML,CSS和JavaScript的角色:核心职责Apr 08, 2025 pm 07:05 PM

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

HTML容易为初学者学习吗?HTML容易为初学者学习吗?Apr 07, 2025 am 12:11 AM

HTML适合初学者学习,因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓,易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高,可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML中起始标签的示例是什么?HTML中起始标签的示例是什么?Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

如何利用CSS的Flexbox布局实现菜单中虚线分割效果的居中对齐?如何利用CSS的Flexbox布局实现菜单中虚线分割效果的居中对齐?Apr 05, 2025 pm 01:24 PM

如何设计菜单中的虚线分割效果?在设计菜单时,菜名和价格的左右对齐通常不难实现,但中间的虚线或点如何...

在线代码编辑器究竟用什么HTML元素实现代码输入?在线代码编辑器究竟用什么HTML元素实现代码输入?Apr 05, 2025 pm 01:21 PM

网页代码编辑器中的HTML元素分析许多在线代码编辑器允许用户输入HTML、CSS和JavaScript代码。最近,有人提出了一...

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

mPDF

mPDF

mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

螳螂BT

螳螂BT

Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器