Welcome forge.toritoriworks.com - BlueHost.com
Bluehost - Top rated web hosting provider - Free 1 click installs For blogs, shopping carts, and more. Get a free domain name, real NON-outsourced 24/7 support, and superior speed. web hosting provider php hosting cheap web hosting, Web hosting, domain names, front page hosting, email hosting. We offer affordable hosting, web hosting provider business web hosting, ecommerce hosting, unix hosting.
GoogleReaderから簡単にソーシャルブックマークする９つの方法 - GoogleMan...
GoogleReaderから簡単にソーシャルブックマークする９つの方法 管理人 @ 6月 21日 08:04am Google Bookmarks, Google リーダー GoogleReaderを使いながら、記事をソーシャルブックマークなどにブックマークしたい時、わざわざその記事を開いて、ブックマークするのは面倒な作業です。 時間もかかるし、この作業を毎日しなくてはいけません。 それを解決してくれる便利なFirefox Greasemonkeyスクリプトがあるので、ご紹介します。 はてなブックマーク 「Google Readerにはてなブックマーク件数とブックマーク用アイコンを表示するGreasemonkeyスクリプト」は、上のスクリーンショットのように、はてぶボタンとブックマーク登録数を表示してくれるGreasemonkeyスクリプトです。 Googleブックマーク 「Google
宇宙や星雲・惑星を表現するPhotoshopのチュートリアル
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
アクセシブルなサイトにするための26のステップ
Webmaster World.comのエントリー「アクセシブルなサイトにするための26のステップ」の意訳です。 26 Steps to a More Accessible Website スキップリンクは、キーボード操作をしている人のために目に見えるように設置する、というのにはなるほど、と思いました。 Altのテキストと代替の内容 画像にはAltを記述し、代替の内容を記す。 動画のキャプションや概要 動画の内容・概要・サマリーなどを記す。 「ここをクリック」は使用しない リンクには的確な情報を含める。 リンクの間のスペース 隣接したリンクには、区切りを設置する。 JavaScriptで記述したリンク リンクの記述は、JavaScriptに依存させない。 lang属性の使用 lang属性を使用して、使用言語を明示する。 アニメーションは使用しない ユーザーの気を散らせない。 色に依存しない
閃光、爆発などの光や風などを表現できるPhotoshopのブラシ | コリス
Brusheezy!に登録されている、閃光、爆発などの光や風などを表現できるフラクタル&アブストラクトなPhotoshopのブラシの紹介です。
[JS]多彩なカスタマイズが可能な画像を拡大するスクリプト -Lightview | コリス
Lightviewは、LightBox風に画像を拡大するスクリプトで、多彩なオプションで拡大表示時のカスタマイズが可能です。 Lightview Lightviewは、単独の画像拡大をはじめ、連番での送り機能や自動スライドショー機能を備えています。 デフォルトの状態でも快適に動作しますが、下記の多彩なオプションで画像の拡大表示時のカスタマイズが可能です。 backgroundColor 背景色 border ボーダーのサイズ buttons.opacity ボタン不透明度 effects Scriptaculousの効果 images lightview.jsからみたディレクトリ imgNumberTemplete 画像のナンバリング overlay オーバーレイ radus 角丸の半径 sideshow.delay スライドの表示タイミング titleCaptionSplit タイトルと
ユニークなレイアウトのウェブサイト20選
Vandelay Website Designのエントリー「ユニークなレイアウトの20のウェブサイト」から、ユニークなレイアウトのウェブサイトの紹介です。
ユーザビリティの高い、使いやすいフォームを制作するための12のポイント
Li'l Engineのエントリー「ユーザビリティフォームのためのチェックリスト」の意訳で、ユーザビリティの高いフォームを制作するための12のポイントの紹介です。 Checklist for Usability Forms 不明な箇所は英文のまま記載してましたが、皆様の協力により3,5を和文にしました。 フォームは正しく入力できるように、可能な限り簡潔に。 フォームには、必要なインフォーメーションを含める。 タイトル：なんのためのフォームか フォームのヘルプ キャンセル(中止)の選択肢 入力すべき項目は、多くしない。 重複する入力項目は設置しない。 フォームの公開後しばらくしたら、収集したデータが実際に使用されているかチェックする。利用されていないものがあれば、収集しないようにする。 長いフォームは紛らわしいので、分ける。 タスクごとに分ける それぞれのページごとにチェックをし修正すること
Web 2.0風画像の作り方：Part 2 -sitepoint | コリス
以前、紹介したsitepointで紹介されているPixelMillのデザイナー：Corrieの、Photoshopで作るWeb 2.0風画像のチュートリアルのPart 2です。 Creating Web 2.0 Effects With Photoshop, Part 2 Part 1では、「シンプルなグラデーション」「グラデーションの背景」「ストライプの背景」「微妙に透明なレイヤー」「鏡面効果のテキスト」「ガラスのようなオブジェクト」を紹介しています。 Web 2.0風画像の作り方 -sitepoint Part 2でエントリーされているチュートリアルは、３つです。 アイコンの使い方 画像を矩形以外にレイアウト スターバースト(爆発した星形)の作成方法 各チュートリアルの手順は、下記の通りです。 アイコンの使い方 アイコンは、フリーやシェア、自作のものを使用。 １つ目の方法は、アイコン
Movie Clip Tweening prototypes - download
Movieclip tweening prototypes 1.2.0 Most of features are from Moses Gunesch http://www.mosessupposes.com/ Added support for tweening TextFields using all the MovieClip extensions (except frameTo) New methods, shortucts .sizeTo() .tintTo(rgb,percent) .invertColorTo(percent) .pauseTween(props) - specific targets & props .unpauseTween(props) .isTweenPaused(prop) .isTweening(prop) [added specific prop
[Bookmarklet]ウェブデザインの確認に最適なブックマークレット -Design | コリス
Allan Jardine | Reflections ブックマークレット「Design」には４つのツールがあり、それぞれ同時に使用することもできます。 Grid リアルタイムに変更できるグリッドを表示します。
Web 2.0風画像の作り方 -sitepoint | コリス
sitepointで紹介されているPixelMillのデザイナー：Corrieの、Photoshopで作るWeb 2.0風画像のチュートリアルの紹介です。 ※画像は、Photoshopでなくても作成できます。 Creating Web 2.0 Effects With Photoshop, Part 1 Part 1でエントリーされているチュートリアルは、６つです。 シンプルなグラデーション グラデーションの背景 ストライプの背景 微妙に透明なレイヤー 鏡面効果のテキスト ガラスのようなオブジェクト 各チュートリアルの手順は、下記の通りです。 シンプルなグラデーションの作り方 ベースとなる色を選択。 [ツールパレット]から[長方形ツール]を使用して、長方形を描画。 [レイヤー効果] - [グラデーションオーバーレイ]を選択して、適用。 [グラデーションオーバーレイ]の設定。 [描画モー
Whats Its Color: Find the complementary and primary color of any image
Whats its color is an image-color processing utility that will evaluate an image and give you the image's primary and complementary dominant colors of an image, how many visually unique colors are in an image, and the top ten visually unique colors in an image. Extremely useful when creating any type of designs around an image. The more colorful the image, the better the results. Results will disp
デバッグ用CSS「Diagnostic Styling」とそのサンプルコード - Trans
CSSを使って開発中のHTMLのデバッグを行ってしまうという考え方の紹介とそのサンプルコードをメモしておきます。 デバッグ用CSSとは何か。 まず、サンプルのコードを示してみます。 img[alt=""] {border: 3px dotted red;} img[title=""] {outline: 3px dotted fuchsia;} img要素に続くのは属性セレクタ（属性セレクタについてはCSS セレクタに関するおさらい | WWW WATCHが詳しいので、そちらを参考に）。alt=""とtitle=""の属性と値を持つimg要素にマッチし、それぞれのスタイルを与えます。こうしておくと、HTML内に空白のalt属性やtitle属性があれば、指定されたスタイルが適用されるになり、空白であることが分かるわけです。 もう1つサンプルとして、こんなのはどうでしょうか。 a[href="
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなハイク サービス終了のお知らせ
PNG Icons & Icon Packs Download | IconsPedia
手描き風のデザインがかっこいいサイト
ユーザーインターフェイスデザインの参考になるサイト集
凝ったものからシンプルものまで、RSSアイコン集 -2007年 | コリス
ちょっと便利なCSS Tips いろいろ - DesignWalker
テキストエフェクトいっぱい - DesignWalker
Lightboxスクリプトいろいろ - DesignWalker
ウェブデザイン・ギャラリーサイトまとめ - DesignWalker
翻訳サービスいろいろ - DesignWalker