2010年に備えて、知っておきたいウェブデザインのトレンド
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト
理想の結婚写真を撮影しよう｜思い出を写真に残す
写真を撮る機会は実に多くありますが、特に結婚写真は一生の記念になる大事な写真ですので、できるだけ良いものを残しておきたいものですね。 結婚前は何かと忙しくなりますが、疲れが残らないよう、写真撮影の前にはしっかり休息を取っておきたいですし、エステなども利用して、できるだけきれいな状態で撮影にのぞみたいものです。 そして、結婚写真は挙式当日に撮影されるカップルも多いですが、やはり慌しいこともあり、せっかくの写真も表情が硬くなってしまったという経験をお持ちの方もいらっしゃるのではないでしょうか。 結婚写真は最近は前撮りでゆとりを持って撮影される方も増えているようです。 メイクや着付けも時間をかけられますし、時間にも余裕がありますので、より自然な表情で撮影ができるのもメリットです。 そして、式当日とは違う衣装を選ぶことができるのも良いですね。 スタジオ撮影はもちろん、ロケーション撮影などで屋外での
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
wordpressのサイドバーカテゴリをhタグ区切りに変更する方法 - 最強ブログアフィリエイト
TATEZO-Twitter 「賢威」で有名な松尾さんのTwitterを見て海外SEO情報ブログの鈴木さんが WordPressのサイドバーのカテゴリに<h3>タグを付けたいとの事 それ位なら数分で出来るんじゃないかとやり始めたら意外に時間がかかった。 結局、wp_list_categoriesの変数をいじるよりもPHPで作った方が早そうだったので SEO対策ホームページ SEO QUICK のサイトのサイドバーに全てPHPで実装してみた。 PHPのソースは下記の様な物です。 <li> <h2>カテゴリ表示テスト中</h2> <?php $categories = get_categories('parent=0&hide_empty=0&orderby=id'); foreach($categories as $cat){ $cat_link = get_category_l
ウェブサイトのアクセス数を伸ばす方法まとめ｜blogs.com
はてブ ウェブサイトのアクセス数を伸ばす方法まとめ delicious livedoor クリップ Tumblr Instapaper メールで送信 IT・Web 2009.10.27 0 ブログをやっているとやっぱり気になるのが「アクセス数」。 どうやったらたくさんの人に自分のブログを見てもらえるのか――その方法について書かれた記事を、ニュースサイト「まなめはうす」の管理人まなめさんの別ブログ「304 Not Modified」で見つけました。 「ブログ編」「ニュースサイト編」「アフィリエイト編」と、3つの記事がありますが、まず「ブログ編」では、 アクセス数を伸ばしたいなら良い記事を書き続けなさい。 以上。 以上です。他にないと思います。 と、まずは結論を述べ、それはなぜかというところについても詳しく解説しています。 また、「ニュースサイト編」では、 ニュースサイトにとって一番大事なこ
新卒採用ページ、本当に学生視点ですか？ (ユーザビリティ実践メモ)
2011年の新卒採用活動に向けて、採用ページをリニューアルしたり、コンテンツを拡充したりする企業サイトが多くなっています。今回は、新卒採用ページを「学生視点」で作るためのポイントについて考えたいと思います。 ただその場合でも、掲載コンテンツを本当に有効なものとするには、学生の目線に立っているかどうかをチェックしてみる必要があります。 例えば、職種の紹介として、以下のような例があった場合、どちらがイメージしやすいでしょうか？ 例Aに関しては、その職種に関する業務知識がないと、内容をイメージすることは難しいですが、例Bについては、1日の流れをイメージできたのではないでしょうか。 学生は業務経験がなく、社会人にとっては常識的な業務知識もないことがほとんどです。そのため、業務知識がないユーザも理解できるような配慮が求められます。（上記では「タイムスケジュールにする」、「解説をつける」、「画像で補足
ke-tai.org > Blog Archive > ケータイ3キャリアに対応するためのDOCTYPE宣言について
ケータイ3キャリアに対応するためのDOCTYPE宣言について Tweet 2009/10/14 水曜日 matsui Posted in 全キャリア対応, 記事紹介・リンク | 11 Comments » XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。 先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみようと思います。 下記2つのサイトでは、どちらもif文でユーザエージェントを判定して、DOCTYPEを出し分けるという処理を紹介しています。 → ma-san.org 携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法 [ma-san.org] → ある人のぼやき 携帯サイトのDOCTYPE分岐方法 [d.hatena.ne.jp] DOCTYPE宣言とは
PHP で WEB作成
愛知県のホームページサポート ウェブサイト作成するとき、PHPやMySQL等のオープンソースソフトウェアを使う事が多いです。 オープンソースとは、プログラムの設計図が公開されていて、自由にカスタマイズして使うことができるソフトウェアのことです。 オープンソースソフトウェアを使う事で、お客様のご要望に応じたきめ細かいカスタマイズが可能です。 オープンソースのホームページ制作ツールとして有名なものに、ワードプレス(WordPressと書きます。ワールドプレスではありません)があります。 世界中の技術者がオープンソース開発に参加することができ、より優れたものに発展していきます。 PHP で WEB作成では、WordPressの他にも、FuelPHPフレームワークを使用したコンテンツ管理システム Novius OS, ウェブページ構築ツール concrete5 に積極的にコミットしているプログラマ
IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
これはもう使用しない方がいいウェブデザインのトレンド
昔流行ったけど、これはもう使用しない方がいいものや人気がすたれているウェブデザインのトレンドをWeb Design Ledgerから紹介します。 Most Used and Abused Web Design Trends of All Time 以下、その意訳です。 過激な表現も一部あるので、留意ください。 はじめに 鏡面反射 アクア フラリッシュ コーヒーカップ 地球 コミックフォント ストックフォト ペーパー ポラロイド 特大のRSSアイコン 音の自動再生 カウンター マーキー ブラックの背景 スプラッシュページ スキップの無いイントロ ブラックの背景 はじめに トレンドは、ウェブデザインにおける良くないキーワードではありません。実際に、下記のリストのものはその時々でウェブデザイナーを鼓舞させました。これらのアイデアは影響が非常に大きくかったので、大量のクローンが作りだされました。
アナログ新人社員の「ホームページ制作会社サバイバル」
友人の紹介でホームページ制作会社へ就職した超初心者の独身30女が、ホームページ制作とアフィリエイトを覚えるまでの過程のブログ。朝からずーっと調べたり、検索したり、調べたり、検索したり・・・ そんな調子で夕方になってしまいました・・・。 広告収入を得るには、アフィリエイトをやらなきゃいけないことに気付いた私 今更ですが、大変なことに気付きました。 私がやることは「ホームページ作成」だけじゃなかったんです。 ホームページを作ってから広告収入を得る必要があって、どうやって広告収入を得れば良いのかを考える必要がありました。 で、色々調べていると「アフィリエイト」というものがあると分かり、恐る恐るM社長に「アフィリエイトすれば良いんでしょうか・・・？」と聞きました。 「はい、アフィリエイトで収入を得て下さい」 との御返事。 とはいえ、色々調べていると、アフィリエイトって、やってい
30分でできる！Webサイトを高速化する6大原則 (4/4)
5.CSSは上に、JavaScriptは下に『まとめて』記述せよ CSSとJavaScrptの記述場所にも、高速化のためのルールがある。CSSは必ずhead要素の中の上部に、JavaScriptは下部にまとめて記述すること。下のグラフのとおり、まとめて書けば読み込みが速くなる。 ●悪い例：CSSの間にJavaScriptを挟んでいる <head> <link rel="stylesheet" type="text/css" href="stylesheet1.css" /> <script type="text/javascript" src="scriptfile1.js" /> <script type="text/javascript" src="scriptfile2.js" /> <link rel="stylesheet" type="text/css" href="style
ITに弱い上司や社長を納得させるアクセス解析サービス「Web Analyst」を使ってみた
アクセスログをグラフや図で表示するアクセス解析ソフトやオンラインサービスはたくさん存在しますが、何十種類ものレポートを表示することができると、逆にどれが大事でどれがそうでないのかが判断しにくくなります。まして、IT系に詳しくない上司や経営者層を相手にするのであれば致命傷です。内容がいくら正しくても、意志決定を行う人が理解できないレポートは役に立ちません。 そこで使えるのが「社長がみてもわかる」をコンセプトにしたアクセス解析サービス「Web Analyst」。とにかく簡単に使えるのが特徴で、専門用語を一切使用せず、本当に必要なものに絞り込んで作られており、読んだ後すぐ行動に移せるほど的確な分析をしてくれる利便性を追求したものとなっています。 というわけで、実際に使ってみたレビューとレポートの詳細は以下。 アクセス解析に基づく成果分析ツール｜Web Analyst（ウェブアナリスト） http
wordpressで自動整形を阻止しつつビジュアルエディタも使用する
2009年9月2日 PS Disable Auto Formattingは、wordpressの段落自動整形を停止し、かつ、ビジュアルエディタとHTMLエディタ間で共通のコードを維持できる、感動のプラグイン。 リッチエディタ使用OKの段落自動整形停止プラグイン PS Disable Auto Formatting これは、wordpress史上、最も求めていたプラグインのひとつだ。 商用サイトをwordpressで構築したときの段落自動整形問題を解決 wordpressは、記事を投稿する際に、自動でpとかbrとかが挿入されるので、非常にツライ。特に、HTMLエディタとリッチエディタを切り替えるだけで、自動整形されるのは、罰ゲームに等しい。 この機能のおかげで、企業サイトを作る際、制作会社がHTMLでがんばってページを作成しても、クライアント側でビジュアルエディタで修正する際に、表示が崩れる
個 人 サ イ ト に あ り が ち な こ と : 暇人＼(^o^)／速報
個 人 サ イ ト に あ り が ち な こ と Tweet 1 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2009/09/19(土) 10:53:30.94 ID:zZ4I447Z0リンク集（工事中） ■恥ずかしくて死ぬかと思った体験 2 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2009/09/19(土) 10:54:12.37 ID:hwrwcFXa0相互リンク募集中！ 3 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2009/09/19(土) 10:54:47.73 ID:AwpDgCgL0相互リンクは受け付けてません 【スカッとゴルフ パンヤ】（ネトゲの中でもトップクラスの完成度。みんゴルやマリオゴルフ感覚で対人戦が出来ます。） 4 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2009/
「nanapi」に学ぶウェブサイトのコンセプトデザイン｜blogs.com
はてブ 「nanapi」に学ぶウェブサイトのコンセプトデザイン delicious livedoor クリップ Tumblr Instapaper メールで送信 IT・Web デザイン・アート 2009.09.18 0 ウェブサイトをどう作っていくか、というノウハウがこんなに詰まった記事を公開しちゃっていいんですか？ と心配になるくらい、サイト作りのエッセンスが満載です。 "7分であなたの生活を便利にしちゃう ライフ共有レシピサイト"をコンセプトにした「nanapi（ナナピ）」のサイトデザインを手がけた、エスカフラーチェのpurprinさんのブログでは、よくある「デザインTips」ではなく、「どうやってたくさんの人に読んでもらえる魅力あるサイトを作るか」というコンセプトデザインについての考えがしっかりまとめられています。 具体的にデザインに落とし込むには、「サイトリリース時点でどうあるべき
クリエイティブでクオリティの高いwordpressのテーマ「20 free WordPress themes with premium-like functionalities」
クリエイティブでクオリティの高いwordpressのテーマ「20 free WordPress themes with premium-like functionalities」 CMSとしてもブログツールとしても国内外問わず人気の高いオープンソースwordpress。その魅力の一つに豊富なフリーで使えるテーマと言う点がありますが、今日紹介するのはクリエイティブでクオリティの高いwordpressのテーマを集めたエントリー「20 free WordPress themes with premium-like functionalities」です。 Subtly Made – Demo 様々なwordpressのテーマが集められています。今日は今まで紹介した事がないテーマを中心に気になったwordpressのテーマをいくつか紹介したいと思います。 詳しくは以下 ■Marangual - De
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
パスワード認証
Not Found
フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集:phpspot開発日誌