紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 bxSlider 多彩な表示方法に対応したコンテンツスライダー。 Sudo Slider 各パネルがブックマークできるコンテンツスラ
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 bxSlider 多彩な表示方法に対応したコンテンツスライダー。 Sudo Slider 各パネルがブックマークできるコンテンツスラ
2, 3, 4, 6, 9, 12, 18の均等分割をはじめ、黄金比の分割にも対応したグリッドレイアウト用のCSSのフレームワークを紹介します。 The Square Grid [ad#ad-2] The Square Gridのグリッド設計 グリッドの全幅は994pxで、両端に余白7pxをとり、残りの980pxを均等に35分割したものをベースにしています。 均等分割のカラム
デザイナー、アーティスト、フォトグラファーなどのクリエイティブな作品を発表するのに適した、モダンでミニマリズムなWordPress3.0対応のテーマファイルを紹介します。 Portfolium 1.0 WordPress Theme デモ [ad#ad-2] Portfoliumの主な特徴 Valid XHTML Strict and CSS クリーン、ミニマリズム、グリッドベースのレイアウト WordPress3.0のメニューシステムをサポート カスタムポストに対応 使いやすい jQueryのイメージスライダー サーチエンジン最適化 WordPressのポストサムネイルに対応 サムネイルの自動化 クリーンなタイポグラフィ クロスブラウザ対応(IE7+, Firefox, Opera, Safari, Chrome) ファビコンの用意はありますが、あなた自身のものを用意してください Por
Photoshopの標準機能だけで、グラデーションやレイヤースタイルをつかった美しいボタンを作成するチュートリアルを紹介します。 Photoshop For Beginners: Creating buttons for web part 1 Photoshop For Beginners: Creating buttons for web part 2 [ad#ad-2] 上記、四つのボタンのチュートリアルはPart 1, 2に分かれており、それぞれ二つずつのチュートリアルが掲載されています。 各チュートリアルはPhotoshopのキャプチャ付きなので、英語が苦手な方でもどのようなフローですすめるか理解できると思います。 ボタンはグラデーションやレイヤースタイルといった王道のテクニックだけでなく、ノイズをのせたりライトをくわえたりと細部までしっかり手がはいった作りになっています。
写真はウェブに限らず、デザインをする上で非常に重要な要素です。 ここではウェブデザインで使用する際の写真の入手から、カラースキーム、タイポグラフィとの組み合わせ方などシンプルで効果的な方法を紹介します。 Designing From a Photo: Quick Tips and Best Practices [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 写真の入手 Color Schemes Typography Bleed まとめ はじめに フォトグラフィはタイポグラフィ以来、デザインを成功させる最も素晴らしい手段です。クオリティが高い写真は程度の低いデザイナーでも素晴らしいデザイナーのように見せるでしょう。 素晴らしいフォトグラフィのデザインをするためにいくつかのテクニックとアイデアを紹介します。 写真の入手 まず第一に、デザイナーとしてあなたができる最も良い方
IE用に条件付きコメントを使用してスタイルシートを配置した際に、ブラウザのレンダリングをすこし早くするテクニックを紹介します。 ※下記の画像はクリックで拡大 Conditional comments block downloads 上:test 1の測定結果(適用前:CSSの後に読み込み開始) 下:test 2の測定結果(適用後:CSSと並列で読み込み) [ad#ad-2] 下記は上記ページを参考にしたものです。 はじめに スタイルシートの構成 test 1:ごく普通に条件付きコメントを使用 test 2:条件付きコメント使用時に並列読み込みを可能にする その他の解決方法とまとめ はじめに 条件付きコメントを使用しない場合は通常、CSSファイルと次のファイルが並列で読み込まれます。 条件付きコメントを使用した場合 詳しくは後述のtest 1:ごく普通に条件付きコメントを使用を参照 これを並
user-agentを参照せずに、IE6, 7, 8, 9の各バージョンを判定するスクリプトを紹介します。 var ie = (function(){ var undef, v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while ( div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->', all[0] ); return v > 4 ? v : undef; }());
Google Analyticsのカスタムレポートでもっとアクセス解析 Google Analyticsにはカスタムレポートという設定があり色々とカスタマイズした分析結果を表示することが出来ます。 ためしにサイトのブラウザシェアを表示してみましょう。 通常ですと、ユーザー > PC環境 > ブラウザ からブラウザシェアを見ることが出来ます。 これで、「このサイトFirefoxのシェアが44%もあるよ」とか「IEが28%ね」、「Chromeの勢いがすごい」、「たまにはOperaのことも思い出してあげてください」などが分析できます。 さらにブラウザ名をクリックすると詳細を見ることが出来ます。 これでIEのバージョンのシェアを見ることが出来ます。「IE8が60%もあるのか」とか「IE7がIE6を超えてるね」とか「IEのシェアが28%でIE6が18%ということはIE6のブラウザ全体でのシェアは4.
総務省によると世界の国の数は193(2010年1月1日現在)とのことですが、全部で240種類の国旗のアイコン素材を紹介します。 2400 Flag Icon Set [ad#ad-2] ダウンロードできるアイコンのフォーマットはPNGで、サイズは16, 24, 32, 48, 64の五種類、それぞれ立体感のあるものとフラットなものが揃っています。 アイコンのサイズは五種類 国旗アイコンのファイル名は、国名とカントリーコードの二種類があります。 アイコンの利用にあたっては個人でも商用でも無料で利用が可能です。 商用の場合は特に寄付を受け付けています、とのことです。また、足らない国旗があれば随時追加するので連絡をください、とのことです。
Top DVDのコピーには、難しい手順や高価なソフト、 高度な知識は必要ありません。 このサイトでは、完全に無料で誰にでもできる手順を まとめています。 手順は次の3項目だけです。 これだけ!!! ソフトのインストールは最初に一度やってしまえば 二回目以降は必要ありませんので、 上記手順の②と③だけを覚えてしまえば、 あなたも簡単にDVDコピーができるようになります!! 簡単すぎてびっくりしますよ。 左上の目次に沿って読んでみてください! DVDのコピーにより著作権を侵害する可能性があります。 著作権のあるDVDのコピーは行わないようにしましょう。 このサイトで紹介している手順では、コピーガードがかかっていても コピーができてしまいますのでご注意ください。 問題が生じた場合の責任等は一切持ちませんのでご了承ください。
追加したspanに個別にカラー指定したキャプチャ Lettring.JSの実装 実装は簡単です。スクリプトを外部ファイルとして指定し、下記のように記述します。
ダークグレー、シルバーグレー、反転したグレーの三種類のグラデーションを使用した各60個、計180個の無料のアイコン素材を紹介します。 Mono Gradient Icons Set: 60 Free Icons for Your Web Designs [ad#ad-2] ダウンロードできるアイコンのフォーマットはPNG, PSDの二種類で、PSDは下記のように各レイヤーやレイヤー効果が保持された状態になっています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く