-
ミニマリズムにした映画ポスターのまとめ | コリス coliss.com
Archive by month 2011年9月 (41) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51) 2011年5月 (46) 2011年4月 (45) 2011年3月 (33) 2011年2月 (43) 2011年1月 (40) 2010年12月 (48)... 続きを読む
-
ページをレトロ風に演出する、刺繍のステッチがかわいいリボンのPSD... coliss.com
Archive by month 2011年9月 (40) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51) 2011年5月 (46) 2011年4月 (45) 2011年3月 (33) 2011年2月 (43) 2011年1月 (40) 2010年12月 (48)... 続きを読む
-
ウェブデザインにおけるヴィジュアルのバランスを実現する5つの方法... coliss.com
エレメント同士を水平に配置したり、垂直に配置したり、またそれが対称だったり非対称だったりなど、ウェブデザインでヴィジュアルのバランスを実現する5つの方法とバランスに大きな影響を与える5つの要素を紹介します。 下記は各ポイントを意訳したものです。 はじめに バランスの5つのタイプ バランスの5つ... 続きを読む
-
漢字もある! 全360種以上のミニサイズ(4~15px)のフリーのピクセ... coliss.com
英語・数字・記号だけでなく、日本語の漢字やカタカナまで揃ってるフリーのピクセルフォントをを紹介します。 ダウンロードできるフォントは、すべて個人でも商用でも無料利用できます! Akashic Design -無料ピクセル [...] 続きを読む
-
[JS]地味なフォームを簡単にかわいらしいデザインにする -Ideal Form... coliss.com
スタイル:Comix Ideal Formsの主な特徴 フォームに美しい外観を与える軽量(14Kb)のスクリプト。 カスタマイズも簡単で、非常に使いやすいです。 画像は必要なく、スタイルシートでデザインを適用しています。 Ideal Formsの実装 ファイルのアップロード 以下の2つをフォル... 続きを読む
-
[CSS]あなたのウェブページにキーフレームを使ったアニメーションを... coliss.com
キーフレームを使ったCSS3アニメーションの入門として、ウェブページにちょっとしたアニメーションを適用するチュートリアルを紹介します。 下記は各ポイントの意訳です。 CSS3アニメーションとは アニメーションでドロップダウンするヘッダ 透過PNGを使ったカラーアニメーション 回転するローディン... 続きを読む
-
これはかなりの優れもの、スマートフォン・タブレット対応WordPress... coliss.com
デモページを幅600pxで表示 Skeletonの主な特徴 Formalizeを使用して各ブラウザ間のエレメントの相違に対応。 Skeletonを使用してMedia Queriesを使った可変カラムに対応。 Option Frameworkを使用してテーマオプションのカスタマイズが可能。 bb... 続きを読む
-
[JS]iPhone, iPad対応、パネルを雑誌のようにぺらっとめくるスクリプ... coliss.com
FlipPageの実装 HTML 画像を配置したdiv要素をdiv要素で内包します。 <div id="exemples"> <div><img src="img1.jpg" style="margin-left: 0px;" /></div> <div><img src="img1.jpg"... 続きを読む
-
小さくてもくっきり、ミニサイズのフリーのピクセルフォントのまとめ... coliss.com
Archive by month 2011年9月 (34) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51) 2011年5月 (46) 2011年4月 (45) 2011年3月 (33) 2011年2月 (43) 2011年1月 (40) 2010年12月 (48)... 続きを読む
-
日本語もOK ! テキストにかっこいいカーボンのエフェクトを与えるPSD... coliss.com
Archive by month 2011年9月 (33) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51) 2011年5月 (46) 2011年4月 (45) 2011年3月 (33) 2011年2月 (43) 2011年1月 (40) 2010年12月 (48)... 続きを読む
-
[JS]確認用の美しいグリッドをウェブページに表示する -The Heads-Up... coliss.com
- コンピュータ・IT
- jquery javascript 検証 グリッド jQueryプラグイン
- 40 users
- 2011/09/15
ウェブページの確認用にグリッドをオーバーレイで表示するjQueryのプラグインを紹介します。 似たものはいくつかありますが、Responsive Web Designに対応したものを紹介するのは始めてです。 The Heads-Up Gridの設置 外部ファイル 「jquery.js」と当スク... 続きを読む
-
WordPressのパーマリンクを最適化する.htaccessの設定いろいろ | コ... coliss.com
下記は各ポイントを意訳したものです。 年/月/日のパーマリンクを年だけに変更 削除したページのリダイレクト 機能を失ったページを消す カテゴリ内の全部を別のサイトへ 年/月/日のパーマリンクを年だけに変更 パーマリンクの構造を下記のように設定した年/月/日を年だけに変更します。 パーマリンクの... 続きを読む
-
商用利用も無料、Facebookファンページの作成に役立つPSD素材(ワイ... coliss.com
ピクセル単位で正確につくられた、FacebookファンページのGUIがまとめられたPSD素材を紹介します。 Freebie: Facebook Fan Page GUI PSD FacebookファンページのPSD素材は [...] 続きを読む
-
[JS]さまざまな要素をダイナミックなアニメーションでズームさせるス... coliss.com
Zoomoozの対応ブラウザ Zoomoozの対応ブラウザは下記の通りです。 IE9 Firefox3.6+ Safari3+ Chrome Opera Zoomoozの実装 Zoomoozをページに実装するには、外部ファイルを指定します。 外部ファイル <link rel="styleshe... 続きを読む
-
[JS]Responsive Web Designに対応したカルーセルタイプのスライダー ... coliss.com
Elastislideの実装 HTML 各画像はリスト要素で配置し、スライダーを可変にするためにdiv要素で内包します。 <div id="carousel" class="es-carousel-wrapper"> <div class="es-carousel"> <ul> <li> <a... 続きを読む
-
Responsive Web Design用のHTML5+CSS3のテンプレート素材 | コリス coliss.com
iPhone, Androidのスマートフォンなどの小さいスクリーンから、デスクトップの大きいスクリーンまで、それぞれの表示サイズに合わせて最適なレイアウトを提供するHTML5+CSS3のテンプレートを紹介します。 サイズ変更時はレイアウトの一部がアニメーションで移動し、面白い仕掛けにも利用で... 続きを読む
-
創造力と遊び心がくすぐられるHTML5でつくられたウェブサイトのまと... coliss.com
Archive by month 2011年9月 (25) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51) 2011年5月 (46) 2011年4月 (45) 2011年3月 (33) 2011年2月 (43) 2011年1月 (40) 2010年12月 (48)... 続きを読む
-
Twitter, Facebook, Google+1などソーシャルメディアを活用するWordP... coliss.com
Twitter, Facebook, Google+1などのボタンの一括管理、各メディアを省スペースに配置するパネル、ソーシャルメディアを活用するWordPressのプラグインを紹介します。 紹介するプラグインは、2種類 [...] 続きを読む
-
[CSS]ホバー時にアニメーションでふんわりと浮かぶナビゲーション | ... coliss.com
CSS3 Flying Menuのデモ デモでは他にも、ふんわりと浮かびつつ、ハイライトされるものもあります。 デモページ CSS3 Flying Menuの実装 HTML:ふんわりと浮かぶタイプ 各アイテム(アイコンとテキスト)をリスト要素で実装します。 <ul id="fly-menu">... 続きを読む
-
全653種、商用利用無料、再配布可能な太っ腹のフリーアイコン -Defau... coliss.com
全653種、商用利用無料、再配布可能だけでもすごいですが、更にベクターのEPS付きとフリー素材として至れり尽くせりのアイコンを紹介します。 アイコンのデザインもシンプルなので、使い勝手もよさそうです。 Default I [...] 続きを読む