みんな大好きリキッドレイアウト～固定幅＋リキッドレイアウトに挑戦～ « SetucoCMSプロジェクト
はい、こんにちは。リーダーのskyguildこと三上です。 SetucoCMS合宿@2011のLT大会でリキッドレイアウトの話をしました。今回はそのスライド内で語り切れないデモの部分を中心に解説してみます。 リキッドレイアウトのLTスライド うまく表示されない方は下記のリンクからご覧ください。 みんな大好きリキッドレイアウト（別窓で開きます） 要約 リキッドレイアウトとは、可変レイアウトの一種で、ブラウザ幅に対して％で幅を指定する。 リキッドレイアウトなら閲覧環境に合わせて最適なレイアウトに可変できる！ とはいえ、「ナビゲーションの幅が可変すると使いづらい」とか一部は固定幅にしたい。そんな時の固定幅+リキッドレイアウト。 参考にしたサイト：「サイトの横幅」再論：950px時代のウェブデザイン 実装方法 というわけで、普通のリキッドレイアウトと、固定幅+リキッドレイアウトの実装方法について解
WEBサイトカッコイイ｜かっこいいWEBサイトのリンク集。
新運輸株式会社 株式会社船津工務店 株式会社山田組 採用サイト 株式会社リプライオリティ 西野建設工業株式会社 河合電器製作所 JPホールディングスグループ リクルートサイト 塩田家具 リヴリア PLATFORM Casa採用情報 Ready Crew madameFIGARO.jp RITA GROUP 大人のための数学・物理・統計教室 豆乳アイス、はじめました。 フォーサイト総合法律事務所 QJWeb 株式会社ジーピーオンライン インフォメーションメディアデザイン株式会社 ひよけ寿司・和食処ひよけ家 brand name 鴻池組 - 新卒採用サイト 電音部 UNLEASH RYUTist いちから株式会社 株式会社エートゥジェイ 鬼怒川金谷ホテル F-FURNITURE 採用情報サイト | 株式会社カデックス 株式会社ミキハウストレード 東京睡眠代謝クリニック新宿 江古田まさ動物病院
初心者さんのためのWebサイト制作に役立つリンク集
2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください！ ↑私が10年以上利用している会計ソフト！ Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため？何のため？Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム（Webサイトのレイアウト）を作成 Webサイトの骨組み: ワイヤーフレームを素早く・
基本的なフォーム -- ごく簡単なHTMLの説明
この例をもとに、HTMLのフォームを構成する要素を順番に説明していきます。この例のHTML全体は、本章の最後で改めて紹介します。 フォームの基本枠組み データを送信するためには「何を」「どこに」「どうやって」送るかを示さなければなりません。フォームはこのための手段を提供します。 HTMLのフォームは、データを入力するための手段（コントロールと呼びます）と、それに関するラベルや説明から構成されるひとまとまりのセクションです。「何を」送信するかを示すためにこのセクションの範囲を明示し、「どこに」「どうやって」送信するかを設定します。この枠組みを提供するのがform要素です。 form要素の構造 form要素タイプは2つの主要な属性を持ちます。ひとつは「どこに」、つまりデータを受け取るプログラムを指定するaction属性、もうひとつが「どうやって」、つまりデータの送信方法を指定するmethod属
FORMタグのまとめ - パソコンＱ＆Ａ
文字を送るときに使います。 type属性を省略した場合もこれになります。 改行は使えないので、改行を含む場合にはテキストエリアを使う必要があります。 パスワード パスワードを入力する時に使います。 入力した文字が『＊(アスタリスク)』や『・(中黒)』などになります。 画面上に入力した文字が表示されないので、「ショルダーハック(キー入力や画面を盗み見る原始的なハッキング手法)」に効果があります。 ただ画面上は隠せても送られるデータは盗聴される可能性があるのでSSL暗号方式などを併用するといいでしょう。 ユーザー登録などでパスワード入力画面の次に確認画面がある場合、隠しデータとして値が継承されるフォームもありますが、あまりよくはないです。 一旦、『パスワード情報をデータベースに書き込んでそのIDを隠しデータとする』 または『テキストファイルに書き込んでファイル名を隠しデータとする』という手法が
HTML関連ルール | HTML & CSS コーディングガイドライン ver.0.9
HTMLの記述ルール 書式 内容が一行に収まる場合は開始タグの後で改行しない。 HTMLのインデントはPHPやCMS内でインデントを行う際に煩雑になりやすいため原則的に行わない。 body要素にはclass（ディレクトリ名）、id（ファイル名）をつけ、サイト内のどのページであるかを明示する。PHPやCMSを用いる場合は例外とする。 終了タグの前にコメントを挿入する。idの閉じコメントは「/#idname」classは「/.classname」とする。 文字コード・改行コード 要件でない限り以下のフォーマットを使用する。 UTF-8 / CR+LF DOCTYPE宣言 要件でない限りXML宣言は行わない。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT
CSSのopacityで透明度／透過度を指定する方法｜BLACKFLAG
今さらながら、Webページ内の要素に対して、要素の透明度／透過度をCSSのみで指定する方法について。 久々にCSSのみで透明度の指定が必要になる場面があったのですが、記述方法をすっかり忘れていたのでここにメモとして残しておきます。 CSSで透明度を指定するには「opacity」というプロパティを使用しますが、ブラウザによって記述が変わるので下記の様な形になります。 ◆CSS div { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } 『filter:alpha(opacity=50);』 これはIE向けの指定。 “50”というのは透明度が“50%”ということ。 透過無しの状態“100%”を指定する際は「filter:alpha(opacity=100);」。 『-moz-opacity: 0.5;』 これはFiref
文字の大きさを変える CSS font-size:
文字の大きさを変更するには、font-size;というプロパティを利用する。 文字の大きさを変えるプロパティ font-size: font-size: 大きさの値 ページ全体の文字の大きさを変える。 body { font-size: 大きさの値 } 段落<p></p>要素の文字の大きさを変える。 p { font-size: 大きさの値 } クラス名testの文字の大きさを変える。 .test { font-size: 大きさの値 } id名mainの文字の大きさを変える。 #main { font-size: 大きさの値 } 大きさの値の単位 ％指定 ブラウザの文字基準サイズに対する％の値。 font-size: 98% em指定 ブラウザの文字基準サイズを1emとした時の値。 font-size: 0.9em ブラウザ相対指定 ブラウザで指定されている基準値。 font-size:
ブラウザ別デフォルトフォントサイズ一覧表｜web bibo
ご使用のブラウザのデフォルトフォントサイズを取得 Javascriptでフォントサイズを取得するスクリプトを作ってみました。こちらのページで今お使いのブラウザのデフォルトフォントサイズを知ることができます。ただ、動作は不安定です。Javascriptで取得したサイズと上記表のフォントサイズで、食い違ってる部分もあります（Safariとか）。なぜサイズが違うのかわかる方いましたら、ご連絡ください。多分、Javascriptが上手く動作していないんだろうなぁ・・・ →ブラウザのデフォルトフォントサイズを取得
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML4から変化したHTML5のマークアップ ここが違う！サンプルで見るHTML5（2）
<head> ページ情報を記述する | よく使うタグ
http://www.access-capture.com/blog/archives/968
ＦＯＲＭ関連タグ一覧表
HTMLタグボード - HTMLタグ一覧、CSSリファレンスなど