ブラウザのウインドウサイズに合わせて、スタイルシートを変更し、レイアウトを最適化する方法をCSS-Tricksから紹介します。 Different Stylesheets for Differently Sized Browser Windows デモではブラウザのサイズを変更すると、それに応じてレイアウトが変わります。

検索フォームを素敵なデザインにスタイリングする、クロスブラウザ対応のスタイルシートをCss Finestから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <form id=”searchform1″ method=”get” action=”" > <input class=”isearch1″ type=”text” name=”keywords” id=”keywords” /> <input class=”ibutton1″ type=”submit” value=”" /> </form> </textarea>

We have encouraged our readers to participate in a contest by designing beautiful and creative horizontal lines. It was necessary, since this design-element was slowly disappearing and was often neglected in web design. But it is going to change now. We have received 1290 images and source-files from 384 designers across the globe. The result is an impressive collection of horizontal lines that de

当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ

Custom Checkboxes, Custom Radio Buttons, Custom Select Lists チェックボックス、ラジオボックスをオシャレに表示するJS。 次のようなチェックボックス、ラジオボックスにスタイルできるJSです。 <input type="checkbox" class="styled" /> のように、class="styled" で自動スタイルされます。 CSSを変更でデザイン変更可能です。 関連エントリ CSSデザインされたTextAreaサンプル inputのtype=fileをCSSでクールにスタイルするサンプル サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ

～10程度っすよ ～50程度かな ～100くらい ～300程度です ～500はこなす ～1000はやってます これ以上 ( ! )

What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope

こちらのブログには認証がかかっています。 ユーザー名 パスワード Powered by Seesaa

XHTML版スライドとは CSSとJavaScriptによる疑似スライドシステム 1つのXHTMLファイルを、div要素あるいは見出し要素単位で複数のスライドに見立てる。 CSSで1つのスライドブロックのみを表示（他はdisplay:none）。 クリックやキー操作イベントでJavaScriptを起動し、表示するスライドブロックを切り替え。 様々なXHTMLスライドシステムが存在するが、基本的な考え方は同じ。 XHTML版スライドのメリット 1つのファイルにまとまってコンパクトで扱いやすい。 適切に作ればCSS、JavaScriptが使えない環境でも通常のウェブページとして閲覧可能。 パワーポイントなどの専用アプリケーションが不要で、どこでもプレゼンテーションできる。 ウェブアプリケーションのデモをするときに、そのままブラウザ内でシームレスに操作できる。 アウトラインプロセッサの出力などの

インターネットビジネスサポート事業などを行うエイエスウィンドウは、同社が運営するインターネットビジネス支援サービス「WebAgency」サイトにおいて、無料で使える「ホームページ診断ツール」サービスを発表した。 同サービスは、診断したいページのURLを入力すると、「HTMLタグ」「検索キーワード」「検索エンジンランク」のチェックを一括して行うことができる。 「HTMLタグ」チェックは、W3Cで提供されている「Markup Validation Service」の診断基準などを参考に開発。W3Cの仕様や、同社独自のガイドラインに沿って診断が行われているという。また、診断の結果、妥当でない事項があった場合、問題の重要度も表示されるしくみになっているが、これはSEOとアクセシビリティの観点から好ましくない問題が重要視される傾向があるとのこと。 ホームページ診断結果の例。診断結果は文章とともに、

平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。