このblogの下部に表示されているフッターのように、上下に完全に固定された100%のフッター(ヘッダー)をCSSだけで実現する方法。 Fixed Header & Footer Layout: A Beginner’s Guide | Noobcube [CSS]100%幅のヘッダとフッタを天地に固定表示するスタイルシート 全てのブラウザで同じように固定させるのはなかなかに骨の折れる作業です。 上記の参照元を含め色々なところで固定ヘッダーのテクニックが紹介されてます。が、多くの場合ブラウザによってカクつきが出たり変なスペースが空いてしまっていたりスクロールが隠れてしまっていたりと、何かしら問題があってですね。 色々試した上で一番問題のない、ほぼ完全にクロスブラウザ仕様の実装方法がこれ。 position: fixedでひとまず固定 まず、モダンブラウザ(Firefox、IE7以降、

dPad HTML EditorはFlickr/Twitter/YouTubeから写真・ツイート・動画、あるいはリンクをすばやく挿入できるブログエディタです。 例えばYouTubeの動画をブログ記事に追加したい時は、YouTubeにアクセスして目的の動画を表示。あとはボタンを1回タップするだけで記事にタグが挿入されます！ 最終的に文章はすべてコピーされるので、内蔵のブラウザでブログの管理画面にアクセスし、記事の作成画面にペーストすることで記事が投稿できます。ですのでFlashを利用するものでない限り、ほとんどのブログに対応していると言えます。 <h1>タグや<a>タグなどのHTMLタグも挟みたい文章を選んでボタン1つで挿入できるので、HTMLを書くためのエディタとしても使えますね！ 詳しくご紹介します。 3ステップでHTMLタグが挿入できる 中央に表示されている「HTML」をタップすると、

ウェブサイトのパフォーマンスの改善やSEO、セキュリティに役立つ.htaccessの設定を紹介します。 17 Useful Htaccess Tricks and Tips 備考：Apache チュートリアル: .htaccess ファイル、Apache コア機能 [ad#ad-2] .htaccessの設定：パフォーマンスやSEO関連 .htaccessの設定：セキュリティ関連 .htaccessの設定：パフォーマンスやSEO関連 .htaccessでタイムゾーンを設定 .htaccessでタイムゾーンを設定します。 例：東京 SetEnv TZ JST-9 もしくは、 SetEnv TZ Asia/Tokyo .htaccessで301リダイレクトを設定 .htaccessで301リダイレクト（永続的なリダイレクト）を設定します。 例：旧ファイル（old.html）、新ファイル（new

当サイトで紹介した数多くのチートシートの中から、今まさに役立つであろうチートシートを厳選して紹介します。 ※未紹介のものも含まれています。 HTMLのチートシート CSSのチートシート jQueryのチートシート WordPressのチートシート [ad#ad-2] HTMLのチートシート

iPhone向けのWebサイトを制作する 際に役立ちそうな情報のまとめです。 情報が多くて混乱し始めたので、個人 的なメモ。iPhone関連のWeb制作情 報は基本的に載せています。アプリ 制作とかそっち系はたいして無いの でご了承下さい。 個人的にグッと来たiPhone / iPad周りの情報をメモ的にまとめておきます。素材とかフレームワークとかTipsとかそういうの中心で、SDKとかObjective-C的な情報は無いです。順不同。 フレームワークとかスクリプト WebアプリとかiPhoneサイト向けのフレームワークとか。 jQuery Mobile スマートフォン向けのjQuery公式ライブラリ。リリースが待ち遠しいですね。 jQuery Mobile Sencha 以前触ってみたので記事にしました。HTML5とjsのみのWebアプリ向けフレームワーク。 Sencha Titaniu

マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか

ページからリンクを抽出・リストアップ・選択・引用。 面倒なタイトル・URLのコピペ作業の繰り返しにさよなら。 ●はてブ ユーザー注目！ はてなID入力で はてなブックマークに登録した記事を表示！ 「ID/tag」でタグによる絞込みもOK（例： myid/あとで ) →使い方

※この記事を読むのに必要な時間は約 3 分です。 前回、ホームページアドレスをWWWありに統一する方法をまとめましたが、今回も同じくアドレスについてです。 index.html（またはindex.htm）のあり、なしを統一する方法をまとめます。 「index.html」のあり、なしとはどういうことかというと、 http://www.soloweb.jp/index.html http://www.soloweb.jp/ この2つのアドレスは、 wwwありの（http://www.soloweb.jp/）、wwwなしの（http://soloweb.jp/）の考えと同じように index.htmlがあり、なしも 「別のページ」だと検索ロボットは判断しています。 リンクが分散されますので統一が必要です。 ホームページを見るユーザー（お客様）視点では アドレスは短く分かりやすいのがいいので in

CSS3対応ブラウザではより美しく、非対応ブラウザでもそれなりに美しいアイコン付きのツールチップを紹介します。

cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。 シンプルなドロップダウンメニュー シンプルなドロップダウンメニューです。マルチレベルのメニューも可能。 demo 縦並びのフライアウトメニュー 横に出るフライアウトタイプ。画像を使用しています。 demo クロスブラウザ対応のグラデーション webkit系でもmozでもIEでもcssのみでグラデーションを実装。 Cross-Browser CSS Gradient ハック、テーブルも使用しないドロップダウンメニュー シンプルなドロップダウンメ

bkhvalid 0.7.10 ・ 概要 ・ 動作環境 ・ ダウンロード ・ インストール ・ 変更履歴 ・ 不具合報告 ・ カンパ 概要 HTML/CSSの/JavaScript構文チェックプログラムです。(HTML/CSS/JavaScript Validator) Windows カンパウェア HTML, XHTML, CSS, JavaScriptの構文をチェックする。 HTMLとXHTMLはまずSGMLコマンド(onsgmls)でチェックを行う。 そして、コマンドの出力結果に対して属性値やスタイルシートなどの追加チェックを行う。 CSSは内部の独自エンジンでチェックを行う。 JavaScriptはJavaScript Lintでチェックを行う。 複数ファイルを一括してチェック可能。 ベースにwxWidgetsを使用。 カンパウェア。無料かつ機能制限なしで利用可能ですが

61 High Quality And Free xHTML Templates Part 2: Year 2010 | Graphic and Web Design Blog ハイクオリティでフリーなXHTMLテンプレート61がまとまったエントリのご紹介です。 これがフリー？というような物が多く、簡単なサイトならば誰でも美麗なウェブサイトを構築出来そうです。 沢山あるので、作りたいサイトのイメージに合うデザインが見つかりそうですね。 関連エントリ フリーな(X)HTML/CSSなテンプレート集のまとめ フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集 フリーのCSSデザインテンプレート集「Free Css Templates」 フリーのWEBデザインテンプレート集