ポートフォリオサイト作成にあたってのメモ

js

drop.js

http://github.hubspot.com/drop/docs/welcome/ ドロップダウンをアニメーションで適用できるjs

 

unslider

coliss: http://coliss.com/articles/digress/jquery-plugin-unslider-by-idiot.html レスポンシブ対応のスライダーjs  

jquery flipster

coliss: http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-flipster.html レスポンシブ対応のフリップコンテンツを実装する軽量js  

coliss: http://coliss.com/articles/build-websites/operation/work/automatically-updating-copyright-year.html フッターの年号表記を自動更新させるjsやphpコードのまとめ  

css

ocssipital

coliss: http://coliss.com/articles/build-websites/operation/css/flexbox-grids-ocssipital.html レスポンシブ対応flexboxを使ったcss  

paradeiser

coliss: http://coliss.com/articles/build-websites/operation/css/small-mobile-navigation-paradeiser.html 軽量のcssでナビゲーション(not ハンバーガー)  

coliss: http://coliss.com/articles/build-websites/operation/css/css-centering-vertically-and-horizontally.html 高さがわからない要素を天地左右中央に配置するテクニック  

cssgram

http://una.im/CSSgram/ 写真をinstagram風に仕上げるフィルター  

crayon.css

http://riccardoscalco.github.io/crayon/ クレヨンのようなかわいいカラーが用意されたcss

 

utility opentype

coliss: http://coliss.com/articles/build-websites/operation/css/utility-classes-for-advanced-typographic.html 英数記号文字の表示を美しく豊かにするcss  

misty background experiment

http://codepen.io/AdrienBachmann/pen/YXXyWL/ 背景にアニメーションで動く霧をかける  

labyrinth

http://codepen.io/tmrDevelops/pen/avrZjr/ 美しい幾何学も酔うをcanvasで描く  

素材

高品質なテクスチャ素材まとめ

coliss: http://coliss.com/articles/freebies/freebies-textures-for-designers.html