IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含
震災と、「眠りつづけて死ぬ」のこれまでと、これからの話 - いんたーねっと日記
1 2010年8月20日、僕は@hironicaの呼びかけで目黒二郎に行くオフ会に参加した。このときは10人くらい集まって、完食したあとみんなでその近くにある目黒寄生虫館に向かった。ホルマリン漬けにされた寄生虫や寄生された動物の標本なんかをはしゃぎながら見ていたのだけど、2階の世界中の寄生虫由来の病気について解説された展示の、病気にかかった患者さんの写真に僕は目を奪われた。 屋外に上半身裸で横たわる男性の写真の下には「このまま眠りつづけて死ぬ」とだけ書かれていた。 これはツェツェバエが媒介する寄生虫トリパノソーマによる病気「睡眠病」の患者の写真で、この男性はこの病気の患者で痛ましい写真のはずなのだけど、その下に「このまま眠りつづけて死ぬ」とだけキャプションが書いてある状況があまりにシュールで、きっとこの言葉を選んだ人はこういう反応を狙っていたわけではないのだろうけど、非常にハイセンスだと思
【ν速フォント部】情強御用達のフォントといえば？ てんこもり。
1 名前：名無しさん＠涙目です。(京都府)[] 投稿日：2011/06/04(土) 20:00:40.74 ID:y9RyFYTR0● ?2BP(6001) 商用利用も可能なフリーフォントのライブラリサイト“フォントAC”が開設 JIS第二水準漢字まで収録した手書きフォント「マキ丸ハンド」など11種類が公開中 Webサイトやロゴなどさまざまなデザインを手がけるアドアチーブ（株）は、フリーフォントのライブラリサイト“フォン トAC”を開設した。アダルトサイトや公序良俗に反する利用、カレンダーなどに利用して商品化する場合を除き、フォ ントを商用利用することも可能で、利用時にクレジットを併記する必要もない。なお、ダウンロードにはメールアドレス とパスワードの登録が必要。 “フォントAC”では現在、JIS第二水準漢字まで収録した癖のある手書きフォント「マキ丸ハンド」や、細い円弧と直 線だけで構成さ
老害というのについて自分の考えを書いておこうかと思う - 404 じゃばてないわー Not Found(一部X-RATED)
http://d.hatena.ne.jp/higayasuo/20080602/1212379147泥のように働けという一連の騒ぎの後、老害というのにフォーカスがあたってる気がしてて、ひがさんが何で老害というのがあるのかについて書いてて読んだので、ちょっと書いてみようかと。ビッグバン宇宙論という本の中で、科学の世界における老害というのに触れられてるので、ぜひ読んでみてほしいのだけど、「自分の考えを変えることができないご老人たちのおかげで云々」というまさに最近騒がれている老害そのものな話が書かれている。ビジネスの世界では、ほとんどの老害は定年というイベントを迎えればいなくなるので、せいぜい１０年もすれば変わるだろうと期待が持てるけど、科学者の世界では８０でも９０でも居座り続けるので、まー大変！最近では、冥王星が惑星からはずされることになって、アメリカの天文学会が「そんなんしらねーよ！俺たち
YouTubeで1000万の衝撃！日本のカワイイ「Nyan Cat」 (1/5)
「Nyan Cat」という動画がYouTubeで大ヒット中だ。2011年4月5日に投稿されて以降、再生数はグングン伸び続け、ついに1000万回を超えた（5月28日現在で1148万回）。 空飛ぶ猫の8bit風アニメに、ひたすら「にゃにゃにゃにゃ」と言うだけの音楽が乗ったもの。とりたてて大きなメッセージや仕掛け、笑いや共感を伴うような動画ではない。にも関わらず、一度見たらなかなか頭から離れず、つい何度も見てしまう。それはキャラクターの楽しさももちろんだが、この曲の持つ不思議な中毒性と、「にゃん」という声のかわいらしさが生んだ相乗効果にほかならない。 ただのミュージッククリップとして考えると、ここまで再生数が伸びるのは極めてまれなこと。しかもこの動画が言語の壁を越えて届いた様子も、コメント欄から伺える。一体これはどんな動画なのだろう？ 動画はSaraj00nというアカウントで投稿されており、プロ
小さな工夫で大きな改善。ドラッグアンドドロップでファイルアップロード·html5uploader MOONGIFT
html5uploaderはHTML5を使ってドラッグアンドドロップによるファイルアップロードを実現するライブラリ。 html5uploaderはHTML5製のオープンソース・ソフトウェア。HTMLで最も嫌だったのがファイルアップロードの手間が大きいことだった。一つのファイルボックスで一つのファイルしかアップロードできないというのはとても面倒だった。Flashで作られた擬似的アップロードツールでファイルが複数選択できるようになったのが救いでもあった。 デモ。この枠にドロップする。 それがHTML5によって複数ファイルのアップロードに対応するようになり、便利になった。だがファイル選択のダイアログが面倒なのは変わらない。それを改善してくれるライブラリがhtml5uploaderだ。 html5uploaderはボックスを表示してその中にファイルをドラッグアンドドロップするだけでアップロードを行
ヲタ速 : 【けいおん】カフェラテに唯がwwwwwww上手すぎwwwwwwwwwww
2011年06月06日07:15 【けいおん】カフェラテに唯がwwwwwww上手すぎwwwwwwwwwww カテゴリアニメけいおん！ Tweet 【けいおん】カフェラテに唯がwwwwwww上手すぎwwwwwwwwwww こんなの飲むのがかわいそうだよwwwwwwww ★この記事をツイッターにＲＴする！ 名無しさん＠お腹いっぱい。：2011/06/06(月) 01:05:21.88 ID:hURBBbkt0 中々の出来 65 ：名無しさん＠お腹いっぱい。：2011/06/06(月) 01:06:07.29 ID:HiaceEiU0 >>62 ほぉ・・・これは飲めんなｗｗ 69 ：名無しさん＠お腹いっぱい。：2011/06/06(月) 01:07:25.93 ID:7Y8sEGqJ0 >>65 いや上から吸うんですが 66 ：名無しさん＠お腹いっぱい。：2011/06/06(月) 01:06:
日本文化との出逢いが僕の人生を変えた理由
僕はどのように日本文化を発見したのか、どうやって日本語を勉強したのか、なぜ日本で働き住むようになったのかを今日紹介したいと思います。 どこから始めればいいのか悩みましたけど、「第一日目」からでもいいかなと思いました。この記事を幾つかのセクションに分けてみました。 一日目 どうやって日本文化と出逢ったのか どのように日本語を独学したのか どうやってお金を稼いだのか 人生の初めての目標 : ジャパニーズドリーム 妻とどこでどのように出逢ったのか 日本航空時代 : 初めてサラリーマンになった どうやって日本に辿り着いたのか キャリアをどのように日本でスタートしたのか ぬるま湯に浸かれると危険 アマゾン時代 どのようにアフィリエイト収入を稼いだのか なぜシアトルに引っ越したのか 副業は今の会社の始まり 第一日目僕はロンドンのイーストエンドで生まれ育ち、両親は中国系マレーシア人だ。幼かった頃は、両親
コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 - kojika17
6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWebの歴史の礎の1つとなるかもしれません。 以前にも「MicrodataとMicroformatsの違いについて」取り上げましたが、今回は実際にMicrodataでどうなるのか、ご紹介致します。 Microdataとは何か？ マークアップ言語であるHTMLは「見出し(h1,h2,h3... )」「段落(p)」「リスト(ul,ol,li)」などの文章構造を示すことができても、「人の名前」「肩書き」「地域」などを示すことができません。 それらをHTMLでメタデータとして追加する方法のひとつとして、HTML5の
スクレイピングするなら ScraperWiki 使うといいよ - ヤルキデナイズドだった
Web ページからデータを抽出してデータベースに突っ込むことに性的興奮を覚えるみなさん、 ScraperWiki 使うとキモチイイですよ。以上です。 そうではないみなさんには少々の説明が必要かと思いますので少々書きます。 ScraperWiki はスクレーパ（Web ページをスクレイピングするスクリプト）とスクレイピングで得られたデータを共有しようぜっという Web サービスです。Wiki と名が付いていますが Wiki っぽいページ構成になってるわけではなく、スクレーパやデータを誰でも編集できるようにして成果を共有するという理念が Wiki と共通しているのが由来みたいです。 ScraperWiki を使うとスクレーパを作るのがラクになります： Web ベースのエディタでスクレーパを書き、その場で実行できる PHP、 Python または Ruby が使える（HTML パーサなどのモジュ
Webシステム開発に便利な7つのツール
Webシステム開発で使っている便利なツールをあげてみました。 あらためて社内の開発環境を見直す機会があったので、使っているツールを並べてみました。こうして見ると色々なツールを使って開発をしていますね。わりと定番系なものが多いですが、良かったら参考にどうぞ。 1. Apache / PostgreSQL / PHP Mac OS X に MacPorts でインストールしたApache / PostgreSQL / PHP 環境を使って開発をしています。 PHPは5.3、PostgreSQLは8.4 or 9.0です。 ただ旧バージョンのPHPを使ったり、Linux でなければ動かないモジュールを使うこともあるので、その際は社内のCentOSサーバにSSHで入って開発したりもします。 Vimを使ってるので、SSHで入ればどのサーバでも開発できるのは利点ですね。 Mac を使い出して、しばらく
Amazon EC2は、まれに「計画停止」されます
Amazon Web Serviceを暫く運用していると、突然Amazon EC2 Teamより、下の様なメールが送られてきてびっくりする事があります。 Hello, We have noticed that one or more of your instances are running on a host degraded due to hardware failure. i-12345678 The host needs to undergo maintenance and will be taken down at 12:00 GMT on 2010-06-XX. Your instances will be terminated at this point. The risk of your instances failing is increased at this poin
Amazonからメール送信制限に関するEC2 Account Notificationが来た
とあるイベントで使うWebシステムでEC2を使ってたところ、Amazonからメール送信制限に関する通知が来たという話です。 このイベントでは、短時間で多くのリクエストを捌かないといけないので、あらかじめWebサーバを何台か立てて準備していました。さらに想定を超える負荷に備えて、増設用AMIも作成して、すぐに増設できる体制にしていました。もちろん増設のリハーサルもやりました。 そして、イベントが始まります。 アクセスがボチボチ来始めました。リソースにはまだまだ余裕があるので順調に捌いてくれています。とりあえず無難な立ち上がりだなと、ひと安心したところにメールが一通。 Dear EC2 Customer, You recently reached a limit on the volume of email you were able to send out of SMTP port 25 o
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
東日本大震災 写真保存プロジェクト
