[B! HTML5][CSS] hidex7777のブックマーク

2016年に見直したHTML5・CSS3コーディング手法6選 - ICS MEDIA

HTML・CSSコーディングを取り巻く状況は、数年前と大きく変わっています。最近では、2016年11月にHTML 5.1が勧告されたり、2015年8月頃にChromeのブラウザーシェアがInternet Explorerを抜いたりといったニュースがありました。また、2017年4月にはWindows Vistaのサポートも終了するため、今後対応すべきはWindows7のIE 11以降となります︵※︶。当たり前だと思っていたコーディング技術を今一度見直す時期にきているのではないでしょうか。本記事では2016年に見直した、今の時代に即したコーディング技術を紹介します。 ※ 参考記事﹁Internet Explorerサポートポリシー変更の重要なお知らせ - Microsoft﹂ 1. meta keywords設定は検索順位に関係がないウェブコンテンツのキーワードを指定するmeta keyw

hidex7777 2016/12/20

meta keywordsが検索順位に影響しないとして、「見ていない」ことになるのかな？そのへんよくわかんない。

リンク

プログラム組んだら負け！実はHTML/CSSだけでできること2015夏

This document summarizes a microservices meetup hosted by @mosa_siru. Key points include: 1. @mosa_siru is an engineer at DeNA and CTO of Gunosy. 2. The meetup covered Gunosy's architecture with over 45 GitHub repositories, 30 stacks, 10 Go APIs, and 10 Python batch processes using AWS services like Kinesis, Lambda, SQS and API Gateway. 3. Challenges discussed were managing 30 microservices, ensur

hidex7777 2015/07/27

IEに対応しないならなんでもできるだろうそりゃ

CSS
HTML5

リンク

無料でしかも高品質！レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ

レスポンシブ対応の縦長ページ、ランディングページ、プロダクトページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。単に使うだけでなく、デザインやHTML5/CSS3の勉強としてスキルアップにもいいですね。

hidex7777 2015/05/16

リンク

モダンWeb

誕生から四半世紀を経てWebはその姿を大きく変えています。かつてのWebは単に科学技術文書を公開するためだけの仕組みでしたが、現在ではマルチメディア、ショッピング、アプリケーション、ひいてはオペレーティングシステムさえも包含する技術へと成長しています。このようなWebの最新技術動向を鋭く切り取り、わかりやすく解説したのが本書です。近年脚光を浴びているレスポンシブWebのためのCSSをはじめ、位置情報やバッテリーの状態を取得するためのAPI、プラグインに頼らないマルチメディア再生などを紹介します。さらに、近い将来に普及するであろう注目のWebコンポーネント技術についてもいち早く解説します。目次賞賛の声まえがき1章　Webプラットフォーム 1.1　用語について 1.2　想定される読者と、読者が知っておくべきこと 1.3　用語の再確認 1.4　HTML5とは 1.4.1　HTML5のひな

hidex7777 2014/08/28

リンク

Web制作者が捗る！知識が増える2014年トレンドまとめ

作成‥2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。エンジニア速報は Twitter の@commteで配信しています。もくじファーストビューで使いたいエフェクト1．ロングシャドウ2．ポリゴン3．ラージフォトスタイル4．ブラーエフェクト5．フルスクリーン動画6．画像シーケンス脱ビットマップ画像7．SVG8．Webフォントを円で囲む配色・フォント9．配色(フラットデザイン) １０．タイポグラフィ(フラットデザイン) １１．フォント(フラットデザイン) 効果12．Infinite Scroll(無限スク

hidex7777 2014/06/10

リンク

縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！

HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。今回は「高級ペライチ」とググると1位に表示される、僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！まずは王道！縦に長い高級ペライチ

hidex7777 2012/07/08

リンク

HTML5が使えるスマートフォンOS

HTML5が使えるスマートフォンOSHTML5が使えると言うと少し言いすぎですが、headerなどの新要素に対してdisplay:blockが指定されているOSです。 iPhoneなどではiOS4.0以上から、Androidでは2.2からdisplay:blockが適用されています。それ以下のバージョンでHTML5を利用したい場合は、 article, aside, figure, footer, header,hgroup, nav, section { display:block; } といったdisplayの指定が必要です。 Safariや最新のiPhoneで検証してたら忘れがちになりそうなのでメモ。追記‥@hilokiから﹁dialogはもう抜きでよろしいかもです！﹂と指摘いただいのたで削除しました。そういえばこいつはHTML5から削除されたんですよね。スポンサードリンク

hidex7777 2012/03/19

リンク

はてなブックマーク

タグ

関連タグで絞り込む (11)

HTML5とCSSに関するhidex7777のブックマーク (7)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第1週）

月間はてなブックマーク数ランキング（2024年6月）

今週のはてなブックマーク数ランキング（2024年6月第5週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス