進化が止まったIE、Web開発の足かせに
Webブラウザー「Internet Explorer（IE）」の進化が止まり、Webフロントエンド開発の足かせになっている。開発基盤であるWebブラウザーの最新事情に迫る。 HTML5が国際標準化団体W3Cで勧告されたのは2014年10月のことだ。勧告は標準化を意味する。4年が過ぎ、Webフロントエンドの開発事情は大きく変わってきた。 特に変化が激しいのがWebブラウザーだ。Internet Explorer（IE）の進化が止まり、Chromeなどのブラウザーが台頭してきた。合わせて、周辺技術も進化している。 モバイルファーストで進むレスポンシブWebデザイン Webコンテンツの開発は近年、「モバイルファースト」が当たり前だ。とりわけ一般消費者向けのWebコンテンツは、スマートフォンを無視することはできない。企業向けシステムであっても「スマートフォンでも利用できる」ことを要件にしているケー
21年前のワープロ「書院」で2018年にインターネットをしたら、無間地獄に突入した
20世紀の遺産・ワープロ（ワードプロセッサ）。文章の入力・編集・印刷ができるためPCが登場する前は大いに普及しました。しかしPCが普及した90年代後半からは売り上げが落ち、とうとう2003年9月に全て生産中止に。 PCに負けた要因の1つがインターネットへの親和性の低さでしたが、実は後期には、「ネット接続機能」を備えたワープロがいろいろと登場していたことをご存じでしょうか？ 本記事ではその「ネットにつながるワープロ」を手に入れて、2018年のインターネットの世界を閲覧してみることにしました。果たしてまともに見られるのでしょうか……？ 当時のプレスリリースより 当時28万円の最新機→2000円で入手 今回手に入れたのは、シャープが1997年9月に発売した、書院「セリエ MR-2」。 12.1型のDSTNカラー液晶（当時の業界最大） フォト印刷対応400dpiカラーインクジェットプリンタ搭載 ブ
「アニメーションPNG(APNG)」がGoogle ChromeのベースであるChromiumでサポート開始
By Linux Screenshots Googleが提供するウェブブラウザのGoogle Chromeは、オープンソースのウェブブラウザ開発プロジェクトである「Chromium」をベースとしています。そのChromiumが、新しくアニメーション画像フォーマットのひとつである「APNG」に対応したことを発表しました。 7d2b8c45afc9c0230410011293cc2e1dbb8943a7 - chromium/src - Git at Google https://chromium.googlesource.com/chromium/src/+/7d2b8c45afc9c0230410011293cc2e1dbb8943a7 ChromiumではPNG画像を「構造解析」と「デコード」の2段階にわけて解読することでAPNGに対応しているそうです。これにより、Google Chro
Web開発を簡単に! マイクロソフトが無償ツール「WebMatrix」提供開始 | エンタープライズ | マイコミジャーナル
Site、Files、Databases、Reportsの4つのワークスペースを切り替えるシンプルなインターフェイス 米Microsoftは1月13日(現地時間)、Web開発ツール「WebMatrix」の提供を開始した。Webサイトの構築、管理、公開まで、あらゆる開発作業に必要な機能を兼ね備えたシンプルな無償ツールだ。Webサイトを気軽にすばやく開発できる効率的な環境であり、また入門者に適したツールでもある。 WebMatrixは、プログラミングフレームワーク、Webサーバー、データベースが1つの統合型エクスペリエンスにまとめられているのが大きな特長。Web開発の基本的な作業をこなすために複数のツールを使い分ける必要はなく、デスクトップ上で開発環境から実稼働環境へシームレスに移行できる。 手軽にWebサイト構築を進められるようにテンプレートと、DotNetNuke、Umbraco、Word
HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
Google Analyticsを導入したらやっておきたい簡単で便利な設定集 | ウェブ力学
Google Analytics は無料ながらも非常に多機能なアクセス解析サービスです。ただ、多機能が故に使いこなせていないという面もあるでしょう。 何よりも設定が面倒なために、初期設定以外の機能を利用していないという人も多いのではないでしょうか？ そこで今回は、Google Analytics で簡単に設定出来る上に便利な機能を４つ紹介します。どれも数分で設定出来るものばかりです。 １．自分のアクセスを除外する サイト開設時など、全体のアクセスが少ない状況においては、自分のアクセスがカウントされてしまうのが気になるという人も多いでしょう。まずは自分のアクセスを除外する方法を紹介します。 Google Analytics で自分のアクセスを除外する方法には大きく以下の３つがあります。 IPアドレスで除外する Cookieで除外する gif画像の読み込みを不許可設定にする これら３つの方法に
携帯電話からのアクセスを真似する·Moxy MOONGIFT
MoxyはPerl製のオープンソース・ソフトウェア。日本において携帯電話サイトの需要は大きい。スマートフォンの活況もあって、PC向けと同時に携帯電話向けをリリースすることも多くなっている。また将来的にはPCよりもモバイルのシェアが大きくなると言われている。 携帯電話からのアクセスを模倣できる そんな携帯電話向けサイトの開発を行う場合、PCからアクセスを偽装してテストを行う必要がある。専用のソフトウェアの他、FirefoxのMobileSimulatorも使えるが、ここではWebブラウザベースのMoxyを紹介しよう。 MoxyはPerl製のソフトウェアで、専用のWebサーバとしてサービスが立ち上がる。ブラウザからアクセスすると、URLを指定して外部のWebサービスにアクセスできる。その際にはUserID、ユーザエージェント、HTTPヘッダーを任意に入れ替えてアクセスも可能だ。 Googleへ
cssの情報・まとめ
cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツールオンラインのcssツール。 CSS Validation Service / W3C検証サービス日本語版RoundedCornr / 角丸のHTML・CSSコードを生成してくれるCSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できるCSS Builder / オンラインでスタイルを生成可能Spiffy Box / cssによる角丸を簡単に生成The Box Of
ブラウザだけでプロっぽい高度な写真加工ができる『pikifx』 | POP*POP
よくある類のツールではありますが、知っておくと便利かなということでご紹介。 ブラウザだけで画像の伸縮、切り取りから枠線をつけたり、テキストを入れ込んだり、ということができます。フィルターや枠線の種類が豊富でなかなか楽しげです。 ちょこっとだけ画像の加工をしたい、というときに便利そうですね。 以下に詳しくご紹介。 ↑ サイズ変更も直感的に行えます。四隅の四角をドラッグするだけです。 ↑ 指定した部分だけを切り抜くことが可能。これもマウスだけで操作できますよ。 ↑ 枠線も追加可能。左側のメニューを見ればわかりますが、かなりの種類があります。 ↑ フィルターも種類が豊富。 すっかりオンラインでいろいろなことができるようになりましたね・・・。フィルターと枠線は種類が豊富なので眺めていると新しいデザインのアイディアが浮かんできそうですね。 ご利用は無料です。よろしければ以下からどうぞ。 » Make
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Av-jyo.com
HTML5.JP - 次世代HTML標準 HTML5情報サイト
ナウなヤングにバカウケな「検索サイト」まとめ :: Love & Design ::