atom

今注目のテキストエディタ「Atom」の使い方と便利機能まとめ
https://blog.codecamp.jp/atom_utility

広告

emacsを入れてみるメモ

GNU Emacs
https://www.gnu.org/software/emacs/

Homebrew
http://brew.sh/

HomeBrewの仕組みについてまとめておく

Linuxコマンド集
http://itpro.nikkeibp.co.jp/article/COLUMN/20060224/230573/

MacにHomebrewでEmacsを導入&便利なエイリアスで起動速度UP

MacにHomebrewでEmacsを導入&便利なエイリアスで起動速度UP

Emacsのオススメ基本設定まとめ(.emacs.el)
http://qiita.com/yn01/items/b8d3dcb5be9078a6e27f

js

jQuery Freetile のサンプル・デモ

http://on-ze.com/demo/jquery-freetile/

jQuery Nested

http://suprb.com/apps/nested/

パネル要素をタイルのごとく敷き詰めるjQueryプラグインまとめ

http://matome.naver.jp/odai/2136089272724471701

Responsive Image Gallery

http://kwski.net/jquery/1056/
レスポンシブに対応した画像ギャラリーが実装できる

https://blog.codecamp.jp/jquery_video_plugins/

BIGVIDEO.JS

http://tympanus.net/Tutorials/BigVideoSlideshow/

YoutubeやVimeoなどの埋め込み動画を簡単にレスポンシブ対応させる方法

http://www.panarea-is.com/youtube%E3%82%84vimeo%E3%81%AA%E3%81%A9%E3%81%AE%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E5%8B%95%E7%94%BB%E3%82%92%E7%B0%A1%E5%8D%98%E3%81%AB%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96/

画像を白黒にするjQueryプラグイン 「jQuery.BlackAndWhite」

IE6もOK!画像を白黒にするjQueryプラグイン 「jQuery.BlackAndWhite」

IE6もOK!

css

均等分割されていないBootstrapの .nav-justified を均等分割(均等割)に修正

http://dtp.jdash.info/archives/Bootstrap_nav-justified_CSS_Fixed

BootstrapでTogglable tabs機能

http://punio.org/blog/201312281842HCSW.html
http://hack.aipo.com/archives/2034/

動きがあって可愛い参考サイト

CHProduction

http://channel-pro.com/
シンプルだけどふわっとした細かいうごきとか好み

MOUTAKUSANDA MAGAZINE

http://moutakusanda.com/
演出がおもしろい

傷物語

http://www.kizumonogatari-movie.com/
レスポンシブだった

京都水族館

http://www.kyoto-aquarium.com/wp/jellyfish/
浮遊感しかない

MOEKO ABE

http://abemoeko.com/

caaaaaaaaaat

http://roxik.com/cat/
どうなってるんでしょう

石垣島

http://usioproject.com/ishigakinow/
波かわいい

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

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