3streamer.net 2024 著作権. 不許複製 プライバシーポリシー
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
私の周りでwebデザインが出来る人ってあんまりいません。でも「webデザインってどうやるのー?」とか「私もやってみたいんだけど…」とかの声はよく聞きます。皆興味はあるのに”webデザインは難しい”と思って始められないんじゃないでしょうか。そんなこれからwebデザインを始めたいビギナーさんに向けてHTMLの基本・基礎をまとめてみます。真新しいことは特にないほんとに基礎です〜>< by:fweez まずはじめに とりあえず用意するもの2つ HTMLの基本 HTMLとは? 1.DOCTYPEの宣言 2.基本的なタグ 3.<body>の文書構造 CSSの基本 CSSとは? 1.CSSの読み込み方法 2.指定パターン 3.marginとpaddingの違い 4.ブロック要素とインライン要素 応用してwebページを作ってみる まずはじめに 一口にwebデザインといっても色々なことがあると思うのですが大
画像を使用せずに、シンプルなHTMLで美しいパンくずを実装するスタイルシートのチュートリアルを紹介します。 CSS3 breadcrumbs [ad#ad-2] デモ 実装 デモ デモはCSS3、疑似要素を使用しているため、IE9+, Firefox, Chrome, Safari, Operaでご覧ください。 4つデモは、全て画像を使用していません。 デモページ:ホバー時 実装 HTML HTMLは非常にシンプルで、リスト要素を使用します。 ul要素にid、現在位置にclassを記述します。 <ul id="breadcrumbs-one"> <li><a href="">Lorem ipsum</a></li> <li><a href="">Vivamus nisi eros</a></li> <li><a href="">Nulla sed lorem risus</a></li>
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード(ヒント付き) こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記: ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
HTML5やCSS3といった最新の技術を活用したWebページの制作は開発者にとっては魅力的な選択肢だが、そこには常に「どの機能ならば使っても良いか」という判断が必要になる。最新のブラウザがある機能に対応していたとしても、それがすべての主要ブラウザでサポートされていないことがあったり、あるバージョンでは特定の問題を引き起こすこともある。「どの機能ならば使っても良いか」という調査にかかるコストを考えると、従来の古い技術のみでWebサイトを構築する、といった選択肢も捨てがたいものとなってしまう。 こうした際に役立つサイト「HTML5 Please」が登場した。HTML5やCSS3、JavaScript APIに関して利用が推奨されるかどうか、どのブラウザのどのバージョンがサポートし、全体としてどの程度の対応状況にあるかをまとめたサイトだ。どの機能を利用すべきかといった判断をするのに役立てることが
HTML4では、要素ごとにブロック要素、インライン要素というわけ方があり、インライン要素の中にブロック要素が使えなかったりなどタグの使い方にルールがありましたが、HTML5ではブロック要素、インライン要素というわけ方はしなくなり、要素ごとに目的に応じたカテゴリーという形で分けられています。今回はそのカテゴリーについてまとめてみたいと思います。 MdN Design Interactiveの第6回目のURLはこちらになります。 HTML5の「カテゴリー」についてまとめよう HTML5の各要素は、目的に応じたカテゴリーに属しています。 メタデータ・コンテンツ フロー・コンテンツ セクショニング・コンテンツ ヘッディング・コンテンツ フレージング・コンテンツ エンベッディッド・コンテンツ インタラクティブ・コンテンツ セクショニング・ルート HTML5の要素のほとんどが上記のカテゴリーのどれかに
HTML5の勉強を始めた際に使い方に迷う新要素「section要素」の基本と使い方をまとめてみました【MdN連載第4回目】 HTML5の勉強を始める際に新要素の使い方などを勉強すると思いますが、その際にまず迷うのが「section要素」と「article要素」はどういうときに使うのだろか?使い分けはどういうようにするのか?という疑問にほとんどの人が行きつくとおもいます。 しかしこれはコンテンツの原稿によっても変わるものなので何もない段階で要素だけ見て「section要素」はこうする、「article要素」はこうするという絶対的なルールはありません。原稿内容によってセクション分けをする形になります。 逆にヘッダー部分に使う「header要素」、フッター部分に使う「footer要素」、主要ナビゲーションに使う「nav要素」要素などは使い方が明確でわかりやすいですよね。 仕様書やHTML5の書籍
<< February 2024 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 >> 2014年1月追記:お知らせ ブログ、お引っ越ししてます。 新アドレス http://ruh.sunnyday.jp/archives/74 下記は古い情報も含んでおります。非推奨要素も入ってますのでご注意ください。 10年くらいぶりに某所で小説サイトを始めました。 どうせなら(x)htmlとCSSの勉強しようと、色々確認しながらエディタで手打ち。 これはこれで出来上がったのですが… 更新作業が面倒になってきました。 メモ帳で小説書いて「よし終わった!」の勢いをもってしても、 1.小説用htmlテンプレファイルにコピペして 2.<p>とか<br />とかポチポチ入れて 3.目次ページ更新して、
Random thoughts, note and graffiti that have piqued my creative interest. サイトを全部CMS化して管理しようと思い立ち、ついでなのでHTML5にしました。さようならxhtml1.1。こんにちはHTML5。CMSはいつも通りTextpatternです。 CSS3も使ってます。SafariとGoogleChromeではうっすらとアニメーションが適用されると思います。IEはver9以外は壊滅的なので、IE9でご覧になってくれると嬉しいです。 さて、この度HTML5で書くにあたり色々と調べてメモしながら作業をしたので、そのへんも書いていこうと思います。 参考書にしたのは、オライリーから出ている入門HTML5という本です。これは既に手元にあったので改めて読み返しました。ミツエーリンクスの矢倉さんが訳しています。 また、入門HT
現在位置 [ トップページ - ツール - HTMLクイックチェッカ ] このサイトは更新を終了しました。 [HTMLクイックチェッカ ver 0.13 (hchk013.lzh) ダウンロード 約450KB] 「HTMLクイックチェッカ」は、Windows上で動作する、HTML構文とローカルリンクの簡易チェッカです。複数のファイルをまとめてチェックでき、ソース中の問題部分を表示できるので、迅速な修正が可能です。ファイルのタイムスタンプを調べて、更新されたファイルのみをチェックする機能もついています。ブラウザ表示を眺めたり、ソースとにらめっこしただけでは発見が困難なケアレスミスをほじくり出す(笑)ことができます。 概要 ソフトウェア種別 フリーフェア 動作環境 Windows 95/98/Me/NT4.0/2000/XP 対応しているHTMLのバージョン HTML4.01 (Transit
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
<TEXTAREA> で rows を指定しても IE と Firefox では見た目が違ってしまいます。 例えば次のように定義します。 <textarea rows="3" cols="20"> 1.ABCDE 2.あいう 3.アイウ</textarea> rows を 3 にしていますが、Firefox では 次の赤線で囲んだように 3 行分以外に スペースが空いてしまいます。 不思議に思っていたのですが、 どうやらこのスペースは、横スクロールバーのための予定地だったようです。 スタイルシートで横スクロールバーを出してみます。 textarea { overflow-x : scroll ; } 次のようになります。 Firefox はこの状態で 3 行分の縦サイズになりました。 逆に IE の方は横スクロールバーの分 隠れてしまいました。 自動改行させる場合(デフォルト)は、横スクロ
Validome – A Free Validation Service for HTML and Accessibility Validome allows Web Developers to check their website’s syntax with a validation service for compliance with the current HTML specification. Validation for accessibility compliance ensures that all users can effectively use your website and understand your content. This tool also provides an SEO audit, which is especially handy for th
border-radius + -moz-border-radius + (Nifty Corners * IE behavior) これまではさほど関心を持っていなかった角丸なのですが、最近のはてなブックマークで角丸を扱った記事が多く取り上げられてたり、CSS Nite Vol.6(見に行ってました)でも角丸が取り上げられたりしていたので、今更ながらにわかに興味が出てきたのでした。 たぶん、自分が角丸へ関心を持つのを避けていたのは、作る側として「実現するのがややこしいから」ということだったと思うのですが、見る側からしてみると、角丸のもつ見た目の印象はかなり効果的だよなあ、と考えるようになってきました。最近見たものだと、Catalystでサンプルアプリケーションを作った時のデフォルトページが、-moz-border-radiusをつかったスタイルで、衝撃的でした。 さて角丸をどう実現するか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く