さてJavaScriptでテキストや値をHTML上に書きだすときに、document.write("テキスト"); などの記述はよく使われてきましたが、HTML5ではdocument.writeは非推奨とされています。document.writeはブラウザのレンダリングに悪しき影響を与えるとして、HTML5の…

xhtml1.0ではかなり構造化を意識した記述がデフォルトになりましたが、セマンティックといういみでは、まだまだdivとpタグ、リストタグが多用されるだけで、厳密にはソースコードの構造からは文章構造を読み取ることができませんでした。HTML5になり、文章構…

画像品質をある程度保ちながら、画像サイズを同程度のJPEG画像に比べ、概ね半分以下のファイルサイズで作成できる新たな画像形式「BPG」。「BPG」はFabrice Bellard氏により開発された新しい画像形式です。可逆圧縮やアルファチャンネルにも対応し、色空間の…

HTMLタグで文法上箇条書きで使用されるのは、ulタグ、olタグ、dlタグが主に利用されますが、これらのリストタグの意味と用途について。● ul(Unordered List)ul（アンオーダードリスト)タグは..........● ol(Ordered List) ol(オーダードリスト)タグは、順序…

CSSプロパティ値でたまに"inherit"なる値が設定されていたりする。inherit(インヘリット)とは、『継承』という意味で、このセレクタの親要素のプロパティ値を強制的に継承させるという意味です。継承させたい同一のプロパティ値が大量にある場合は有効ですが…

CSSプロパティにはブラウザ独自の拡張機能が実装されていたり、CSS草案段階で先行して実装することがあるため、拡張機能であることを明示するための記述がベンダープレフィックスです。 ベンダーとは提供元や売り手を意味し、プレフィックス(Prefix)とは接頭…

UA(ユーザーエージェント)とは、一般に情報アクセスの方法を意味しますが、Webにおいてのユーザーエージェントとは、HTTPユーザーエージェント（HTTP_USER_AGENT）ことや、それを識別するための名称文字列を意味する。 HTTPユーザーエージェントといった場合…

2010年6月リリースのChromeから標準で搭載されている通信プロトコル技術、SPDY(スピーディー)について。 Google独自の技術として採用された技術ですが、IETF(インターネット技術の標準化を推進する任意団体です)によってWeb標準の仕様化がすすめられています…

小さな・(中黒)三つ続いた2byte文字『…』の読み方と入力方法について。 まず『……』ような文字列をリーダーもしくはテンセン、ロクレンテンといい、『------』のように小文字の横棒が続く文字列を破線リーダー、テンセンと読みます。 『‥』二点リーダー、テン…

簡易的なエミュレータとして役立つFirefox Developer Edition。 レスポンシブデザインモードを利用すれば、スマホサイトやフィーチャーフォンサイトの簡易的なビューアとして利用できるので便利です。レスポンシブデザインモードのショートカット―キーは....…

さて、HTML5やCSS3などが最近では割合使いやすくなりましたが、W3Cや体制盲従論者などを巻き込んで、HTMLやCSSについて、やれこの記述が正しいとか、W3CやWebスクールの先生がいってるので間違いないとか、わりとどーでもいいことでかなり得意げな感じで勝ち…

インターネット上のホームページＵＲＬであるドメインには、トップレベルドメイン(ドメイン名最後の項目)に『co.jp』『com』『net』『jp』などありますが、その違いとメリット、年間費用について。まず大きな違いについては、年間費用や用途、取得条件がこと…

アンカーテキストのリンク先がない場合、いわゆるリンク切れのときにはいくつかのデメリットがあります。・顧客に注意を受ける・検索エンジンからの評価が微妙に低くなる・閲覧ユーザーをがっかりさせるなど。リンク切れのチェックはDreamweaverを利用しての…

近年では、販売促進の手法も随分様変わりしている部分もありますが、いかんせん費用対効果が見えずらく、場合によっては新興広告分野はまだまだ吹っかけられたり、高額だったりします。 そんな中で100年以上の歴史がある街頭広告は、まだまだ広告効果が高く…

