今天遇到一個情況
整串文字裡面,有穿插一張圖片
要設定這張圖片的對齊
於是google一下CSS的做法
找到了一個屬性
CSS vertical-align 屬性
連結:CSS vertical-align 屬性 – Wibibi
因為要讓圖片向上對齊
就用了
vertical-align : super;
讓圖片對齊到上標的位置
今天遇到一個情況
整串文字裡面,有穿插一張圖片
要設定這張圖片的對齊
於是google一下CSS的做法
找到了一個屬性
CSS vertical-align 屬性
連結:CSS vertical-align 屬性 – Wibibi
因為要讓圖片向上對齊
就用了
vertical-align : super;
讓圖片對齊到上標的位置
今天看了一篇文章 【8個免費工具幫助簡化前端開發的工作】
就來整理一下手邊有的資源
其實平常找工具都是透過Google
但是有些真正好的工具,其實是藏在民間
但是曾經看過卻沒有整理的資料
往往就會遺忘掉了
https://uiuxlink.hackpad.com/
這上面有很多UI/UX的資源整理
由於是hackpad,也可以補充更多資源上去
之前寫了篇Github上面的資源整理
也是可以快速找到開發資源的方式
閱讀全文 手邊可以使用的開發資源
本文主題圍繞在網站開發相關上面
最近讀了不少網路文章
就把三篇文章的心得寫在一起吧 閱讀全文 從工程師到設計師
點到這網站的時候
只是想說這兩個卡通角色竟然有特展
於是就進來看了
但是切換頁面的時候發現
竟然可以用loading的變更
切換頁面不用全部讀取
而且可以平順的切換網址
跟FB很類似的效果
網站:http://mmts40.tw/ticket/
看了一下code
網站是wordpress架設的
用到wp的一個theme的修改
叫做 Bridge,是在 themeforest 上面販賣的
仔細找一下
平順轉頁的功能是這個theme的公司自己寫的功能
gist:https://gist.github.com/Barneybook/3ad781b965264b34ee7a
theme引用的其中一個js檔,應該就是ajax換頁的功能
我貼到gist上面,其實寫的挺好的
看來需要另外找時間去把code研究研究
開始寫新的主題
把別人網站拿來研究也是不錯的主題
網站連結:http://p5jsbrush.yannest.com/
gist:https://gist.github.com/Barneybook/836248c800f5dbc0cefa
PS:避免code被刪掉,備份到gist了!!
有用到一個p5.js,感覺也是繪圖用的js
這是一個把滑鼠移動的地方塗白,點選左鍵就會塗黑的範例
這應該也很多人會用到
點選圖片以後,圖片會獨立顯示,背景會變暗
這就是燈箱效果 lightbox
名稱:fancyBox
連結:http://fancyapps.com/fancybox/
github:https://github.com/fancyapps/fancyBox
用起來還滿容易的
原文:Junior, a Front-end Framework for HTML 5 Mobile Apps
加到全端的資源整理
名稱:Junior
分類:前端framework
標籤:HTML5、mobile
官方首頁
github