https://avatars.githubusercontent.com/u/6058558

程式狂想筆記

[CSS] margin 排版問題(Collapsing margins)

http://geekplux.com/2014/03/14/collapsing_margins.html 垂直 https://read01.com/gm0eN.html css - Margin collapse on inline-block elements? - Stack Overflow http://stackoverflow.com/questions/25455932/margin-collapse-on-inline-block-elements collapsed margin http://geekplux.com/2014/03/14/collapsing_margins.html inline-block不會有影響 block只影響上下,左右不會 先記錄先

[CSS]width:auto不等於100%

最近在公司發現排版有問題,出現不該出現的捲軸 CSS原本以為是width:100%,應該調一下box-sizing :border-sizing 結果還是一樣有問題…. 後來發現auto,就不會有問題 不過當然要思考這兩個屬性差異 之後我認為width 沒設就是100% 但後來Google一下,發現我錯了,預設是auto (我也以為auto也是100%) ‘margin-left’ + ‘border-left-width’ + ‘padding-left’ + ‘width’ + ‘padding-right’ + ‘border-right-width’ + ‘margin-right’ = width of containing block http://www.456bereastreet.com/archive/201112/the_difference_between_widthauto_and_width100/ 身為英文苦手不知道寫什麼意思,後來有爬到中文文章 内容的寬度=‘margin-left’ + ‘border-left-width’ + ‘padding-left’ + ‘width’ + ‘padding-right’ + ‘border-right-width’ + ‘margin-right’ 如果’margin-left’ + ‘border-left-width’ + ‘padding-left’ + ‘padding-right’ + ‘border-right-width’ + ‘margin-right’比較大,就減小width的值,如果比較小呢,就增大width的值,使其滿足上面的表達式。 http://m.studyofnet.com/news/965.html 總結一下,上面意思就是width:auto後,寬度算法會'margin-left' + 'border-left-width' + 'padding-left' + 'padding-right' + 'border-right-width' + 'margin-right' >width,就會自動縮減width寬度;'margin-left' + 'border-left-width' + 'padding-left' + 'padding-right' + 'border-right-width' + 'margin-right' <width,就會自動增加width寬度

不用程式寫爬蟲記錄(Kimono Desktop)

前幾天看到無痛爬梳自己來,用 Google Spreadsheet 爬取網頁資料
就想之前的Kimono
但現在官網要收掉這個服務
不過有官網友留下kimono desktop edition 離線版程式使用(只有MAC和Windows)
目前不知道有沒有辦法移植到Linux上面玩

kimonolabs.com kimono for desktop
Create APIs with Chrome Ext v
Create APIs with Bookmarklet v v
Manage and configure APIs v v
Run APIs manually v
Run APIs on a schedule v
Cloud hosted API endpoints v (w/ Firebase)
Crawling & Pagination v v
Get data behind a login v v
Kimono Apps / Blocks v
Google sheets integration v
Webhooks & Email alerts v
Save scraped data to file v v
CSV & RSS output v v

當然離線版沒有這麼多功能,可惜沒有排程可以用
但發現他程式透過NodeJS去寫,好像可以透過API方式去實作
在此先記錄一下筆記

好用的剪貼簿

最近公司專案是用西班牙語
所以要一直參考文件貼到別的地方
一直複製 → 貼上 →複製 → 貼上→複製 → 貼上→複製 → 貼上→複製 → 貼上→複製 → 貼上… 無限迴圈
之前一些都靠Sublime Text還hold的住
現在就有點麻煩,速度感覺有變慢
就想以前有看到剪貼簿工具
但覺得用不太到…
現在發現還滿好用的