GitHub - hail2u/html-best-practices: For writing maintainable and scalable HTML documentsYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
HTML の q タグが日本語のサイトではカギ括弧を出すようになってた
HTML に q という要素がありますね。 Quotation の Q ですか。 <q> について 文書内で引用をしたいとき、 ブロック要素を含むような場合には <blockquote> ですが 一言とか一行とかそれくらいのときには <q> を使うのがいいみたいです。 q 自体がデフォルトでインライン要素だしね。 こんなぐあい。 <q>ここは引用ですよー。</q> 多くのブラウザでは、この <q> で括った部分が ダブルクォーテーションで挟まれて表示されます。 上記の例だとこう。 “ここは引用ですよー。” カギ括弧になってた 「表示されます」って書いたんだけど、 本当は「と思ってました」でした。 こないだふと気づいたら、 日本語のページではこれがこうなってました。 「ここは引用ですよー。」 クォーテーションマークじゃなくてカギ括弧になってる。 知らんかった。いつの間に。 <q> を初めて使
没有找到站点
您的请求在Web服务器中没有找到对应的站点！ 可能原因： 您没有将此域名或IP绑定到对应站点! 配置文件未生效! 如何解决： 检查是否已经绑定到对应站点，若确认已绑定，请尝试重载Web服务； 检查端口是否正确； 若您使用了CDN产品，请尝试清除CDN缓存； 普通网站访客，请联系网站管理员；
Private Presentation
Private content!This content has been marked as private by the uploader.
How to create high-performance CSS animations | Articles | web.dev
Move an element To move an element, use the translate or rotation keyword values of the transform property. For example, to slide an item into view, use translate. .animate { animation: slide-in 0.7s both; } @keyframes slide-in { 0% { transform: translateY(-1000px); } 100% { transform: translateY(0); } } Use rotate to rotate elements. The following example rotates an element 360 degrees. .animate
HTML5 Conference
2015年1月25日に開催されたHTML5 Conferenceは、大盛況のうちに終えることができました！ ご登壇頂いたスピーカーの皆さんや、ご協賛・ご後援頂いた企業・団体の皆さん、及びボランティアスタッフの皆さん、そして何よりご参加頂いた皆さん、ありがとうございました！ 各セッションの資料、動画をセッションページ及び展示ブースページ（特別ラジオ番組）にて公開しています。当日参加されていなかった方も是非チェックしてみてください。 昨今、HTML5は多くの業界に広がり、デバイスの枠組みを越えて浸透しつつあります。2014年10月には、HTML5は「勧告」（正式な仕様として公開）となり、今後はWebの基幹技術として、当たり前のものとなっていくでしょう。また、それに限らずHTML5を始めとした次世代Web標準技術は、現在も多くの仕様が検討されており、HTML5の次に向けて着々と歩みを進めています
iPhone、iPadのホーム画面にWebページを追加したときのアイコンとタイトルを変更する方法｜マコトのおもちゃ箱 ～ぼへぼへ自営業者の技術メモ～
プログラミング言語や環境設定を中心としたパソコン関連の技術メモです。 主にシステム開発中に調べたことをメモしています。TIPS的な位置付けで、気が向いたときにちまちま更新していきます。
apple-touch-icon指定が効かない場合に確認すべきこと - Skirnirnismal
iPhoneとAndroidでは以下のような指定をHTMLに書いておくことによりホーム画面にショートカットを作成した時のアイコンイメージを指定できる。 <link rel="apple-touch-icon" href="/img/icon.png"> ところが開発環境などで試しているとこの指定をしているにも関わらず指定したアイコンイメージが使われないことがある。 その場合は開発環境でBASIC認証を使っていないかどうかを確認すると良い。 具体的にはアイコンイメージのURLにBASIC認証がかかっているとNGである。 仮にショートカットを作成する対象画面のURLに同じBASIC認証がかかっていて画面表示の際にIDとパスワードを入力済みであってもNGである。（このせいでハマった） ちなみにAndroidは機種によって挙動が違うようで、BASIC認証がかかっていてもOKな機種があるかもしれない
ガラケーサイトのWebデザイン・コーディングで気をつける30の事
ページサイズ 1. 各機種のメモリ容量にあわせてページサイズは100Kbyte以下推奨 メモリ容量の関係から、1つのページサイズは画像やテキストなどすべてのファイル合わせて「100Kbyte以内」に収めるのが望ましいです。 ページサイズは、Chromeブラウザの場合「検証」→「Network」のタブから、Firefoxの場合は「要素の調査」→「ネットワーク」から確認できます。 また、キャッシュからの読込があると実際のサイズよりも軽量になるのでスーパーリロードと呼ばれるCtrl + Shift + R またはCtrl + F5で再読込すると、キャッシュクリアしての計測が可能になります。 head関連 2. DOCTYPE宣言はXHTML Mobile 1.0を推奨 検索エンジンがモバイル（ガラケー）サイトだと認識しやすいよう、モバイルSEO的な観点から下記のようにします。 <!DOCTYPE
メモしておきたい！サイト制作時に知っておくと「意外」と役に立つこと
作成：2014/08/4 更新：2014/11/01 Web制作 > 今回はサイト制作において毎回使うこと、意外と面倒で忘れがちなものをメモしておきます。事前に知っておくことで効率的にコーディング、納品できると思います。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ドメイン＋サーバ １．独自ドメインでHPとgmail を運用させるまで ２．コマンド ３．IP制限 CSS ４．画像の回り込み ５．marginの相殺 ６．ショートハンド ７．ビューポート設定 ８．IEでCSS3を再現 IE対策 ９．filter属性 １０．条件付きコメント WordPress 効率化 １１．keywordsとdescriptionを自動出力させる １２．記事中の最初の画像を自動検出して、表示 １３．タイトルの文字数を自動でカットして、語尾に「…」をつける １４．管理画面 ドメイ
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
noscriptタグをGoogleはインデックスしない、SEOには不向き from #SMX Advanced 2014
[対象: 中級] noscriptタグのなかのコンテンツを基本的にGoogleはインデックスしません。 GoogleのMaile Ohye（マイリー・オーイェ）さんは、SMX Advanced 2014でプレゼンが終わったあとの質問タイムにこのように発言しました。 Web担当者Forumの連載コラムで最近取り上げたように、GoogleのJohn Mueller（ジョン・ミューラー）氏も同様の発言を残しています。 ……、noscriptタグには頼らないほうがいいだろう。なぜなら、たくさんのスパムがnoscriptを使おうとするので、noscriptの中に書かれているコンテンツを必ずしも私たちは信用するとは限らないからだ。 スパムとしての悪用が背景にある マイリーさんの理由もミューラー氏と同じように、noscriptタグがスパムに利用されてきたからのようです。 たとえば、JavaScriptで
Microdataなどの構造化データ マークアップについて - kojika17
構造化データ マークアップは、MicrodataやRDFなどを利用して、schema.orgやMicroformatsなどのスキーマを設定する手法です。 構造化データ マークアップを行うことで、Googleのリッチスニペットの露出を高めるなどの効果が挙げられます。 Googleが提供しているツールを利用した構造化データ マークアップの導入方法を紹介します。 今回の目標 Microdataなどの具体的なマークアップの方法にはあまり触れず、ツールを利用して、構造化データ マークアップを行います。 またGoogleの検索におけるリッチスニペットの最適化を目標としています。 リッチスニペット スニペットとは、検索結果の表示される数行のテキストのことですが、さらに詳細な情報を表示したものが「リッチスニペット」になります。 Googleの検索結果でパンくずリストや商品画像、レビューなどが表示されるのを
HTML Imports: ウェブのための #include - HTML5 Rocks
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
Web Componentsベストプラクティス、 誰のためのWebなのか、どうコードレビューをするかなど海外WEBテク20本を一挙公開
Web Componentsベストプラクティス、 誰のためのWebなのか、どうコードレビューをするかなど海外WEBテク20本を一挙公開 斉藤 祐也（株式会社リッチメディア） 斉藤祐也の海外WEBテク定点観測＜Issue.13: 2014/04/01-2014/04/30＞ 今月の定点観測はWeb Componentsベストプラクティス、誰のためのWebなのかについて、そしてソースコード・レビューをどう行うかなどを紹介します。 注目ニュースピックアップ Web Components ベストプラクティス – WebComponents.org 原題: Web Components Best Practices Web Componentsはまだこれからの技術であることを念頭に、この記事では現時点でのベストプラクティスを紹介しています。 名前空間: 名前空間が他のWeb Componentと重複
ニコ動 超チューニング祭で最優秀賞もらいました
ニコニコ超会議で開催された「超チューニング祭り」に恋人である武藤スナイパーカスタムからお誘いされて参加しました。 投票してくださった方々のおかげで最優秀賞！ ありがとうございます！ ニコ動モバイル版のトップページのhtml,css,jsを軽量化するお祭りでして、にぎやかな会場、狭いブースの中で詰め込まれておもしろかったです。 チーム：ウルフギャングの紹介 エンジニア、デザイナーのバランスチーム。 武藤さんが狼が好きなのでそれっぽい名前にしました。ギャングらしくふたりとも革ジャン装備。 武藤スナイパーカスタム Twitter : tai2 コンピューターグラフィックスとPythonをこよなく愛すマッチ棒エンジニア。 イシジマミキ Twitter : woopsdez 写真をアップするたびにおおつねさんに「太った？」と言われる番付上昇中のデザイナー 他はエンジニアふたり、個人での参加などが
HTML5 Experts Works
All Works HTML5 JUMBOTRON by 大津谷亮祐 2,580 node-hue-remote by 吾郷 協 2,198 MySQL Console by 田中洋一郎 2,958 ChromeMyAdmin by 田中洋一郎 2,982 HTML5杯 by 面白法人カヤック 2,694 dialog element demo by えーじ 2,279 wri.pe by 増井 雄一郎 2,174 StyleStats by 石本 光司 2,632 csv2table by 高橋 登史朗 2,965 ccchart by 高橋 登史朗 3,582 Hue Video Ambilight by 吾郷 協 2,690 Caption Phone / 字幕付きボイスチャット by 仲 裕介 3,865 WebRTC Chat on SkyWay by 小松 健作 3 jsdo.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.janthor.com/skizzenaux/lexer/html_styles.py
GitHub - web-animations/web-animations-js: JavaScript implementation of the Web Animations API
apple-touch-iconやbrowserconfig.xmlなどWebサイトのスマホ用アイコン指定の最新情報を調べてみた | 初代編集長ブログ―安田英久
