CSS 垂直置中的七個方法

  • 設定行高 ( line-height )
  • 添加偽元素
  • calc 動態計算
  • 使用表格或假裝表格
  • transform
  • 絕對定位
  • 使用 Flexbox

將Layout圖檔轉成網頁Screenshot-to-code-in-Keras

Turning design mockups into code with deep learning

This is the code for the article 'Turning design mockups into code with deep learning' on FloydHub's blog.

Within three years deep learning will change front-end development. It will increase prototyping speed and lower the barrier for building software.

The field took off last year when Tony Beltramelli introduced the pix2code paper and Airbnb launched sketching interfaces.

Currently, the largest barrier to automating front-end development is computing power. However, we can use current deep learning algorithms, along with synthesized training data, to start exploring artificial front-end automation right now.

jQuery slimScroll

 

What is slimScroll?

slimScroll is a small (4.6KB) jQuery plugin that transforms any div into a scrollable area with a nice scrollbar - similar to the one Facebook and Google started using in their products recently. slimScroll doesn't occupy any visual space as it only appears on a user initiated mouse-over. User can drag the scrollbar or use mouse-wheel to change the scroll value.

css-element-queries

CSS-Element-Queries Polyfill. proof-of-concept for high-speed element dimension/media queries in valid css.

WordPress 的備份外掛

Wordpress的外掛來來去去很多,有的可能一年以上沒更新,有的持續在更新,很難說現在用的好的未必可以一直都用下去,也或許之後會有更好的外掛出來。畢竟備份外掛有個問題就是備份整個網站的時候,網站系統資源會吃緊,或者檔案越來越大時,處理備份占用時間拉長,或是整個網站當掉進不去,有這些外掛也沒用等等~外掛順序依照人數使用多少排列,還有數據庫和網站的備份都是有風險的,不能萬無一失,有時土法煉鋼的是費時方法也不失為一種方式,像我自己是沒有裝任何一個備份外掛,只是到虛擬主機的後台,定時下載備份資料庫還有網站壓縮備份。