デザインの勉強にもなる、CSSで実装するパンくずのまとめ
Post on:2013年10月28日
角丸や三角形、アイコンなどを添えたり、CSS3アニメーションを加えたりなど、CSSで実装するパンくずを紹介します。 機能的にはもちろんシンプルなテキストベースのものと同じですが、サイトのUIにあったデザインのパンくずも素 […]
[JS]jQuery無し、アニメーションを使ったスライダーを簡単に実装できる軽量スクリプト -slidr.js
Post on:2013年10月28日
リストや画像やdivなど、inlineでもinline-blockでもblock要素でも、アニメーションを使ったスライダーが簡単に実装できるスクリプトを紹介します。 スライドの方向も左右だけでなく、上下にも対応しており、 […]
ダウンロードしておきたいフリーのデザインフォントのまとめ -2013年10月
Post on:2013年10月25日
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 まずは、エレガントで美しいフリーフォントから。 Lousiane 個人利用無料。 Hopa 個人・商用利用無料。 ゲームにマ […]
[JS]数字や文字をクルマの走行距離計のようにぐるぐる回転させて表示するスクリプト -Odometer
Post on:2013年10月25日
数字をそのまま表示しておくのもいいですが、よりユーザーの目を引きつけるようにぐるぐると回転させて表示するスクリプトを紹介します。 Odometer Odometer -GitHub
情報やデータはその見せ方も大切、美しくデザインされたビジュアルデータのまとめ
Post on:2013年10月24日
プレゼンやインフォグラフィック、ウェブページのキャッチ用の画像など、印象的にデータや情報を見せる美しくかっこよくデザインされたビジュアルデータをdribbbleから紹介します。 Timeline of mobile re […]
[JS]画像を使わずに、テキストをかわいくサークル状に配置するスクリプト -CircleType
Post on:2013年10月24日
タイトルや見出し、キャッチなどのテキストをかわいくサークル状のパスに沿って配置するjQueryのプラグインを紹介します。 CircleType CircleType -GitHub 日本語ももちろんサークル状に配置できま […]
キュートな配色がかわいい！センスが光るUIエレメントが揃ったPSD素材
Post on:2013年10月23日
ピンクのカラーとマカロンが大好きな仏のデザイナー：Marie Dehayesが作成した、キュートなカラースキームでかわいくデザインされたUIエレメントが揃っているPSD素材を紹介します。 Freebie - Flat D […]
[JS]スクロールして次に表示するコンテンツを引っ張り上げるように表示するスクリプト -pullupScroll
Post on:2013年10月23日
スマフォやタブレットのアプリでよく見かける、次に表示するコンテンツを引っ張り上げるように少しだけ遅らせて表示するjQueryのプラグインを紹介します。 こういうちょっとしたエフェクトって、楽しいですね。 Smooth s […]
無料でしかも高品質！1ページで構成されたサイトを作るためのWordPressのテーマファイルのまとめ
Post on:2013年10月22日
キャンペーン、ギャラリー、ポートフォリオ、アプリ紹介、ランディングページ、個人ブログなど、1ページで構成されたウェブサイトを作成するWordPressのテーマファイルを紹介します。 全て無料で、レスポンシブ対応です。 M […]
[JS]異なる高さのパネルを高いものに揃えたり、指定した高さに揃えるスクリプト -Equal Column Heights 2.0
Post on:2013年10月22日
異なる高さのdivなどの要素をもっとも高いものに揃えたり、指定した高さに揃えたりする「Equal Column Heights」がバージョンアップしたので、ご紹介。 簡単に実装でき、しかもさまざまな機能が強化されました。 […]
sponsors
