無料ホームページテンプレート Template Party
2024/05/02Template アーティスト(画家・作家・音楽家・芸能人など)向け 無料ホームページテンプレート tp_artist2公開。 2024/04/22Template カフェ向け かわいい無料ホームページテンプレート tp_cafe18公開。 2024/04/15Template オンラインショップ・ショッピングモール向け 無料ホームページテンプレート tp_shop11公開。 2024/04/12不具合 リセットCSS（sanitize.css）のCDNでホストエラーが発生しているようでテンプレートのレイアウト崩れが出ています。※翌日復旧。 2024/03/22Template アーティスト・ギャラリーサイト向け 無料ホームページテンプレート tp_gallery2公開。 2024/03/08Template 老人ホーム・介護施設・デイサービス向け 無料ホームページテン
ワンランク上のHTMLコーディングを行うための18のポイント | ベイジの社長ブログ
HTMLコーディングの初級というと、どの程度のスキルを差すのでしょうか。弊社では、以下のようなことがひとまずできていると、だいたい初級レベルを越え始めた段階かな、という気がしています。 ターゲットブラウザで大きな崩れがない。 リンク漏れや原稿違いなどのヒューマンエラーの頻度が極めて低い。 バリデーター・チェックでエラーが出ない。 逆に、これだけのことができて、なぜまだ初級レベルなのでしょうか。それは、現場では、これだけでは不十分だからです。ブラウザでひとまず正常に表示されるだけでなく、改修に素早く対応できる柔軟性、協業や運用後の更新を楽にするルールの一貫性や簡潔さ、HTMLの概念をきちんと踏まえた正しい構造設計なども、求められてくるからです。 そこでここでは、脱・初級者を目指す方のために、弊社内で行っているHTMLコーディングの、いわゆるエラーということ以外のチェックポイントを、まとめてみ
HTMLコーディングの問題点を浮かび上がらせてくれるブックマーク·DiagnostiCSS MOONGIFT
DiagnostiCSSはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 Webブラウザはよく出来ていて、Web標準に沿っていなくともそれっぽく表示してくれます。しかしそれに安穏としているとレガシーなブラウザなどで表示が失敗したり、意図した動作にならないことがあります。そこでDiagnostiCSSを使ってチェックしてみましょう。 MOONGIFTで実行しました。様々な枠が表示されました。 マウスオーバーで画面上部にメッセージが表示されます。例えばonclick指定の指摘です。 かなりダメなところは赤い枠になっています。 DiagnostiCSSでは問題のあるHTML要素について枠で囲むことで問題を把握しやすくしてくれます。主にインラインスタイルやイベント属性、無効なリンク、空または廃止予定の要素、必要な属性のない要素などがリストアップされます。 HT
知らないといつまでたってもHTMLとCSSが理解できない暗黙の仕様4つ
調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。
Internet Explorer 9正式版レビュー
連載目次 3月15日（日本時間）、Internet Explorer 9（以降、IE9）の正式版が世界的にリリースされた。（東日本大震災の影響を考慮して公開が延期されていた）日本でも、間もなく4月26日午前0時に日本語版が公開される予定である。 IE9では、ユーザー・インターフェイスやJavaScriptエンジンが刷新され、Webブラウザ自体が大きく生まれ変わっている。これだけにとどまらず、HTML5／CSS3／SVGなどの最先端Web標準技術への対応が強化され、さらに「ピンで固定されたサイト（Pinned Site）」や「ジャンプ・リストのタスク定義」といった新機能（詳細後述）も追加されている。 本特集では、これらの新機能の中で、特にWeb制作やWebアプリケーション開発に関連するであろう下記の6点を取り上げ、前編・後編の2回に分けて簡単に紹介する。 IE9は下記のリンク先から入手できる
IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌
Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="/exec/some.html" style="width:100;height:100px"> <p>non object</p> </object> <![endif]--> <!--[if !IE]> <--> <object type="text/html
HTML5ことはじめ | Another Step.com
制作者側にはかなり普及してきた感もあるHTML5。 情報は溢れていますが、自身も少しづつ勉強してきたのでXHTML1.0との違いなどをメモがわりにアウトプットしてみた。 (マークアップメインの話です) HTML5はW3Cより2008年1月22日に草案が発表され、2010年8月現在も草案の段階です。 勧告はW3Cが2012年3月、WHATWGは2022年としており、どちらにしてもまだ先ですが、新しいブラウザは段階的に対応していくと予想されるし、JSを使えばIEもカバーできるので、現状利用することも可能でしょう。 メリット・デメリットについては賛否両論?あるでしょうが… ※このサイト自体もHTML5で組んでいますが、HTML5、WordPressともに未熟なため、制御できず正しく組めていない箇所があります。 また下記内容についても間違っている可能性があるので、その場合は指摘していた
.htaccessの設定解説
.htaccessの設定解説 .htaccessとは？ .htaccessは現在最も利用されているWebサーバのApach上で、サーバの設定を自由に設定するファイルです。Webサーバーにアクセスされた際.htaccessファイルの内容を読み込んで動作を決められます。 読み方 ドットエイチティーアクセスと読みます。 .htaccessでできること 左のメニューの目的別にあるように、ファイル一覧表示を隠したり特定ホストからのアクセス拒否・許可や直リン拒否、パスワードをかけるといったことが数行の記述で容易にできます。 動作環境 Apachサーバ上でかつ、サーバ管理者が利用できるよう設定している場合です。レンタルサーバでも多くは使用できますが、使用できないようになっている場合もあります。フリーのサーバでは使用できない場合が多いです。 .htaccessを使用できるレンタルサーバリスト このサイトに
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
cssやプログラミングマークアップをより早く Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家）HTMLコーディングが3倍速くなる？「Zen-Coding」秀丸Zen- Codingマクロコーディングの効率化を図
Dreamweaverの機能を活用する・テンプレートの使い方：Web作製
能率的なウエブサイト更新のヒント：道具としてのパソコン＠おやこニュース Dreamweaverの機能を活用する：テンプレートの使い方 関連ページ 更新履歴 2005-07-07:更新 このページの構成 テンプレートについて テンプレートのメリット どういうときに使うか テンプレートの作り方 テンプレートファイル（.dwt）を作る 編集可能領域設定上の注意 テンプレートの活用法 テンプレートから新規ファイルの作り方 既存ファイルにテンプレートを適用する テンプレートを修正する テンプレートに関する注意事項 「能率的なウエブサイト更新のヒント」について 更新履歴 ご案内・関連ページ 環境設定に注意すること。また、DreamWeaver MX2004によるHTML作製も参照のこと。 テンプレートについて ああ。さすがだ。ドリームウィーバーはすごいなぁ、と思わせる機能のひとつが、テンプレートです。
URLの終りに「/」(スラッシュ)は必要?、不要?
http://www.suzukikenichi.com と http://www.suzukikenichi.com/ URLの終りに「/」(スラッシュ)を付けた方がいいのか、付けない方がいいのか、付いたときと付かないときでは何か違いがあるのか。 誰もが1度は疑問に思ったことがあるはずです。 URLの末尾に付ける「/」のことを「トレイリングスラッシュ(trailing slash)」と技術的に呼びます。 トレイリングスラッシュのあり・なしについて、ウェブマスター向け公式ブログでGoogleが説明しました。 補足を交えながら要点をまとめて解説します。 まず、トレイリングスラッシュのあり・なしによるウェブサーバーの一般的な振る舞いの違いです。 http://example.com/foo/ （トレイリングスラッシュあり） http://example.com/foo （トレイリングスラッシュ
イメージマップの作り方
トップ ＜ 応用編 イメージマップ <MAP> クライアントサイドクリッカブルマップ 画像のどの部分をクリックしたら、どのファイルにジャンプするかを設定するためのタグです。ひとつの画像内で、複数のリンクを設定することができます。 <MAP NAME="マップ名"> <AREA SHAPE="エリアの形" COORDS="座標" HREF="リンク先"> ※SHAPE rect=四角形 circle=円形 poly=多角形 <AREA SHAPE="rect" COORDS="左上x, 左上y, 右下x, 右下y" HREF="リンク先"> <AREA SHAPE="circle" COORDS="中心x, 中心y, 半径" HREF="リンク先"> <AREA SHAPE="poly" COORDS="Ax, Ay, Bx, By, Cx, Cy..." HREF="リンク先"> </MA
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