日常生活や一般的なビジネスには、必ず不用品や粗大ごみなど、特別な方法をとりお金を払わないと回収できない物がたくさんありますが、そのような需要に合わせて、近年では行政の処分以外にも、沢山の不用品回収業者が開業しています。 いろいろな業者がおり…

最近、英語や英会話の語学留学先として日本でも注目を浴びているのが、フィリピン・セブ島への語学留学です。■セブ島 留学 についてなぜビーチリゾートのセブが注目されているかというと、大きく3つの理由が挙げられます。》ポイント1.留学費用が安く済む 海…

以前のバージョンでは、オプションからの設定が可能だったのだが、最近のバージョンではプラグインあabout:configからしか設定できないらしい。アドレスバーに、『about:config』を入力して、警告画面を確認して、設定項目一覧の画面をブラウザ上のウィンド…

Lightbox(JQuery)を利用して、サムネイルをクリックすると大きな画像を表示させるスライドショーを利用してみる。Firefoxでは問題なく、大きな画像が表示されると、外側の背景は元のページを黒で透過させて背景ページが見えている。ところがIEで表示させると…

あるサービスサイトのブックマークを見ていたら、rel="nofollow"と自動的にされていた。記憶によれば、これはリンクジュースなどの流出を防ぐために、...............................させるための記述だったような。Googleサポートの情報をもとにすると、や…

Google Maps APIのコントロールセット、地図の左上にでている拡大縮小のボタン類などの表示・非表示、有効・無効などのカスタマイズのまとめです。■コントロールセットの表示内容を個別設定するコントロールセットの個別表示は以下の設定で可能です。表示・…

ワイルドカードを利用したDreamweaverの一括置換の応用で、異なるリンク先とアンカーテキストのたくさんのリストのアンカーリンクを一括で削除します。これはテーブル内にある大量にあるアンカーテキストとアンカーリンクがすべて別々のテキストとリンク先UR…

①②③機種依存文字は意外とそのまま変換してそのまま入力してしまい、あとで端末を変えて閲覧したときに文字化けに気が付いたりすることがあります。機種依存文字は参照文字で必ず入力するようにクセをつけておくとよいでしょう。丸数字は数値文字参照で以下の…

アダルトサイトなどの入り口で見かける18禁マークのロゴを無料でダウンロードできるサイトを探してみる。特に用途はないのだが。利用やダ..........................

JQueryなどで簡単にチェックできるライブラリも多いのですが、シンプルなJavascriptのメールフォームチェックについて。通常の入力チェックから、メールアドレスの正誤チェック、ラジオボタンやチェックボックス、プルダウンメニューのselectタグやテキスト…

レスポンシブWebデザイン(responsive web design)とは、Webデザインの手法を表す言葉の一つで、.....................................................................に対応させること。近年では、Webサイトの閲覧環境がパソコンだけではなく、スマートフ…

スマホでも利用できる多機能型JQueryスライドショー・FlexSlider2を利用しようとDLする。簡単なカスタマイズを始めると左右の矢印ボタンアイコンが表示されていない。代わりに、小さく"f002"と"f001"と小さな文字が二文字目で折り返されて四角で表示されてい…

普段はほとんど使用しないブラウザ、IneternetExplorer。ある日突然IEが起動しなくなっていた。「InternetExplorerは動作を停止しました」ダイアログが表示されインターネットオプションすら見られない時の対処。どうもアドオンあたりに問題がありそうなので…

HTML5からタグ属性にrole属性が追加されています。XHTML策定中の属性と予定されていたようで、HTML4.01やXHTML1.0で厳密には文法的にサポートされない属性となります。アクセシビリティを意識したHTML5マークアップでは、対応アプリなどの条件も必要になりま…

Dreamweaverでソースコードを編集する際、左側に行番号が表示可能ですが、非表示になってしまっている場合の行番号の表示・非表示の設定方法メニュー...........................を入れる。これでソースコード編集画面の左側に行番号が表示される。

CSS3から追加されたセレクタのnth-childとnth-of-typeのプロパティ。 ■nth-childとは .Parents .Child:nth-child(n) と記述する上記の例では、.......を指定することができる。リストアイテムなどの何番目だけborderを指定したいとか、背景色を変更したい場…