[B! html] knzm_imgのブックマーク

Webサイトの品質をアップさせる便利ツール＆機能のまとめ | ベイジの社長ブログ

成熟市場においては、品質の高さでは優位性を築けなくなると言われます。しかし、だから品質にこだわらなくても大丈夫、と考えるのは早計です。裏を返せば、品質の高さが当たり前になっているため、少し品質が低いだけでブランドを大きく傷付けやすい環境になっているとも言えます。そういった考えもあって、今年行っている当社のブランド再構築活動の中では、高い品質を担保するためのレギュレーションの整備に力を入れてきました。あわせて、当社として利用する品質を維持するためのツールや機能も改めて洗い出してみました。今日はこの内容を公開させていただきます。 JavaScriptエラーを無くす JavaScriptのエラーは、大きな問題が起こっていないように見えても、大事な機能が動かなくなったり、スペックの低いマシンで極端に挙動が遅くなったりすることがあります。各ブラウザのデフォルト機能で簡単にチェックできますので、エラ

knzm_img 2012/07/10

html

リンク

IE7 でposition: absolute な要素に対する z-index が正しく理解してもらえない - The Second Longest Day in My Life...

IE7には position:absolute な要素の z-index 表示に問題があり、以下のような場合に #lower が #upper にかぶってしまう。 <div id="upper_container"> <div id="upper"> これは上に表示されます </div> </div> <div id="lower_container"> <div id="lower"> これは下に表示されます </div> </div> #upper_container { position: relative; } #upper { position: absolute; z-index: 10; } #lower_container { position: relative; } #lower { position: absolute; z-index: 5; } そんなときは、re

knzm_img 2011/11/15

リンク

DreamweaverからCodaに変えました

2017年6月29日便利ツール Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか？きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。本当におすすめです！ ↑私が10年以上利用している会計ソフト！ Codaの特徴を簡単に詳しい説明はリンクをクリックでジャンプします。 Mac専用美しいビジュアル便利なプレビュー画面 PHPやJavaScriptの動作確認も素早いタグ打ちが可能有料 8,500円はい、Mac専用なんです。このブログを読んでいるユーザーの70%がPC使用なのでこれを記事にするか悩みましたが、Mac愛用者さんに向けて！ちなみに私はCoda英語版をインストールして

knzm_img 2010/11/04

リンク

【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル

SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する﹁名前﹂がある。idやclass属性はCSSやJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、WebプログラマやWebデザイナにとって欠かすことができないスキルであり、悩ましいところでもある。 How To Compose HTML ID and Class Names like a RockstarにおいてMeitar Moscovitz氏がidやclassの名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次

knzm_img 2010/05/30

html
css

リンク

「サイトの横幅」再論：950px時代のウェブデザイン［絵文録ことのは］2009/01/14

以前、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論［絵文録ことのは］2006/11/25で、「実際にサイトを閲覧している人のブラウザーの横幅と、ブラウザーによる印刷上の制約から、特に画像は左端から640ピクセルくらいに収まるようにした方がよさそうだ」という結論に落ち着いた。これには、一行字数が多すぎると読みづらい、という、紙媒体の扱いも多いわたしの経験的な見方もある。もちろん、これにはリキッドデザイン主義者の方から「ページ幅を指定するようなデザインであること自体が悪」という反応があったり、「印刷用CSSを使おう」といった反応があったりしたのだが、「印刷時のことを考えれば640pxという制約がある」という結論は特に揺るがなかった。その後、今まで約2年経った。閲覧者の環境も変わり、当時主流だったIE6にはなかった「用紙サイズに合わせて印刷」機能を備えたIE7ユーザーも増

knzm_img 2009/02/13

メジャーサイトの横幅について

css
html

リンク

trickpalace.net - このウェブサイトは販売用です！ - trickpalace リソースおよび情報

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.

knzm_img 2008/11/05

html

リンク

(IE6)background-imageが欠ける現象｜junk diary

﹁Cinema Jack﹂をIE6で見ると、メニュー部分の背景画像が欠けるという現象が起きていました。ドラッグしたり、スクロールしたりすると、表示されたり。また消えたり。このメニュー+画像部分は、 <div id="first_section"> <dl> <dd>HOME</dd> <dd>ABOUT</dd> <dd>LINK</dd> </dl> <dl> <dd>ジャンル別</dd> <dd>評価別</dd> <dd>50音順</dd> </dl> <hr /> </div> こんな感じになっています︵一部省略︶。 [first_section]の中の[dl]にfloatを付けて横並びにさせて、[hr]でclearさせています。んで、背景画像は[first_section]のbackground-imageで表示させています。はじめは[hr]のclearが効いていないのかと

knzm_img 2008/10/31

html

リンク

世界四季報: 3キャリア対応携帯サイトXHTMLテンプレート

ドコモ（docomo）、AU、ソフトバンク（SoftBank）の３キャリアに対応した３G携帯サイト専用のXHTMLテンプレートをまとめてみました。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="keywor

knzm_img 2008/10/24

携帯
html

リンク

作ろうiモードコンテンツ：端末スペック一覧 | サービス・機能 | NTTドコモ

PDF形式のファイルをご覧いただくには、アドビシステムズ社から無償提供されている（別ウインドウが開きます）Adobe® ReaderTM プラグインが必要です。

knzm_img 2008/10/23

携帯
html

リンク

Weeeblog.net::Logs::January 2008::CSS におけるマージン相殺について

knzm_img 2008/10/21

html

リンク

もう使えない！？SEO知識 2008　αSEO

これまでは通用したけれども、今は通用しない、﹁もう使えない知識﹂を株式会社アイレップSEM総合研究所所長の渡辺隆広が語ります！新しい知識を学んで、検索エンジンの日々の変化をキャッチアップしてサイト運営に活用していきましょう！スパム行為をすると、Googleから突然削除される？ある日突然、検索エンジンの検索結果から自分のサイトが消えてしまった時、﹁スパムと判定されたのでは？﹂と考える人は少なくありません。しかし大抵の場合、スパム︵＝あなたが何か検索エンジンに対して悪さをしている︶のではなく、全く別の理由︵＝スコアリングの変更などによるもの︶である場合がほとんどです。また、Yahoo!はともかく、Googleは事前の警告なく突然スパムと判定して削除をしてくることはありません。幸いなことに、Googleは事前にサイト管理者に対してガイドラインに違反している旨を通知してくれます。具体的な違

knzm_img 2008/09/18

リンク

はてなブックマーク

タグ

関連タグで絞り込む (8)

htmlに関するknzm_imgのブックマーク (11)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第1週）

月間はてなブックマーク数ランキング（2024年6月）

今週のはてなブックマーク数ランキング（2024年6月第5週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス