HTML5を使った海外のオシャレなかっこいいサイト10選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。あかねです。 秋を感じる間もなく、あっという間に冬ですね。 会社での防寒対策を考えないと。。。 さて、今回はHTML5の海外のかっこいいサイトを紹介します！ どのサイトもイラストや写真、挙動に凝っているのでweb制作の参考になります。 The Claw Bar http://www.theclawbar.com/ estival Mundo 2011 – Aterrizando no Espaço Cultural http://2011.festivalmundo.com.br/ Gentle Media – Web Design & Web Development http://www.gentlemedia.nl/en/ MyDirtyDesk http://www.mydirtydesk.com/ Soleil Noir 2012 | We believe in… ht
ネイティブアプリのようなWebアプリを作るために
※image via 003 FREE WEB GRAPHICSデバイスの多様化に伴い、拡張性の高いWebアプリの重要性が見直されています。サイバーエージェントのデカグラフを構成するサービスも基本的にはWebベースで作られていますが、これはアプリの改善スピードを上げたり、各サービス間の回遊性を高めるという狙いもあるようです。 ただし、スマートフォンユーザーはネイティブアプリ先行でサービスに触れているため、これまでのWebアプリでは当たり前だったことが、今ではストレスに感じてしまうことも多いです。HTML5の登場やJavascriptのライブラリの充実などにより、最近ではリッチなWebアプリを作る環境が急速に整ってきてはいますが、それでもスマートフォン向けに満足度の高いWebアプリを提供するハードルは非常に高いと言えると思います。 そこで、「もっさり＆カクカク」な印象のあるWebアプリの操作
第3回 ネイティブアプリか、それともWebアプリか？ ――アプリ開発者を悩ます問題
第3回 ネイティブアプリか、それともWebアプリか？ ――アプリ開発者を悩ます問題：なぜ今、HTML5なのか――モバイルビジネスに与えるインパクトを読み解く アプリ開発者の間で「ネイティブアプリか、Webアプリか」という議論が盛んになっている。今回は、両者の長所と短所を整理するとともに、Webアプリの弱点を克服するために使われている手法を見ていく。 昨今の不況下で、例外的に活況を呈しているのがスマートフォンやタブレットを中心とするモバイル産業だ。特にそれらモバイル端末のタッチパネルから、指で簡単に操作できる「アプリ」と呼ばれる軽快なソフトウエアに関心が集まっている。厳しい就職難の最中、このアプリ開発者への求人倍率は新卒、中途採用を問わず高水準を維持している。 彼らアプリ開発者の間で最近、「ネイティブアプリか、それともWebアプリか？」という議論が盛んになっている。もちろん本来、それは二者択
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
HTML5とCSS3をページ全体or少しずつ導入するチュートリアル
デモページの全体のキャプチャ 下記は各ポイントを意訳したものです。 全体をHTML5化しても、面白そうなCSS3のエフェクトを少しずつ適用しても面白そうです。 ウェブページにHTML5を導入 ウェブページにCSS3を導入 ウェブページにHTML5を導入 デモページのHTMLの構造は、下記のようになっています。 HTML5：ページのベース 各エレメントを配置する前のHTMLのベースは、下記のようになります。 <!DOCTYPE html> <html lang="en"><head> <meta charset="utf-8" /> <title>Ferris Buller on Abduzeedo</title> <link rel="stylesheet" href="style.css"> <!--[if IE]> <script src="http://html5sh
Youtubeの動画を背景に
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
【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL（zip：12kb） HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ？とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な？話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi
HTML5 マークアップ入門 | TM Life
これらの要素を使うことで, 人間の目にもクローラにもやさしいコーディングができます. 注意点 注意することが一つあります. それは, やみくもに div を section や article, aside に置き換えてはいけないということです. html5doctorに以下の一文があります. Don’t use it unless there is naturally a heading at the start of the section セクションの始まりに見出し(h1~h6)を自然に入れられない場合は使わないでください 的なことが書かれています. この点だけ注意してください. HTML5 マークアップの例 HTML5 マークアップの例です. jsdo.it で作ったサンプルの内容になります. HTML5 マークアップ部分 HTML5 によるマークアップ部分です. ブログ記事用のマ
ゼロからはじめるHTML5でのサイト制作／第9回 XHTML1.0とHTML5のコーディングの違いを確認してみよう - MdN Design Interactive
これまでの連載では、HTML5での新要素の説明やHTMLから使用方法が変更になった要素、ブロックレベル要素とインライン要素の変わりとなった「コンテンツ・モデル」や「アウトライン」などについてまとめてきましたが、ここからは今まで解説したことのまとめとして、簡単なレイアウトをxhtmlとHTML5でのマークアップを比較しながら実際に作成してみたいと思います。 解説：（有）ムーニーワークス 林 豊／田崎一成 ●HTML5の基本の書き方 XHTML1.0とHTML5の基本のHTMLの違いを再確認してみましょう。HTML5といっても基本の書き方が大きく変わるわけではありません。極端なことを言えば、DOCTYPE宣言だけをHTML5の書き方にし、コンテンツのコードを既存のままにしてもHTML5になります。今回は新要素などを適切に使用して「コンテンツ・モデル」や「アウトライン」を意識してマークアップして
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KDDI ∞ Labo open MEETing vol.17 HTML5の現在と未来 リポート | KDDI∞ Labo Square | KDDIのオンラインマガジン TIME & SPACE
HTML5によって作られたテクニカルなWebページを集めた『Form Follows Function』
HTMLクイックリファレンス
HTML5: Past, Present, Future — Cool Infographics
これからのWeb制作に使える、HTML5,CSS3の対応表や各種リソース
html5collect.net
HTML5.JP - 次世代HTML標準 HTML5情報サイト
HTML5Rocks - A resource for open web HTML5 developers