woorkのエントリーから、フォームの各項目をリスト要素で並べたスタイルシートのチュートリアルの紹介です。 FORM elements design using CSS and list (ul and dl) チュートリアルのスタイルシートでは、labelとinputを包括する「li」に、margin, paddingなどの指定をしています。 包括指定をする際にdivを使用していましたが、リストで実装した方がしっくりくるかも。
9か月前、最初にSEOmozで働き始めたとき、僕はウェブ制作のインターンだった。それ以前の経験といえば、コードを書いたことがあるくらいだった。 SEOmozに参加してから、それこそ何百時間もかけて、いろいろな分野の知識を広げていった。特に、定番のSEO手法と中小企業向けの実務は力を入れて勉強した。この間投稿したSEO初心者のためのチェックリストは、僕が新しく手に入れた知識の結晶なんだ。 原点に立ち帰るために、SEO技術のトラの巻の母体となるべきものを丸1日かけてまとめてみた。このトラの巻は、ブログ記事として読むよりもPDFで印刷して読んだ方がいいよ(ブログ記事は印刷しにくいからね)。 ダウンロードする前に内容を確認できるように、簡単な説明をしておくよ。じゃあね! SEO基本技術のチートシート(トラの巻)――表面
引用元:web制作板 545 名前:Name_Not_Found[sage]投稿日:03/10/20 20:13 ID:??? 初心者向け ■はじめてのWEBドキュメント作り http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ ■初めてのホームページ講座 http://www.hajimeteno.ne.jp/index.html ■30分間HTML入門 http://kanzaki.com/docs/html/lesson1.html ■ISMT HOME 〜 メモ帳で作る超初心者のHP作成講座 〜 http://ismt.cside.com/ ■趣味のWebデザイン http://deztec.jp/design/index.html HTML/WWW解説 ■好ましいHTML文書を書くための方法と考え方 http://www.asahi-net.
2008年05月20日14:15 カテゴリLightweight Languages javascript - 勝手に添削 - textareaの高さを自動調節 これはなかなかいいですね。 textareaのサイズを入力にあわせて調整するJavaScript (イラストdeブログ開発記) イラストdeブログの掲示板の使い勝手を高めるため、textareaサイズをJavaScriptで改行入力毎に大きくするコードを書いてみました Firefox 2, Safari 3, Opera 9で動作確認してあります。 イチ に 三 function resize_textarea(ev){ //if (ev.keyCode != 13) return; var textarea = ev.target || ev.srcElement; var value = textarea.value; var
商用・非商用で使用できるフリーの写真素材サイトのリンク集です。 ライセンス(二次加工禁止・著作権表記など)は各画像ごとに異なるため、特に商用利用の際は確認が必要です。 「商用利用可」「非商用のみ可」の記載は、各サイトの主要なライセンスとなっています。
携帯電話とPCには5つの大きな違いがある。PCのSEOのノウハウを携帯電話にそのまま転用しても成功には結びつかない。両者の違いを踏まえてモバイル独自の対策を実施する必要がある。下記に挙げた5つの違いについて順番に解説していく。 1.検索キーワードの違い 2.検索エンジンの違い 3.公式サイト・一般サイトの区別 4.キャリア/端末の識別 5.IPアドレスによるアクセス制限 1.検索キーワードの違い SEOで最も重要な要素のひとつが対策するキーワードだ。携帯電話ならではの特徴と、PCとの共通点が見えてきた。 携帯電話の検索の特徴「キーワードの正確さ」 ほぼすべての端末には予告変換機能が搭載されており、はじめの1文字2文字を入力すれば、大抵は自分の意図する単語が表示される。固有名詞が辞書に登録されているため、「L’Arc〜en〜Ciel」「Mr.children」などのアーティスト名や「LOUI
leigeberのエントリーから、スタイルシートの記述の簡略化のチートシートを紹介します。 チートシートは、PDFで配布されています。 <textarea name="code" class="css" cols="60" rows="5"> #div { background-color: #CCCCCC; (named, hex, rgb or 0-255) (default = transparent) background-image: url(images/bg.gif); (url or none) (default = none) background-repeat: no-repeat; (repeat, repeat-x, repeat-y or no-repeat) (default = repeat) background-attachment: scroll; (f
最近ケータイサイトの開発を行っているのですが、キャリアや機種によって動作にいろいろと違いがあり、なかなか面倒ですね。 キャリアごとにテンプレートを分けて記述するのは手間なので、基本的に共通テンプレートで記述したいところですが、どうしても振り分けをしないと駄目なこともあるため、今回やってみて気がついた違いなどについてまとめてみました。 なお、いわゆる第三世代携帯電話(DoCoMo FOMA, au WIN, SoftBank/Vodafone 3G)でXHTML対応機種のみを対象としています。 ■文字コード UTF-8で統一して大丈夫そうなのですが、DoCoMoのみ特定の文字(三点リーダーや丸数字など)をフォームから入力した場合に消えてしまったりするようですので、DoCoMoは入出力をShift_JISにする必要があります。 ※上記で特定の文字のひとつとしてあげました三点リーダーですが、UT
本エントリは、20〜40代のPCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら "ユーザーID"と"メールアドレス" 減ってはきたものの、ユーザーIDとメールアドレスの両方を取るWebサービスがいまだに結構ある(ex. Remember the milk)。はてなやYahooAuctionのように「ユーザーIDがニックネームに相当するコミュニティサイト」は除くとして、ユーザーIDを一般客に公開しないにも関わらずIDとメルアドの両方を取る意図がわからない。 ユーザーIDとしてメールアドレスを使うメリットは 会員登録フォームの入力必須箇所が1個減る 好みのIDが取れない事件が防げる "ID忘れ"による機会損失/幽霊会員が減る 流石に自分のメアドは忘れ
IEでのデバッグ/動作確認に便利なソフトいろいろ。 沢山あるのでまとめてみました。 IETester IE5.5, IE6, IE7, IE8でのページレンダリングを1つのソフトで一括チェックできる超優れものソフト。 Vistaでも使えるようで今後のWEB開発に必須となりそうなツール。 IEとFirefoxの同時レンダリングはCSSVistaが便利。 DebugBar IEに便利機能のついたツールバーを追加 ブラウザ画面のキャプチャをメール送信 カラーピッカー 特定の画面解像度にリサイズする機能 ページの表示を 10% 〜 800% まで拡大/縮小表示できる( IE の Zoom 機能使用 ) 画像やFlashなどのobject も拡大縮小できます ソースコードをハイライト付きで表示 オリジナルのソースと、IEが解釈した後のソースを見比べることも可能 指定文字列ハイライト検索機能 Comp
MP3やWAV形式の効果音がダウンロードできるサイトの紹介です。 クリックなどの効果音は、ほとんどがロイヤリティフリー(Royalty Free)となっていますが、サイトに収録されている全てを確認するのは不可能なので、一部条件付きのものがあるかもしれません。
ウェブサイトを動的なページに変更したい、機能を拡張したいと思ったら、 Ajaxのツールを使って簡単に機能を拡張してみよう。 ウェブサイトを運営するとき、サイトを見たユーザーからコメントを残してもらうことがあります。 また、企業なら連絡方法としてメールの送信ができるように、メールフォームを用意していると思います。 こうしたウェブサイトのメールフォームをAjaxを使って導入することができます。
20日に発表されたGoogleの新しいWeb API、Google AJAX Language APIは、誰でも簡単に言語の翻訳を行えるようにするJavaScript APIだ。同APIを使うと、JavaScript文字列に対して「日本語←→英語」や「中国語←→英語」と言った変換を簡単に行えるのみならず、文字列が何語で書かれているかを自動判別することもできる。 同APIのパワーがどれほどのものかというと、以下のような翻訳サイトを10分足らずで作れてしまったほどだ(ソースコードは次ページで解説)。 非常にシンプルなAPI(メソッド2つしかない!)にも関わらず、そのパワーがあまりに凄まじすぎる。この興奮をぜひ皆さんにもお伝えしたいと思う。 ということで、さっそくLanguage APIの使い方を学んでいこう。
ke-tai.org > Blog Archive > PHPでケータイのFlash対応・非対応を判定できる関数を作ってみました ケータイコンテンツでよくある処理に、Flash対応端末であればFlashを、非対応端末であれば画像を出すという処理があります。 PHPでケータイのFlash対応・非対応を判定する関数が公開されています。 次のように使うことが出来ます。 if (isEnableFlash($_SERVER['HTTP_USER_AGENT'])) { echo 'Flash対応'; } else { echo 'Flash非対応'; } 携帯のFlashLiteコンテンツを作る予定のある方は必見かもしれませんね。
WebデザイナのためのPHP入門--PHPのファイルがデザイン確認できない理由 - builder by ZDNet Japan 今や全く静的なWebページの方が少ないと言えるほど、Webサイトとスクリプト技術は切っても切れない関係にある。WebデザイナのためのPHP入門 by builder。 Webデザイナ向けのPHP入門記事。 XAMPP,MAMPのインストール〜基本文法までを紹介。 PHPでの開発の場合、デザイナとプログラマの作業は分担するとはいえ、デザイナにも最低限のPHPを知っておいてもらえると作業は効率的に行えますね。 PHPとSmarty、加えて、その他の言語のテンプレートエンジンについて知っておくと、出来るwebデザイナとして認められるはずです。 関連サイト phpspot もご覧ください エディタの配布や入門コンテンツ、サンプル色々
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く