タグ

cssとhtml5に関するigrepのブックマーク (7)

  • テーブルレイアウトを使おう! - Qiita

    こんにちは、この記事はHTML5 Advent Calendarの2日目になります。 タイトルは釣りです! ここでは、HTMLメールの話をしたいと思います。 なぜ、テーブルレイアウトか? 最近、TechFeedというエンジニア向けのキュレーションサービスを作りまして(宣伝)、そこで記事の配信にHTMLメールを使っています。HTMLメールのレンダリングは、ブラウザのHTML5の対応状況に比べて非常に遅れており、テーブルレイアウトがまだまだ生き残ってる状況です。ここでは、それらのHTMLメールへの憤をつらつらと書いていきたいと思います。 TechFeedのメール HTMLメールのリッチ化 Webサービスには、モバイルアプリのようなプッシュ通知(※) はないので、Webサービスにとってメールは数少ないリエンゲージメントの手段です。ここで少しでもコンバージョンを上げるために、最近では多くのWeb

    テーブルレイアウトを使おう! - Qiita
    igrep
    igrep 2015/12/03
    “MozillaのThunderbirdやAppleのApple Mailは、実装も凄く進んでいるので、MicrosoftやGoogleもブラウザばかりだけでなく、こちらも是非改善していってもらえれば”
  • Turret

    A library of Documentation, Elements, Components, Icons, and a Grid for rapid responsive website development.Simple and Stylish Create accessible, semantic, and responsive websites easily with Turret. Turret is a front-end styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites. Responsive Turret has a simple and intuitive grid system and re

    igrep
    igrep 2015/06/22
    “Turret is a front-end styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites.”
  • 妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try

    はじめに 昨日公開した「第一回 プログラマ向けデザイン勉強会の内容を参考にしてのパン屋のWebサイトをリニューアルしてみた」の続編を書きます。 今回は僕が苦労したIE6〜8対応のお話です。 実はIE8ユーザーの割合はIE9に次いで第2位! Mac万歳!Chrome万歳!な僕にとって、IEは「どうせ使うことないし、どうでもいいよね〜」という「心の中でサポート対象外なブラウザ」でした。 しかし、店のWebサイトのアクセス解析を見てみると、実はIE9とIE8が1位、2位を占めていることがわかりました。 よく見ると8位にはIE6がまだしぶとく生き残っています。 この結果を見ると、「うーん、こりゃ完全に無視するわけにはいかんな・・・」と考えざるを得ませんでした。 IE対応を全く考慮していないとこうなる まず最初に、IE対応を全く考慮していないと、いったいどんな表示になるか見てみましょう。 トップペ

    妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try
    igrep
    igrep 2013/01/18
    IE対応のいいまとめだと思います!
  • あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介 | バンクーバーのうぇぶ屋

    このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。(チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。) WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う!

  • How To Enable HTML5 In Chrome | Robots.net

    Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

    How To Enable HTML5 In Chrome | Robots.net
  • The evolution of the web

    The web today is a growing universe of interlinked web pages and web apps, teeming with videos, photos, and interactive content. What the average user doesn't see is the interplay of web technologies and browsers that makes all this possible.� Over time web technologies have evolved to give web developers the ability to create new generations of useful and immersive web experiences. Today's web is

  • NEWT=HTML5+CSS3+SVG+XHR2+Web Sockets+etc...

    「プロフェッショナルとして、私たちは用語を正しく使う必要がある。だから私はHTML5を、さまざまなWebテクノロジーをひとまとめに示す用語として使うのは嫌いなのだ」とブログに書くのは、We標準の分野でよく知られるブルース・ローソン氏。 ローソン氏は、HTML5が仕様を指す言葉でとしてではなく、CSS3やSVGなどのさまざまな新しいWebテクノロジー全体を指す言葉として使われることに不満を表明し、そうした幅広い意味で使うための新しい言葉を提案指しています。 新しいバズワードが必要だ! NEWT! 彼が提案する新しい言葉。それが「NEWT」です。 So we need a buzzword, as “HTML5 and related technologies” is unwieldy (and inaccurate). I prefer “NEWT” which stands for New

    NEWT=HTML5+CSS3+SVG+XHR2+Web Sockets+etc...
  • 1