IE9ヤバイ。IE9の文字間隔･互換モード･DOCTYPE宣言について
IE9文字間隔確認用サンプル 文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記･注意：下記ページはスタイルシートで少しだけ調整しています。 全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが 文字コードで変わったり、かなり比較し難いものになったため。 後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8 HTML 4.01+EUC-JP HTML 4.01+SHIFT-JIS XHTML 1.0 サンプル XHTML 1.0+UTF8 XHTML 1.0+
Googleからのアドバイス「高品質なサイト」とは？ チェックリストを公開 ::SEM R (#SEMR)
Googleからのアドバイス「高品質なサイト」とは？ チェックリストを公開 検索アルゴリズム的に「高品質なサイト」って何だろう？Googleが、高品質サイトを判断するための参考になる「質問集」を公開。 公開日時：2011年05月07日 09:03 米Googleは2011年5月6日、役に立たない低品質サイトの排除と同時に優れたコンテンツが検索上位に表示されるようにするためのアルゴリズム変更（パンダ・アップデート(Panda Update)）に関連して、同社が考える「高品質サイト」について言及している。 検索マーケティング業界で話題になっているパンダ・アップデートとは、いわばアルゴリズムで自動的にサイト品質（site quality）を判断しようとするGoogleの取り組みだ。低品質サイトの検索順位を低下させることにより、検索利用者が優れたコンテンツを探し出せるようにする狙いがある。 「アル
ChromeとSafariがシェア増やす - 4月ブラウザシェア | エンタープライズ | マイコミジャーナル
Net Applications - Usage Share Statistics for Internet Technologies. Net Applicationsから2011年4月のブラウザシェアが発表された。主な結果は次のとおり。 2011年4月ブラウザシェア - Net Applications報告 2011年4月バージョン別ブラウザシェア - Net Applications報告 順位 ブラウザ シェア 推移 備考 1 IE 55.11% ↓ 下落傾向 2 Firefox 21.63% ↓ 3 Chrome 11.94% ↑ 成長傾向 4 Safari 7.15% ↑ 5 Opera 2.14% ↓ 6 Opera Mini 1.11% ↑ 順位 バージョン別ブラウザ シェア 推移 備考 1 IE8 33.06% ↓ 16ヶ月連続1位 2 Firefox 3.6 13.52%
ルートパスで制作したサイトの確認方法。｜S-Bot
きょうは久々の技術ネタです。 よくWebサイトを作る時にルートパス(/から始まるパス)を多用することがあります。 こんな時に問題になるのがテスト用のディレクトリ、例えば /test以下に展開するなどした場合です。 デモ専用のサーバもしくは、バーチャルドメインが用意できればいいですけど、無理な場合は結構困ります。ルートだと戻りすぎちゃいますからね。 で、いろいろ調べたんですけど、.htaccessでリサイレクトさせて解決出来ました。 前提として、http://s-bot.net/demosite/に、ルートパスで制作したWebサイトを展開する場合の記述です。 Options +FollowSymLinks RewriteEngine on RewriteBase / #指定のディレクトリ以下からのリクエストのみに設定 RewriteCond %{HTTP_REFERER} http://s-
デジタルネイティブじゃない1989年生まれのわたしの話 - インターネットもぐもぐ
この年に東欧革命が起こって冷戦が終わったので、世界史、特にヨーロッパ史では、この1989年以後が「現代」と見なされている[1]。 東欧革命は、2年後にソビエト連邦崩壊をもたらした。 ―1989年 - Wikipedia 1989年は、元号が平成に変わって、消費税3%が導入されて、中国では天安門事件が起きて、東西ドイツを隔てるベルリンの壁は崩壊して、事実上冷戦が集結した年、みたいだ。覚えてるわけがないのだけど。 ソ連が崩壊するのは２年後の1991年。東西冷戦も社会主義国家も教科書のなかの存在で、物心ついたときには隣の国はソビエト連邦ではなくロシア連邦でした。 資本主義が世界の共通ルールだってことが考えるまでもない事実で、アメリカに対する過剰なあこがれも（たぶん、上の世代と比べたら）なかった。 というより、そもそもあまり海外に目が向かなかった。中国や韓国の存在も、意識した覚えすらない。 「アメ
既存WEBサイトをIPv6対応にするには？を色々と調査:phpspot開発日誌
既存WEBサイトをIPv6対応にするには？を色々と調査してみました。 今年の後半にはIPv4アドレスが枯渇するということで, もっと先のことと思っていたらすぐそこに来てしまいましたね。 基本現行のサイトはIPv4ベースで動いていると思いますが、apache等上で当ブログのようにサーバ運用している場合に影響がないか心配な方も多いのではないだろうか、ということで調べてみました。 IPv6とは？ まず、IPv6ってどういうものか？個人的に知識が曖昧な部分が多かったので改めて調べてみます。 IPv6 - Wikipedia はしょると、42億個が上限のIPv4を拡張して、約340澗(340兆の1兆倍の1兆倍)まで扱えるようにしたとあります。 これだけあれば枯渇とは無縁ですね。 IPv4 では「192.0.2.1」みたいなものだったのが、IPv6になると「2001:0db8:bd05:01d2:28
バナー・コレクション
近年では小学校の授業においても、タブレットが多く使われるようになってきています。タブレットを使う上で必要な能力の1つに、文字や数字の入力が該当します。文字や数字の入力の技術は、スピードがあった方が格段に有利と言えるでしょう。子供たちのタイピング向上を狙って様々なタイピング練習やゲームなどが登場していますが、その中でも人気を集めているものの1つに寿司打が挙げられます。 [読み続ける] 近年では小学校でもパソコンの授業が行われるようになり、オンライン授業なども多く活用されるようになってきています。子供はもちろんですが、大人になってからも少しでも有利に就職や転職をしたり、子供の手が離れたので在宅ワークをしたい、快適にパソコン操作ができるようになりたいと言う人にとっては、キーボードのタイピングスキルを磨くことが非常に重要と言えるでしょう。 [読み続ける] 最近では学校でも職場でもタイピング能力が求
MAMPでWordpressのパーマリンク変更を適応させる方法
Macで簡単にローカルサーバーを使えるMAMP。 僕はそれを使ってプレビューしたり、PHPの動作確認をしたりしています。 そのMAMPを使ってWordpressの動作確認とかもしているのですが、 どうやってもパーマリンクの設定が変更できない。 変更しようとすると、ページが見つからなくなってしまう。 そんな体験をしたことがないだろうか？ その対処法を簡単にまとめてみる。 Apacheの設定：.htaccessが使えるかどうか まず確認すべきなのが、Apacheの設定。 mod_rewriteというのが使えるようになっているかをまず見る必要があるのだが、 僕の場合、それは最初の状態でそれが使えるようになっていた。 次に確認するのが、.htaccessが動作するかどうか。 僕はてっきり動作しているものだと思ったのだが、 原因の一つがこれで、なんと動作していなかった。 動作させるにはサーバーとして
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
マイクロソフト、無償のWeb開発環境「WebMatrix」を公開。HTML/CSS/JavaScriptエディタ機能、PHP対応、FTP機能など手軽で便利な統合ツール
マイクロソフトは先週、無償のWeb開発環境「WebMatrix」の提供を開始しました。WebMatrixには以下のコンポーネントが含まれており、Windowsで簡単にWebサイトの構築を行うことができます。 Web開発ツール HTML/CSS/JavaScript/PHPなどに対応したテキストエディタを含む開発ツール。FTPによりファイルをホストへボタン1つで転送できる HTTPサーバ IIS Express 7.5により、Webブラウザですぐにブレビューできる。しかも（追加インストールにより）PHPにも対応する。当然ASP.NETにも対応 データベースサーバ SQL Server Compact Edition 4により、データベースを利用するWebアプリケーションもローカルで開発可能。MySQLも追加インストール可能 調べた限りではIIS ExpressはWebMatrixの画面から簡
Zen Codingでできる、あんなことこんなこと | Zen Coding 1-2 | HTML+CSSコーディングが10倍速くなるZen Coding
HTMLタグをいちいち手で入力していると、時間もかかりますし、入力間違いやスペルミスなど、間違いの原因にもなります。それはCSSでも同じです。 DreamweaverなどのWebオーサリングツールには、標準でタグや属性の補完機能や「スニペット」といわれる入力支援機能があります。スニペットは、登録されているよく使うコードを呼び出して、コピー＆ペーストの要領で入力します。 Zen Codingでは、このスニペットのようによく使うコードを呼び出して入力するものですが、「省略形」（abbreviation）といわれるコードの略語のようなものを入力するだけで、さらにかんたんにコードを入力することができます。 Zen Codingを使えばコーディングはこう変わる！HTMLコーディングでは、「<h1>見出しタイトル</h1>」のようにテキストを開始タグと終了タグで囲み、見出しを指定します。 Zen Co
JavaScriptで書かれたWeb統合開発ツール「Orion」発表。Eclipseの新プロジェクトとして
EclipseはオープンソースによるJavaベースの統合開発環境として知られていますが、そのEclipseで新プロジェクト「Orion」が発表されました。 Orion is not a set of Java plug-ins which run in the existing Java IDE. It is browser-based open tool integration platform which is entirely focused on developing for the web, in the web. Tools are written in JavaScript and run in the browser. Orionは、既存のJava IDEに対応したJavaプラグインのセットではありません。ブラウザベースのオープンなツールの統合プラットフォームであり、Web
Webデザインやプログラミングなどの勉強に良さそうな国内のブログ記事やWebサイトいろいろ - かちびと.net
いよいよ2011年がスタートしました。 今年も去年同様、勉強することが 沢山あります。まだモチベーションが そこそこあるうちに勉強になりそうな 国内の記事をリンク集にしました。 迷ったときに見てみようかなと思い ます。 より最適な方法というのはあると思いますが、まずは扉を叩かない事には何が悪いかも分かりません。ということで、内容に拘らず、否の意見をスルーしてここに色々まとめさせて頂きました。 勉強したい気持ちはあるけど出来ない理由は「何を始めればいいのか分からない」という方も、何が出来るのか、どういった勉強法で出来るようになるかが分かればやる気が起きるかも知れません。 5分で分るシリーズ 以前も流行ったんですね。Web関連以外も含めてここにまとめられています。 5分で分かる PHP を知らない人が PHP の便利さを学べる記事を書いたよ 5分でわかる Ruby を知らない人が Ruby の
2010年総まとめ：ウェブ制作に役立つエントリーBest 20
コリス [ad#ad-2] 当サイトの購読は、RSS Feedをご利用すると便利です。 コリスのRSS Feed Twitterでは、サイトに掲載していないウェブ関連の話題、クリエイティブなもの、面白いものを数多く紹介しています。 Twitter@colisscom 2010年、ブックマークが多かったエントリー 漢字も使える手書き風の日本語フォントのまとめ ウェブサイトのパフォーマンス改善やセキュリティに役立つ.htaccessの設定 2010年総まとめ：商用利用も無料、日本語・英語の高品質なフリーフォント集 jQueryの日本語の解説サイトと国産のプラグイン集 たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法 商用でも無料で利用できる高級感のある細字のフォント集 無駄なdiv要素やc
折り顔 ORIGAO｜Takashi matsuo × Kunihiro Goto
【個展「折り顔展 2020」延期のお知らせ】 5月11日(月)より開催を予定しておりました「折り顔展 2020」につきまして、 新型コロナウイルスの感染拡大に伴い 政府より発令されております緊急事態宣言を受け 延期とさせていただくことになりました。 詳細はこちらをご確認下さいませ。 Copyright (c) Drive Direction Co.,Ltd. All Rights Reserved.
画像素材 ゲッティ イメージズ getty images
クリエイティブ画像他では見つからない独占ビジュアルを含め、幅広いフォーマットとスタイルで入手可能な何百万点ものロイヤリティフリー画像と写真を閲覧できます。 全てのクリエイティブ画像を見る人気の画像検索
W3Counter - Global Web Stats
This report was generated 07/31/2024 based on the past month's traffic to all websites that use W3Counter's free web stats. Permanent link to this report: http://www.w3counter.com/globalstats.php?year=2024&month=7 Don't just read the report, be a part of it! Track your website's visitor activity in real-time with W3Counter. Sign up for your free account.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kimi.la
WEBディレクターがスケジュールを引いてはいけない理由｜designaholic -Creative Column-
http://e0166nt.com/blog-entry-847.html
