IE6がコーダーに嫌われていたなんて知らなかった | スタッフブログ | マイネ王
インターネットを閲覧するときに使うソフト「ブラウザ」。Windowsに最初からついているInternet Explorer（IE）やEdgeを使う方が多いのではないでしょうか。 しかし、ブラウザにはOperaやFirefox、Google Chromeなどさまざまな種類があります。特にWeb制作者の方にとっては、Internet Explorer 6（IE6）が思い出深い存在だったようで……。 こんにちは。斎藤充博です。 今回はブラウザの思い出です。少し前まで、WindowsにはInternet Explorer（IE）というブラウザが標準で搭載されていました。Windows 10になってからEdgeが標準になりましたね。 最初はもちろんIEを使ってインターネットをしていたのですが、だんだんと使い勝手を良くしたくなってきます。最初はIEにツールバーなどをつけてカスタマイズしていたのですが、
ブログをノベルゲーム風に表示する - 日直地獄
ノベルゲーム風に日記を書いてみたいと思ったことはないでしょうか。 書けたら面白いかもと思うけれども、特にそんな需要は無いんじゃない？くらいでしょうか。 私もそう思います。 とはいえ、実際に見てみないと評価できない、と思ったので作りました 機能紹介 テキストの表示 このように一文字毎に表示されます テキストのスキップ 文字送り中にマウスをクリックすると、パラグラフ全体が表示されます 背景画像の設定 文章中にimgタグがあると、自動でbackground-imageに設定されます フルスクリーン表示モード フルスクリーンで表示することが出来ます。人の日記をフルスクリーンで読みたいという需要はあるでしょうか ブラウザで可能な表現が可能！ HTML読み込んでいるだけなのでだいたいなんでもできるはず!! やったね！！！ 以上です。おわり。ところで、完成して色々な文章で試していたら、読みやすいのでは？
クロスプラットフォーム開発の大本命!? HTML5もアプリもFlashも開発できる「OpenFL」とは？ - ICS MEDIA
クロスプラットフォーム開発の大本命!? HTML5もアプリもFlashも開発できる「OpenFL」とは？ 「インタラクティブコンテンツをワンソースでクロスプラットフォームに対応させたい」、それはフロントエンドのデベロッパーであれば誰もが望むことではないでしょうか。一昔前はAdobe Flashが「Open Screen Project」と題して一歩手前まで実現していましたが、iPhoneからFlashを締め出そうとするAppleの強硬な姿勢によって頓挫することになりました。 尾野さん(しっぽさん)からの勧めもあり調べたのですが、「OpenFL」（オープンエフエル）というテクノロジーはさまざまな形式にインタラクティブコンテンツを出力できます。つまりOpenFLを使えばワンソースでクロスプラットフォームを実現できるのです。今回はOpenFLからHTML5とFlashを出力することによってクロス
ブラウザ動作の理解－リフローとリペイント及びその最適化 | ゆっくりと…
ブラウザ動作の理解の2回目です。今回はレンダリング・ツリーの更新に絡む、リフロー （要素の大きさ、位置などの再計算） とリペイント （描画） に関する解説を、「High Performance Web Pages – 20 new best practices」 の著者 Stoyan Stefanov のブログエントリーから 「Rendering: repaint, reflow/relayout, restyle」 を翻訳してお届けします。 同記事は、前半がリフローとリペイントに関する解説と、表示レスポンスを向上させるためのスタイル変更に関する Tips、後半は dynaTrace AJAX Edition と SpeedTracer を使った IE および Chrome の描画パフォーマンスの計測の解説で構成されてる、長い記事となっています。 今回はその前半部分をご紹介します。 レンダ
なんでもフルスクリーンにする FullScreen API - techlog
HTML5 Advent Calendarの2日目です。 本当は3日目の担当だったけど、代打(?)で2日目も書いている。もちろん3日目の記事も書く。 「HTML5 Advent Calendar」はこんな感じの取り組み。まだ空きがあるので、よかったらどうぞ。 今年は、HTML5もAdvent Calendarやります！ 本来のAdvent Calendarとは、12月1日からクリスマスの25日まで、カードに作られた窓を1日に1つずつ開けていくというものです。一方、技術系のAdvent Calendarは、12月1日から25日までの間、毎日違う人が特定のテーマに沿ってブログ記事を書くというものです。もちろん、ここでのテーマは「HTML5」になります。HTML5に関することならなんでもOKです！ このイベントに参加した順番が、そのままブログを公開する日付とします。 是非、みなさん一緒にわいわい
ブログやウェブサイトですぐに役立つ「.htaccess」の設定のまとめ | コリス
ただいまメンテナンス中です。 （The server is now under maintenance） ご迷惑をお掛けいたしまして、大変申し訳ございません。 メンテナンス作業が終了次第、サービスを再開いたします。 今しばらくお待ちいただきますよう、よろしくお願い申し上げます。
超絶サンプル満載のベクター画像描画JavaScriptフレームワーク「Paper.js」:phpspot開発日誌
Paper.js ? About 超絶サンプル満載のベクター画像描画JavaScriptフレームワーク「Paper.js」。HTML5で描画するタイプのフレームワークです。 ベジエ曲線をマウス位置に応じてリアルタイムにぐにゃぐにゃ動かすサンプルやベクターグラフィックが動きまわるサンプル等、こうしたライブラリは将来使う予定がないという方もWEBに関わるなら絶対に見ておいたほうがよいと思います。 とにかくExamplesのページをChromeなどで開いてみてみましょう。 色々と可能性を感じてしまうサンプルでした。もちろん作る人のスキルやセンスも問われると思いますが、活用することで比較的楽につくることができそう。 関連エントリ ブラウザ上で物凄いアートが作れるHTML5ベースの描画ツール「The Endless Mural」 HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQue
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
htmlソースからDOM生成用のJavaScriptコードを吐くツール【DOM Tool】｜JavaScriptプログラムメモ｜プログラムメモ
◆ DOM Tool http://muffinresearch.co.uk/code/javascript/DOMTool/ 便利です。 htmlソースを入力して【Create DOM Statements】ボタンを押すと DOM生成用のJavaScriptコードを吐いてくれます。 例：＜div id="text"＞＜/div＞というhtmlコードを JavaScript で実行したい。 HTML： <div id="test"></div> OUTPUT： var div1=document.createElement('div'); div1.setAttribute('id','test');
都道府県選択するやつ。
メモ。 誰かの役にも立つかもしれないしってことで、いつも過去の案件のソースとか探してペタペタしてるけど、何処で使ったのか忘れたりするのでここに貼っておこう。 - コメントにて使用条件を書いてほしいとの事だったので念の為追記しておきます。 特別記載が無いエントリー以外は、どう使うのも自由です。 自分のブログにそのままソース掲載してもらっても、仕事で使ってもいいですし、あらゆる用途に対して自由に使ってください。 もちろん、改変・配布とかも自由です。 ただ、ウチで公開しているソースやサンプルに対して何らかの問題が生じても責任は負いません。各自の責任でご利用ください。 大体こんな感じです。 select要素でマークアップ済みの都道府県のやつ <select name="都道府県"> <option value="">都道府県をお選びください。</option> <optgroup label="北
naoyaのはてなダイアリー - microformats って一体何だ?
にわかに盛り上がりを見せている microformats。Technorati が最近注力しているので有名で、Web 2.0 のディスカッションの中でもときおり出てくる重要な要素らしい。アルファギークな人たちも、近頃は microformats について触れることが多くなってきました。 が、僕は頭が悪いんだろうか、いまいち何のことだかよくわからなくって困ってたので、ここで少し腰を据えて、色々見て回り勉強中です。まだ細かいところがもやもやしてはいるものの、ようやくその実体が掴めて来た感じです。 「microformats とは何か?」と言われると、その答えはズバリ About microformats というエントリーに書かれているのですが、これを理解するよりまず具体例から入った方が分かりやすい。現在 microformats と呼ばれているもののうち、すでに実用段階に入っているものがありま
<LINK>―HTMLタグリファレンス
<LINK>タグはその文書ファイルと関連する別の文書ファイルを指定し、 その関係を定義するもので、<HEAD>～</HEAD>間で使用します。 例えば別の文書ファイルとの間に順序や上下の階層関係がある場合、以下のような記述によりその関係を明示します。 ■使用例
HTML の DOCTYPE 宣言で、SSL認証エラーでます。 - Yahoo!知恵袋
coocoo_nanさん HTML の DOCTYPE 宣言で、SSL認証エラーでます。HTML文書の最初に <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> という記述をいれているのですが、 おそらく、http://www.w3.org/TR/html4/loose.dtd が原因で、SSLページへ移動しようとすると、 安全でないコンテンツが含まれた・・・ という認証エラーがでます。 ためしに、ここの記述をはずすとでません。 またこのサイトにアクセスすると、loose.dtd のファイルがダウンロード できるのですが、このファイルをダウンロードして、自分のサイトにアップして使ってもよいものなのでしょうか？ 自ドメインで使え
プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね？」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLとCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている
tips - livedoor Blog - canonical属性に対応する : 404 Blog Not Found
2009年02月14日18:30 カテゴリTipsiTech tips - livedoor Blog - canonical属性に対応する 今までなかったのがむしろ不思議としかいいようがないぐらい。大歓迎。 検索エンジン3社、正しいサイトURLを認識させるcanonical属性を導入（URLの正規化） :: SEM R そこで検索大手3社は今回、canonical属性を導入。ここに正しいURLを記述することで、クローラはその情報を参考に適切なURLを特定する。linkタグは、301リダイレクト相当の取扱がされ、リンク評価など他の要素もcanonical で指定したURLに引き継がれる。また、全く同一のページ同士でなければ指定できないというわけではなく、ほぼ同じページ同士でもrel="canonical" 設定が可能だ。 Official Google Webmaster Central
RSSを簡単にHTML変換するRSS2HTML:phpspot開発日誌
Free RSS to HTML PHP Script In addition to making your RSS feed available to your visitors for use with their RSS Feed Reader, as a webmaster you may also want to make the same feed available on your website for viewing with a regular web browser. RSSを処理するためのライブラリは多く存在しますが、PHPの知識がなければ使えなかったりするものも多いです。 そこで、RSS2HTMLを使えば、PHPの知識はなくとも、特定のRSSをHTMLに簡単に変換できます。 使用するには、ダウンロード後、解凍したパッケージ内のrss2html.phpを編集します。
ブログには無い、HTMLサイトの３つのメリット - ネットナナメ読み - 山田井ユウキ - builder by ZDNet Japan
builder読者の皆さん、こんにちは。山田井ユウキです。座右の銘は「明日から本気出す」です。 前回のエントリ、「ブログ全盛期だからこそ逆を行く――HTMLサイトの始め方（初心者向け）」が好評だったので、調子に乗って続きのエントリを書いてみました。 コメント欄でもリクエストをいただきましたが、 「HTMLサイトの作り方はわかった。でもブログより優れている点がわからないとわざわざ作っても……」 という方のために、ブログにはない、HTMLサイトならではのメリットをまとめてみたいと思います。 とりあえず手作り感があるとか、そういう当たり前の話はおいといて、それ以外について少ない脳みそしぼって無理やりひねり出してみました。 ※便宜上、HTMLを手書きして作る昔ながらのウェブサイトをHTMLサイトと呼びます。 ■まとめサイトを作りやすい たとえばゲームの攻略サイトや、特定のジャンルに特化したデータベ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スチーム速報 ＶＩＰ
慶應義塾大学 湘南藤沢キャンパス（SFC）
http://www.nhk.or.jp/lab-blog/touch/news/