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

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

広告

投稿者: aym

機械音痴がweb関係の仕事をはじめました。物忘れの激しさに定評あり、自分の備忘録としてblog作成。主にweb、カメラについて学習・経験したことのメモ。将来的には素材とかも置きたい。本年こそ本気だす所存。