第15回 色使いによる立体的なWebページ構成と“1/6の法則” : ITpro
前回のお話の冒頭で，白背景に黒文字は目を疲れさせるということを指摘しました。今回はその問題の解決策から始めましょう。 白はすべてが全力で点灯している色（#ffffff）であり，黒はすべてが消灯している色（#000000）です。白と黒というのは，他のどの色を2色選んだときよりも明度の差があるわけです。2色またはそれ以上の色数の中での明度の高低差を「コントラスト」と言います。コントラストが激しいものは目を疲れさせます。 「本や雑誌も白に紙に黒いインクじゃないか」と思うかもしれませんが，紙はディスプレイの白ほどは明るくありません。昼間に十分に読書できる明るさの部屋で，フラッシュを使用せずに本を撮影すると図1程度です。想像よりもはるかに暗く，写真で見ると白には見えません。 目を疲れさせない配色の探し方 人間には見た物を脳で補完する機能があります。裸電球の下でフラッシュを使わずに白い画用紙を撮影する
お金をかけずにできる「クリエイティブな7つの広告手法」 | POP*POP
こちらでお金をかけずにできる「7つのクリエイティブな広告手法」が紹介されていました。「自社サイトや製品を宣伝したいけれど、予算がない・・・」という人には参考になるかも知れません。 個人の方がサイトやブログを宣伝したい時にも使えるかも。 » 7 Creative Ways to Advertise Your Product (via GameProducer.Net) 「ああ、そういう方法もあったか」というアイデアも紹介されていますよ。以下よりご覧ください。 自分の車を使う ご自身で車をお持ちの方は、それを広告媒体として使ってみてはいかがでしょう。たとえば、会社のロゴやサイトのURLを記したステッカーを車の窓に貼ってみましょう。キャッチコピーを一緒に書くのも良いですね。 タクシーがやっているくらいですから、やってみる価値はあるのではないでしょうか。 Tシャツを使う 最近では自分でTシャツをデ
派遣ウェブマスター応援講座
ホームページの制作や運営の何が難しいって、短期間に成果をあげること。 だいたいどれぐらい見られてどれぐらい成果が上がっているのかわかりにくいから、 ウェブマスターがなかなか会社から高い評価を受けられない！ 特にそれが派遣ウェブマスターだと大変。 どうしたら「よい人に来てもらって大助かり」と会社に思ってもらえるでしょう？ この連載では、「日本一のログ読み男」石井研二が、年間10億ページビュー解析の実績から「どうしたら成果が出るか？」を分かりやすく解説していきます。 ホームページ運営のテキストに書かれていない「今どきのホームページのアクセス実態」に基づく、目からウロコの成功術。どうぞご活用ください。
作ろうiモードコンテンツ | サービス・機能 | NTTドコモ
iモードコンテンツの仕様や作り方、技術情報、開発ツールなどのコンテンツ制作者向けの情報を公開しています。iモードコンテンツの制作の際にぜひご活用ください。
Semalt Expert: The Best Google Analytics Filters
Most of the businessmen know so little about web analytics and the importance of Google Analytics. They occasionally sign in to their AdSense accounts and never pay attention to what's going on in their dashboards. Only a few people know the importance of Google Analytics and the tricks associated with it. Jason Adler, the Customer Success Manager of Semalt, clarifies that filters are of great hel
GIF Animation Creatior Plus
いろんな情報 [2008-02-01] このページへのリンクやブックマークを貼られている方はGIFアニメ作成ソフト（http://gif.animegif.net/anime/）に変更してください。 不具合などを修正しデザイン一新で使いやすくなった最新のGIFアニメーション作成スクリプトを公開中です。 画像サイズを微調整しなくても自動調節してくれたり、画像の透明にしたい場所をクリックするだけで個別に透過色を選択できるようになってます。 一般公開を開始していますので最新版に触れたい方は透過可能なGIFアニメ作成ソフト（http://gif.animegif.net/anime/）をお使いください。 点滅(チカチカ)GIFアニメなど色々な画像加工を作成したい場合は専アイ情報局の専アイ作成サービスをお使いください。 公開テスト版 「GIFアニメ工房」のGIFアニメ作成CGI「GIF Animat
Modern Syntax : CSでのWeb2.0スタイルの角丸上半分テカリボタンの作り方
さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor）の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。 https://anchor.fm/s/66ff2830/podcast/rss ここで聴く！という人は以下のプレイヤーからどうぞ。 んで、これまではGoogle Drive上に保存したmp3ファイルを聞きたい方は以下のリンクをクリックしてください。ブラウザ内で聞けます。 https://drive.google.com/f
2006年を彩った50の超美麗CSSデザインサイト集:phpspot開発日誌
50 Beautiful CSS-Based Web-Designs in 2006 | Smashing Magazine Let’s take a close look at some of the most beautiful designs we’ve seen in 2006.2006年を彩った50の超美麗CSSデザインサイト集。 どれも凄まじく凝ったサイト集で、1個1個が1つのクリエイターが精魂込めて作ったのが伺えます。 (Webデザイナーのためのリンク集) こういった美しいサイトを参考にサイトを作ったりすると自分のセンスも磨かれそうですね。 単に見るだけでも楽しめます。 2007年も素晴らしいサイトが出てくるんでしょうね。こういったデザインは数年前では見られなかったようなもののように感じます。 WEBデザインの面での進化についても今後が楽しみでしょうがないですね。 作成に使っ
アンチエイリアスがかかったCSS角丸を作るWEBツール:phpspot開発日誌
Spiffy Corners - Making anti-aliased rounded corners with CSS Anti-aliased rounded corners using pure CSS. No Images. No Javascript. No fluff アンチエイリアスがかかったCSS角丸を作るWEBツール。 FG,BG Colorを入れるだけで簡単にアンチエイリアスがかかったCSS角丸枠が作れます。 もちろん、画像やFlashは一切使わない、CSSオンリーで実現されています。 次の図のように美しい角丸が実現可能。 作成されるタグは<b>タグで構成されているので、この部分を修正すればよいかもしれませんね。 関連エントリ： Javascriptで指定のHTML要素を動的に角丸デザインにする方法
一行あたりの文字数を制限するリキッドレイアウト - 2xup.org
2006-12-20T02:12:30+09:00 今回のリニューアルでは、これまで px で指定していたコンテンツの幅の値の単位を % と指定変更。 いわゆる liquid (リキッド) レイアウトというものにしました。ユーザが閲覧しているブラウザの幅に合わせてコンテンツの幅も変化します。 div#container { width: 80%; } px で指定していたコンテンツの幅を、% での指定に変更し、リキッドレイアウトに変更したものの、ウィンドウサイズの 80% の幅という指定ですので、ウィンドウサイズを広げればいくらでも大きくなります (もちろん小さくもなります)。それでも問題ないのですが、できればコンテンツの幅に最大幅と最小幅を指定し、小さくなりすぎてレイアウトが崩れるような事もなく、一行あたりの文字数を目で追える程度の幅をキープできればと考え、いろいろ試してみました。 fl
ez-HTML
充実したカスタマイズ、正確な入力支援、XHTML形式出力も記述ができる高機能・次世代HTMLエディタ。 開発開始からの累計ダウンロード数が100万本を突破しました（2022月4月5日）。 最新版(ver 7.71)をダウンロード！ (2.20MB) 2005年度 VECTORベストオンラインソフトウェア賞を受賞、 2007年度 Greva!プラチナ賞を受賞しました。 Index 市販の「ウェブサイト制作ツール」（以下WYSIWYGと省略）は画像なども簡単に挿入でき、レイアウトなども簡単にできますが、その反面font要素を乱用したり何度も編集している間ゴミのようにタグが残ってしまうという問題点があります。 当ソフトウェアは主に手打ちでHTMLソースを記述する人向けのために開発されています。 また、WYSIWYGで制作したHTML文書のちょっとした編集などにも使う事ができます。 また、このHT
CSSベースのクールなフォーム、サンプル集:phpspot開発日誌
Smashing Magazine | Blog Archive CSS-Based Forms: Modern Solutions In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention, CSSベースのクールなフォーム、サンプル集。 デザインにしにくい部分だからこそ、凝っておくと玄人受けはよい筈。色々なデザインがあって感心するばかりです。 Prettier Accessible Forms Badboy Niceforms Functional Pretty Forms Form Layout Templates Fun with forms - customized input elements Scr
Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫
～10程度っすよ ～50程度かな ～100くらい ～300程度です ～500はこなす ～1000はやってます これ以上 ( ! )
hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説＆配布しているサイトのまとめ
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
700個以上の無料で使えるアイコン「Silk Icons」
サイトをデザインする際や、ソフトウェアのツールバーなどにも利用可能。いろいろな種類のアイコンがあるので、とりあえず持っておけばいつか役立つことは確実。 含まれている全種類のアイコンのプレビューは以下の通り。 famfamfam.com: Silk Icons Preview http://www.famfamfam.com/lab/icons/silk/preview.php ダウンロードは下記から。 famfamfam.com: Silk Icons http://www.famfamfam.com/lab/icons/silk/ ほかにもこのサイトには無料で利用できるアイコンがあります。 famfamfam.com: Mini Icons http://www.famfamfam.com/lab/icons/mini/ famfamfam.com: Flag Icons http://
いろいろな用途で使えるミニアイコンあれこれ - GIGAZINE
通常のアイコンよりも小さなサイズの使いやすいミニアイコンを集める必要性に迫られたので、いろいろとリストアップしてみました。 ブログやWiki、通常のサイト作成やFlash、PowerPointのプレゼンテーションやソフトウェアのボタンなどなど、いろいろな場面で役に立つはず。ボタンの画像を違うものにするだけでだけでも、割と雰囲気がガラリと変わるのでオススメです。 リスト一覧は以下の通り。 Mini Pixel Icons（ブログやCMS用のアイコン、ユーザーアイコンなどが多く、とてもカラフル） Mini Icons | urlgreyhot（12ピクセル四方という極めて小さなアイコンがいろいろあります。グレイスケールのアイコンは加工しやすいので、好みのアイコン素材にすることも可能） Bullet Madness - free bullets project at Stylegala（200個
Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
Web2.0とは何か？というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
【和風素材】篆刻素材AOI｜和風壁紙や背景素材やはんこなどのフリー素材 網頁素材 圖片素材
「和風素材の篆刻（てんこく/てん刻）素材AOI（葵）」背景 ボタン イラスト等 ホームページやブログに使える和風素材をはじめ、多数のフリー素材を提供。☆Japanese Graphics☆ 北欧家具 オーラソーマ 魔女 昭和レトロ3 感謝系スタンプ 挨拶系スタンプ 子供の表情 男性の表情 リストマーク 女性の表情 業務用スタンプ 千社札 納豆 紅白饅頭 テーブルフォト 芝生 文化人形 新着・おしらせ 2015/10/07 レスポンシブに対応いたしました。一応パソコン、タブレット、スマートフォンに対応したつもりです。 細部調整中ですが、表示がおかしい箇所があればご指摘ください。 それにしても、知らないうちに「こ、こんなこともできるんですか？！」な、新技法がざっくざっく！浦島葵を実感しました。 おしらせ サイト運営のため、広告を掲載させていただいております。 2014/08/02 「開運グ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yahoo!無料ゲーム
ROXIK | PICTAPS