個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介
TagJavaScript
流行っているのかどうか定かではありませんが、海外のサイトなどで最近よく見かける幾何学的なポリゴンアニメーションをご存知ではないでしょうか。 とてもクールで、ぜひ取り入れてみたいなあ、と思っていたところ、簡単に実装できるス
2016/02/22 | WEB,JavaScript
WEBデベロッパーのためのおすすめYouTubeチャンネルをご紹介します。 対象はHTML、CSS、JS、PHP、WordPress、Ruby on Railsなど。 動画でWEBに関する知識を学ぶ機会が増えていますが、
HTML,CSS,JSのコードを美しく整形し、?部分の指摘もしてくれるDirty Markupをご紹介します。 コードを整形してくれるサービスは多々ありますが、HTML,CSS,JSを1つのサービスで整形してくれるのはこ
2015/09/14 | WEB,css,html,JavaScript
スクロールした位置についてくる要素を実装するjQueryプラグイン「Stickyプラグイン」をまとめてご紹介します。 スクロールすると、サイドバーがくっついてきたり、メニューがついてくるサイトが一般的になっています。 こ
2015/06/29 | WEB,JavaScript
CodePenより、2014年注目のスゴワザ・テクニックが紹介されましたので、ご紹介します。 CodePenは、HTML/CSS/JavaScriptコードをシェアすることができるWebサービスです。 WEBデザインの最
2015/01/14 | WEB,css,html,JavaScript,tips
jQueryで実装できるスタイリッシュなポップアップ/モーダルウインドウ用プラグインをご紹介します。 数は全部で25種類。 簡単に実装できるものばかりなのに加えて、チュートリアル付きのプラグインもたくさんあるので、実装す
2015/01/07 | WEB,JavaScript
2014年に登場したベストなjQueryプラグインを50個ご紹介します。 レイアウト系のプラグインから、メニュー系、メディア系、スライダー系、イメージギャラリー系、テキストエフェクト系、フォーム系など、さまざまなjQue
2014/12/22 | WEB,JavaScript
ブラウザでコードが書けて実行・確認できるサービスをご紹介します。 サイトを実際に公開する前にテストするのは当然ですのことですが、できれば手早く、お金を掛けずに、サッサとテストして確認作業を済ませてしまいたいところ。 そん
2014/12/08 | WEB,css,html,JavaScript,便利
今回はクリックしたときに、静かな湖面を指で触れて波打つようなエフェクトを実装できるライブラリーをご紹介します。 ボタンやリンクにかぎらず、画像などにも適用できるので、表現の幅はいろいろと広がりそうですね。 静かな湖面を指
2014/09/11 | WEB,css,JavaScript
CSS3やWEBフォントの登場でテキスト回りの装飾がお手軽になってきましたが、1文字をだけを2〜3色で表現してみたいと思ったことはないですか? 今回ご紹介する「HalfStyle」は、CSSとjQueryを使って、文字を
2014/07/14 | WEB,css,html,JavaScript
最近よく見かける背景画像といえば、美しいボケ味の効いた画像やカラフルなピクセルパターンですが、美しくカラフルなトライアングルメッシュ画像もよく見ますよね。 今回ご紹介するのは、そんな美しいトライアングルメッシュ画像をSV
2014/04/21 | WEB,JavaScript
プログラミングやコーディングするとき、どんなフォントを使っていますか? 私の場合、Coda 2というMac用のコーディングソフトを利用してコーディングしています。 このCoda 2には、デフォルトでMigMix2Mという