黄金比や白銀比などを使用して、緻密で美しいグリッドを設計したり、設計したグリッドを表示・確認できるアプリケーション・オンラインサービスの紹介です。 アプリケーション関連
黄金比などを使用して、緻密で美しいグリッドを設計できるツール集 | コリス
黄金比や白銀比などを使用して、緻密で美しいグリッドを設計したり、設計したグリッドを表示・確認できるアプリケーション・オンラインサービスの紹介です。 アプリケーション関連
デザインセンスを刺激するインスピレーションサイト10選
デザインセンスを刺激して、インスピレーションを与えるサイトの10選です。 Pattern Tap ボタンや背景・線などエレメントごとのデザイン集 StyleCrunch クールなデザインでスタンダード
指定時間にアラームを鳴らす、オンラインの目覚まし時計- Kuku Klok
Kuku Klok Kuku Klokで目覚まし時計をセットするには、デジタル時計に時間をセットし、「SET ALARM」をクリックするだけです。あとは指定時間になるとサウンドが鳴ります。 サウンドを変更することもでき、普通の目覚まし時計の音・電子音、にわとりの鳴き声などを選ぶことができます。
[JS]ルーペで覗くように、画像の一部を拡大表示するスクリプト集
画像の一部のみを拡大表示するスクリプトの紹介です。 TJPzoom jqzoom requires jquery.js loupe.js shiftzoom.js MojoMagnify mooZoo
[JS]ブラウザの幅に合わせてレイアウトを最適化するスクリプト -Dynamic Layout
Dynamic Layoutは、ユーザーのブラウザの幅を認識し、それに適したスタイルシートでページのレイアウトを最適化するスクリプトです。 Dynamic Layout デモ Dynamic Holy Grail 1～3カラムのシンプルなレイアウト、ブラウザ幅600, 800, 1000に設定 Fortes ブラウザ幅600, 800, 1000, 1200, 1400に設定 fil-ter ブラウザ幅600, 1000に設定 Dynamic Layoutの設置方法は、body直下に外部ファイルとして指定します。 <textarea name="code" class="html" cols="60" rows="5"> <body> <script src="http://static.fortes.com/projects/dynamiclayout/dynamiclayout-1.0
ナビゲーションやボタンなどのパーツを作成するPhotoshopのチュートリアル集 | コリス
ヘッダー、ナビゲーション、ボタン、アイコンなどウェブページで使用するパーツを作成するためのPhotoshopのチュートリアルの紹介です。
センスのいい、美しいデザインの履歴書:Part 2 | コリス
JobMobのエントリーから、センスのいい、美しいデザインの履歴書を紹介します。 38 More Beautiful Resume Ideas That Work 美しいデザインの履歴書：1 美しいデ
49のクリエイティブな404 Not Foundのページ集
hongkiat.comのエントリーから、49のクリエイティブな404 Not Foundのページ集からいくつか紹介します。
オンラインで簡単にバナーが作成できる -Make Free Banners
Make Free Bannersは、テキストや画像をドラッグ&ドロップでレイアウトしてバナーを作成できるオンラインサービスです。 Make Free Banners テキストは自分のローカルのフォントを使用することができ、画像は登録されているクリップアートを使用することができます。 バナーの作成方法は、グリッドのあるバナー作成エリアにテキストや画像を配置し、「Create Banner」ボタンをクリックするとバナーがJPEGで作成されます。 要素を削除したい場合はダブルクリックすると削除されます。 使用画像がクリップアート、生成されるのはJPEGのため、ニーズは限定されていると思いますが、日本語を利用できるの嬉しいですね。 海外のジェネレーターは日本語が利用できないことが多いので、拡張パーツみたいにどれとでも合体できると便利かも。
ダウンロードもできる、大手ウェブサイトのガイドライン | コリス
ガイドラインの中にはテレビやエディトリアル関連もありますが、ウェブ制作関係のものをいくつか紹介します。 一部のページ（,htaccessの設定など）はアクセス制限をされているため閲覧することはできません。 ウェブサイト ガイドライン Guidelines Overview ガイドラインのトップ Standards & Guidelines Glossary ガイドラインの用語集 デザイン関連 Visual Language ヴィジュアルスタイルガイド Multimedia Plug-in Content Standards (Flash, Shockwave etc.) Flashなどマルチメディアコンテンツ Brand Guidelines ブランディング マークアップ関連 Semantic Mark-up Markup XHTML Integrity Standards XHTML H
安眠や耳鳴りにも効果的、リラックスを誘発するホワイトノイズのジェネレーター | コリス
SimplyNoiseは、安眠や耳鳴り・偏頭痛に効果があるとされているホワイトノイズを生成するオンラインジェネレーターです。 SimplyNoise ホワイトノイズを生成するには、キャプチャにあるメモリ付きバーの円形をスライドします。 ホワイトノイズはテレビの砂嵐時のような音で、下記のような効果があると言われています。 安眠のサポート プライバシーの強化 集中力のアップ 耳鳴り対策 偏頭痛対策 サウンドシステムの構成の設定 下記のサイトでは、いろいろなホワイトノイズのMP3がダウンロードできます。 Free soothing white noise mp3's 参考： ホワイトノイズ [Wikipedia]
写真画像を見栄えよくするPhotoshopのチュートリアル集: Part 3 | コリス
写真画像をレタッチして、見栄えをよくするPhotoshopのチュートリアル集のPart 3です。 Photo retouch Enhancing The Sky In A Photo Photo re
WordPressをiPhoneなどのモバイル端末で表示させるプラグイン集
specky boyのエントリーから、WordPressをiPhoneやPDA、モバイル端末などのデバイスの表示に対応させるプラグインを紹介します。 7 Amazing Plugins to view your WordPress Blog on any Mobile Device (iPhone, PDA…) WordPress Mobile Edition WordPressをモバイル端末の表示に対応させます。 対応バージョン WordPress 1.5-2.3 ダウンロード WordPress Mobile Edition WP-WAP WordPressをモバイル端末の表示に対応させます。 対応バージョン WordPress 1.5.2, 2.0.x, 2.1.x ダウンロード WP-WAP iPhone / Mobile Admin WordPressをiPhone, iPod
GoogleにインデックスされやすいFlashコンテンツを制作するには
Google Webmaster Central Blogのエントリーから、GoogleがFlashファイルのインデックス方法を改善したことを受けたQ&Aの紹介です。 Improved Flash indexing 下記はそのQ&Aの意訳です。 Googleにインデックスされやすいのは、どのようなFlashファイルですか？ 全ての種類のSWFファイルのインデックス方法を改善しました。 それはボタンやメニュー、Flashコンテンツなど全てが対象です。 どんなコンテンツがGoogleにインデックスされやすいですか？ ユーザーの目で見えるテキストの全てです。 Flashファイル内のテキストは、Googleの検索結果で使用されたり、検索時のクエリにも使用されます。 Flashファイル内に含まれるリンクもインデックスが可能です。 テキスト要素ではない画像などはどうですか？ 現在のところ、インデックス
訴求効果のある「打ち出しエリア」のレイアウトパターン集
サイトのトップページに配置する、訴求効果が最も高い「打ち出しエリア」のレイアウトのパターン集の紹介です。 Carousels Design Showcase 「Carousels Design Showcase」は、当サイトで度々紹介している「Elements of Design」の新カテゴリです。 Carouselsには現在50個登録されており、他にもウェブサイトでよく使うエレメントのデザインが収集されています。 フッタのデザイン集 フォームのログインのデザイン集 検索フォームのデザイン集 見出しのデザイン集 コメントの入力欄のデザイン集 コメントのデザイン集 カレンダーのデザイン集 コード表示のデザイン集 動画プレイヤーのデザイン集 アイコンのデザイン集 引用箇所のデザイン集 登録フォームのデザイン集 「打ち出しエリア」と記載しましたが、Googleで調べてみたら、あまり使用されない言
グラデーションをマスターするためのPhotoshopのチュートリアル集 | コリス
Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。 71 Gradient Resources for Web Design Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
50超のCSSやJavaScriptで実装するタブ型ナビゲーション集
HONGKIAT.COMのエントリー「50超のCSSやJavaScriptで実装するタブ型ナビゲーション集」から、当サイトで紹介したことのないものをいくつか紹介します。 50+ Nice Clean CSS Tab-Based Navigation Scripts
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
記事をサムネイルで切り替えられるWordPressのプラグイン -Post Switcher
サンプルコードも豊富なWordPressのテンプレートタグのリファレンス
とっても愛らしい、高品質なイラストを使ったフリーのアイコン集