自分の経験をシェアしたい。Webデザインのテクニック&効率化。

Javascript

: 見てて楽しいParicleアニメーション

2016/11/1

Flashでのリッチコンテンツ隆盛だったころに、パーティクルは憧れでした。 CodePenにあったParicleアニメーション。やっぱり眺めているだけでも楽しいです。

Javascript

: WordPressに自動でBootstrapのレスポンシブのテーブルのクラスを適用する

2016/10/12

WordpressにBootstrapのレスポンシブのtableクラスである、table-responsiveを適用する方法です。 jQueryを使うことで、ソースを扱わずに済みます。 $(funct ...

CSS Javascript wordpress

: Magnific PopupでYouTubeに関連動画を表示させない方法

2016/9/28

Youtube の動画をLightboxのようなモーダルウィンドウで表示できるMagnific Popup。レスポンシブ・デザインに対応しているので便利です。 Magnific Popup Magn ...

Javascript

: グラフが描画できる「CHARTIST.JS 」

2016/3/28

CHARTIST.JS 普段、グラフの描画は、画像が多いかと思います。動的にグラフを生成する場合には、結構困ることがあります。「CHARTIST.JS」は、 SVGで描画するライブラリです。 EX ...

Javascript

: ドロワーメニューの「simple-sidebar」の簡単なサンプル

2016/1/30

simple-sidebar スマホなどの、ドロワーメニューの追加で便利な「simple-sidebar」。サンプル通りに作っても、つまづいたので、備忘録代わりに簡単なサンプルを作りました。作り方 ...

Javascript jQuery

: 【新人向け】簡単にできた！Webサイトでよくみる技術のまとめ

2015/4/7

4月から新たにデザイナーになる人も多いのではないかと思います。クライアントやディレクターから、「あのサイトのような動きにしたい」と依頼されることも多いかと思います。そんな時に便利なものを、初心者で ...

Javascript jQuery WEBデザインコーディング

: 【CSS/JS】もっと目立たせて欲しいと言われた場合のTipsまとめ

2014/10/5

キャンペーンサイトなど、動きをつけて、もっと目立たせて欲しいなどの要望を受けることは多いのではないでしょうか。言われて探すのは結構手間がかかったりします。見栄えする動きを中心にまとめました。 Phot ...

CSS Javascript

: サイトで使われているアプリがわかる「Wappalyzer」

2014/9/23

サイトをみていて「どんなプログラムやサーバー、プラグインを使っているんだろう？」と思うことありませんか？私の場合、サイトのソースコードをみて判断するのですが、ソースが長かったり、使用しているプラグ ...

Javascript コーディング

: デザイナーでもJavaScriptやjQueryが必ず上達する3つのコツ

2013/12/1

いまやJavascriptを使わないサイトはほぼないと思います。 WEBデザイナーもJavascript、せめてjQueryは使えないと厳しい時代です。 JavaScriptやjQueryは時間をか ...

Javascript jQuery