これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20:phpspot開発日誌
皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応
Travellers Tales : ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法
ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法 viewport を設定して iPhone/iPod touch に対応しよう ぼちぼち iPod touch が届き始めましたね。 Safari on iPhone/iPod touch のために用意された meta 要素の viewport 属性1を使って、あなたのサイトをなんちゃって iPhone/iPod touch 対応にする方法を説明してみたいと思います。 方法は簡単です。 <meta name="viewport" content="width=1024" /> head 要素に上記のようなタグを入れるだけです。ただ、ここで width に指定する横幅を自分のサイトに合わせて最適化する必要があります。 ちなみに、上記の width=1024 となっている viewport の設定は Apple のホ
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
コミュニティにおける格付け制度の運営：ナレッジ！？情報共有・・・永遠の課題への挑戦：オルタナティブ・ブログ
昨日はてブの最近の人気エントリーに上がっていた「Yahoo!がまとめた「コミュニティにユーザーを参加させる方法」が興味深い件」は確かに面白い。コミュニティにおいて運営側が参加メンバー間の競争意欲を促進させるために、レベルだとかポイントだとかの何らかの格付けを提供することは良くあるし、実際に私もいくつかを使ったことがある。 格付けによって従来見えなかった本質が一面ではあるが可視化される。そして格付けされる側のモチベーションアップだけでなく、他の参加者から見たときにその人の発言の傾向だとか情報の重要度を把握しやすくなるというメリットがある。 さてこうしたレベルとかポイントを使う場合にも、やり方は２つある。一つは加算制とした誰でも時間と労力をかければ必ず最上位クラスまであがれる形式のもの。もう一つは相対的評価によってランクを区切って常に最上位のポジションにいる人たちの割合を一定にする方式である。
ペルソナとは――ウェブサイト向けペルソナを理解して、思いこみのユーザー像と決別しよう | やってみましたペルソナ作り
顔の見えにくい漠然とした「ユーザー」ではなく、あたかも実在する人物のように具体的に記述されているので、ペルソナシートを読めば、その人が何を期待してどのようにウェブサイトを訪れ、どのように見るページを選んでいるかなどを、具体的かつ体系的に深く理解できる。 ユーザーが「できること」だけではなく「したいこと」を見つける「ユーザーにとって使いやすいサイトを設計したければ、ユーザビリティテストで十分だ」と考える人もいるかもしれない。確かに、ユーザーが「できること」「できないこと」「しやすいこと」「しにくいこと」に関しては、いわゆるユーザビリティの領域でカバーできていた部分だ。しかし、ユーザビリティでは、ユーザーがそれを望んでやっていることかどうか、つまり「したいこと」「したくないこと」あるいは「してほしいこと」「してほしくないこと」を理解することは難しい。 それに対してペルソナは、架空とはいえ、あた
テキストをかっこよく魅せるPhotoshopのチュートリアル集 | コリス
テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。
ブログが続かないわけ | 初心者プログラマーが簡単なフォームを作るときにやりがちな6つのミス
お問い合わせフォーム、登録フォーム、キャンペーンの申込フォーム。 Webにはいろいろなフォームがある。 Webプログラマーであれば誰もが一度は作ったことがあると思う。 新人プログラマーの初めての実務がフォームであることも多いだろう。 新人が作っているというのにもかかわらず、技術的にも面白い部分がないせいか、正しい知識のある人がレビューすることが少ないと思われる。 単純さゆえにテストが不足しているということもあるかもしれない。 上記の理由は憶測にすぎないが、杜撰なフォームがたくさん出回っているのは事実だ。 もう、CAPTCHAの話とか以前の問題だ。 よく見かける悪い例を簡単にあげておく。新人が初めての実務に当たるときにこれを気にしてくれれば、世の中のフォームがだいぶ良くなると思う。 1. クライアントサイド(JavaScript)でのチェックのみ。 2. 選択肢式の入力欄に対するチェックの漏
これだけは押さえておきたいSEO対策 - livedoor ディレクター Blog
こんにちは、livedoor Blog担当の坪田です。 以前に「HTMLタグを使わないSEOの話」というエントリーがありましたが、今回は新規ウェブサイト立ち上げ時や、リニューアル時に押さえておきたいSEO対策をまとめてみました。 「SEO」は、多くのマーケティング担当者を魅了し、盲目にさせてきました。 私も何か有効な手段はないものかと、ティッカーに「SEO」の文字が表示される度にクリックしては、とりつかれた様にブックマークしていました。 経験のある方も多いと思いますが、SEO について調べると情報が膨大すぎて正しい答えが見つかりません。というよりもその時・サイトに応じてケースが異なるため、「どうすれば順位があがるのか？」という知りたいことの結論がでないのです。 私は、基本的な施策を忠実に行い地道な効果測定の繰り返しを行うことが、上位表示の秘訣だと考えています。ただ、SEO 対策は長期的な運
TRANS - 携帯用CSSを書く上で押さえておくべきポイント
先日、diggでVitamin Features » Make your site mobile friendlyというエントリーが上がってきてました。見てみると、非常にうまい具合に携帯向けのCSSやHTMLの書き方などが紹介されていました。僕も携帯向けCSSの書き方には興味があったので、勉強がてら重要なポイントを抜き出して、和訳してみました。 和訳文は次からスタートです。（上記サイトの「mobile」は携帯電話やPDAを含めたモバイル機器が正確な訳ですが、ここでは話を分かりやすくするために「mobile」を全て「携帯」と訳しています。） 基本からスタートしよう。 既に論理的でセマンティックなHTMLを構造化しているんだったら、携帯を含めたどのデバイスでもきれいに、使いやすく、アクセシブルになっています。携帯によっては、WAPに準拠しているかもしれないし、もしかしたらWAP2もいけるかもし
伸び悩むウェブサービスの三大疾患 ｜ 近江商人JINBLOG
先日友人達と深夜に話しているとき、そのうちの一人が「伸び悩んでいるウェブサービスに共通する３つの病気がある」と話し始めた。 先日友人達と深夜に話しているとき、そのうちの一人が「伸び悩んでいるウェブサービスに共通する３つの病気がある」と話し始めた。またおもろいことを言い出しよったな、と笑いながら聞いていたのだが、後で反芻してみると「これはより多くの人に知ってもらった方が日本のネットのためになるだろう」と感じたので晒す。特定のサービスについて語られたものではないので悪しからず。 １．ハイエンド病 自サービスのコアユーザー向けの機能追加ばかりを優先して、どんどんとエントリーユーザーを疎外していってしまう病気。コアユーザー向けの機能追加は数値的にも効果が出やすいため、ユーザーベネフィットと数値のバランスを追求しようとする勤勉な開発者ほど発病することが多い。 ２．広告肥大症 売上げノルマ達成責任のた
Let's begin XHTML -- Introduction
Section 1：XHTML とは Section 2：XHTML の基本 Section 3：XHTML の形式 Section 4：XHTML の編集 Section 5：基本的な文書構造 Section 6：ハイパーリンク Section 7：画像の挿入(1) Section 8：画像の挿入(2) Section 9：箇条書き Section 10：文書中の部分の役割 Section 11：表(1) Section 12：表(2) Section 13：表(3) Section 14：文書情報 Section 15：スタイルシートの利用(1) Section 16：スタイルシートの利用(2) Section 17：ルビ Section 18：その他のマークアップ Section 19：WWW ページを作るにあたって Appendix A：文字エンコーディング Appendix B：
2007年10月 WEB制作者の為のベストエントリまとめ part5*ホームページを作る人のネタ帳
2007年10月に話題になった、ウェブサービス系を中心にまとめてあります。 お時間のあるときにどうぞ。 WEB制作者のためのライフハック Seth Godin「すごいWebサイトを作る方法」（日本語訳） - TRANS [hatena] 歴史上、3人以上で作られたすごいWebサイトというのは存在しない。1つもない。厄介なことになるだけだ。 感動した。 便利サービス rsizr このサービスは異常。 すごいと言う意味で。 文章の一部を残したままリサイズしたりする液体リサイズです。 Gimpでもこうしたプラグインがあった事を以前紹介しましたが・・・。 これは楽すぎる。 自動的に素敵なサイトマップを作ってくれるサービス URLを入力すると、手軽にサイトマップを作ってくれる優れもの。星５つ。 フリー素材サイト PHOTO ST（フォトストリート） プロが撮影した写真を、商用、個人利用問わず無料で使
ウノウラボ Unoh Labs: グラフィック作りのコツとカン
こんにちは。yamazakiです。 前回はレイアウトなどについて非常にざっくりとですが書いてみたわけですが、いかがでしたでしょうか。 そろそろ「グラフィック」のほうも少し書いてみようかという気になってきたので、グラフィック品質を高めるベーシックな技術についても少しずつ書いていってみようと思います。 基本のき 具体的な話に入る前に、まずは基本的な話から。 とりあえず、ざっとあなたの周囲を見回してみてください。壁にしても、PCにしても、「単なる一色のベタ塗り」にはなっていないのではないかと思います。光の加減などで、「影」や「グラデーション」がついていると思います。また、ものの表面には「つるつる」「ざらざら」といった「質感」があるのが当たり前、という中で私たちは生活しています。 そのため、人の目はそういう「グラデーション」や「影」、「質感」がある状況を「見慣れて」います。 グラフィック上
PhotoShopでWeb2.0風な光沢あるロゴを作るためのチュートリアル:phpspot開発日誌
Give your Text a Glossy Highlight PhotoShopでWeb2.0風な光沢あるロゴを作るためのチュートリアル 次のように、普通のテキストをWeb2.0風にするまでが紹介されています。 やってみたところ、すごく簡単にできました。 次がその成果物です。 これは知っておくとよさそうですね。 関連エントリ PhotoShopを使って画像を映画風に加工するチュートリアル PhotoShopでMac風の美しいバックグラウンドを作成するチュートリアル 人物の写真をPhotoShopで美しく修正するチュートリアル PhotoShopでRSS標準アイコンを作成するチュートリアル PhotoShopでタバコの煙風クール画像を１から作るチュートリアル
ez-HTML
充実したカスタマイズ、正確な入力支援、XHTML形式出力も記述ができる高機能・次世代HTMLエディタ。 開発開始からの累計ダウンロード数が100万本を突破しました（2022月4月5日）。 最新版(ver 7.71)をダウンロード！ (2.20MB) 2005年度 VECTORベストオンラインソフトウェア賞を受賞、 2007年度 Greva!プラチナ賞を受賞しました。 Index 市販の「ウェブサイト制作ツール」（以下WYSIWYGと省略）は画像なども簡単に挿入でき、レイアウトなども簡単にできますが、その反面font要素を乱用したり何度も編集している間ゴミのようにタグが残ってしまうという問題点があります。 当ソフトウェアは主に手打ちでHTMLソースを記述する人向けのために開発されています。 また、WYSIWYGで制作したHTML文書のちょっとした編集などにも使う事ができます。 また、このHT
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2007年11月度のweb製作者向けベストエントリ27個まとめ part6*ホームページを作る人のネタ帳
イラストレーターを勉強しよう - DesignWalker
http://japan.internet.com/wmnews/20070720/6.html
Japan.internet.com Webマーケティング - ユーザビリティを極めても顧客志向にならないワケ