HTMLのheadの書き方、head内に記述する要素の総まとめ
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した以前の版からいろいろと変更されています。 head内に記述する最小限の構成 head内の要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 メモ head内に記述する最小限の構成 下記はシンプルなWebサイトで必須となるhead内に記述する最小限のタグです。 <meta charset="utf-8"> <meta http-equiv="x-ua-c
クソ酷いウェブサイト
他に何がほしいってんだ、クソ野郎 お前はウェブサイトを作ってその糞サイトを最高だと思ってるんだろ？ お前は13MBに及ぶパララックスエフェクト付きのクソ重いページがアホらしいグッドデザイン賞をとるとでも思ってるんだろ？ お前は20kgあるjQueryファイルと83個のpolyfilがIE7をまともに動作させると思ってるんだろ？ どアホ、お前は間違っている。俺様が俺の考える最強のウェブページを教えてやる。 クソ軽量でクソ速いページ 全てのデバイス幅に対応できる どんなうんこブラウザでも見た目が一緒 お前のサイトに訪れるどんな糞野郎でもアクセス可能 読みやすく伝えたいことが明確（もっともお前が5MBサイズのシャレオツなコーヒー写真ではなくて伝えたいことがあればの話だがな） よく聞け、糞野郎ども お前らはハッキリ言ってオーバー・デザインだ。この史上最強のウェブサイトを見てみやがれ。俺がごみコンテ
Webブラウザにおける文字のアンチエイリアスの現状の最適解｜dwango creators' blog（ドワンゴクリエイターズブログ）
Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。 MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。 デバイスのdpiによる見え方 このまま各ブラウザでアンチエイリアスを揃える設定しても良いのですが、1x, 2xの解像度による見え方を見ていきましょう。(今回はThunderbolt Display = 109ppi, MBP Retina Display = 220ppiで検証・比較。実際に表示した画面をスマホのカメラで加工が無いようにして撮りました。) 109ppi(Thunderbolt Display) 220ppi(MBP Retina Display) 以下のことがわかります
TechCrunch
Zelda fans already got a stellar new game with “Tears of the Kingdom” this year, but Nintendo just dropped another exciting nugget of news: the gaming giant is working on a live-action mov Lucid has revised its 2023 production outlook amid softening demand for luxury electric vehicles, the company said Tuesday in its third-quarter earnings report. The EV maker said it will produce 8,000
マイクロソフト、業務向けのモバイルアプリをブラウザから簡単に開発できる「PowerApps Studio for Web」プレビュー公開
マイクロソフト、業務向けのモバイルアプリをブラウザから簡単に開発できる「PowerApps Studio for Web」プレビュー公開 マイクロソフトは、プログラマではなくパワーユーザー層がモバイル対応の業務アプリケーションを簡単に開発できるツール「PowerApps Studio」のWebブラウザ版となる「PowerApps Studio for Web」のプレビュー版を公開したと発表しました。 PowerAppsが最初に発表されたのは2015年12月。このときには開発ツールとしてWindows版のデスクトップアプリケーションとして「PowerApps Studio for Windows」が用意されていました。 今回発表された「PowerApps Studio for Web」は、デスクトップアプリケーション不要で、Webブラウザから開発ツールを利用してモバイル対応の業務アプリケーシ
Webブラウザ「Vivaldi」が超絶便利すぎてChromeユーザーはさっさと乗り換えたほうがいい - Brian'z Imagination
ブログにしろダイアリーにしろブックマークにしろ、はてなにお住いの皆さんが1日にブラウザと過ごす時間は、他のかたよりそれなりに多いことと思う。 そんなブラウザ使いの貴公子たちよ、こんな経験をしたことはないだろうか。 折角書いたブログ記事が誤操作で消えてしまった。 タブを開きすぎたことにより、メモリを食い過ぎてブラウザが落ちた。 ブラウザなんて要らない、俺は念力で十分だ。 そんな迷える子羊たちにオススメなのが、今回紹介するWebブラウザ「Vivaldi」だ。 コイツは使い始めは他のブラウザと変わらない「何の変哲もないただのブラウザ」だが、カスタマイズ次第で子羊たちを弄もてあそぶ「モンスターブラウザ」と化す。 特にChromeユーザーのあなたに、声を大にして伝えたい。 今のところChromeを使い続ける理由はなさそうなので、今日から乗り換えてしまおう！ Vivaldi？そいつは食えるのか？ Vi
無料でファイルサイズ制限なしにWebRTCでブラウザからファイルをP2Pで直接安全に転送できる「Bitf.ly」
ファイルを相手に送るのにクラウドストレージを利用する方法がありますが、サービスの登録が必要なことや不特定多数の人にファイルをダウンロードされる危険があるという問題もあり、1回限りのデータ送信のためには使い勝手が悪いものです。これに対して「Bitf.ly」なら登録不要でWebRTC対応ブラウザを使ってP2Pで相手に簡単にデータの送受信が可能。Bitf.lyはP2Pで直接データを送信できるだけでなく、WebRTCがデフォルトで暗号化されていることからデータを安全に送受信できます。データ制限もなく、PCやスマートフォンなどの端末も不問でファイルの送信が終わったらウェブブラウザを終了させるだけでOKという手軽さとのことなので、さっそく使ってみました。 Bitf.ly - secure peer-to-peer file transfer over WebRTC https://bitf.ly/ 「
ブラウザにやさしいHTML/CSS
Takeharu IgariLei Hau'oli Co., Ltd. ー CTO at Lei Hau'oli Co.,Ltd.
ブラウザ上で実際にコードを入力しながら学べるプログラミング言語学習サイト「CodeStudy」【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間: 1分] 学生エンジニア・デザイナーを対象とした求人情報サービス「JEEK」を展開するTechouseは4月5日、サイト内にプログラミング言語を習得できる新コーナー「JEEK CodeStudy」を開設した。 プログラミング言語学習というと、テキストか動画のインプット型が大半で、“よし、やるぞ” と始めるまでが億劫。ところがCode Studyは、実際のプログラミングと同じようにコードを入力しながら、インタラクティブに学習することができるため、集中しやすく習得しやすくなっている。 解らないことがあったらTwitterやFacebookで質問するという割り切りも、実は現実に則しているわけでいい感じだ。 あたかも本当にプログラミングをしている感覚で学べる 解答を入力するエリアは、プログラミングで使用するエディタさながらのふるまいをするため、初めてプログラミングをするという人にも感覚
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Speech-to-Text Webcam Overlay
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Vivaldi Browser | Powerful, Personal and Private web browser
Engadget | Technology News & Reviews
ChromeとFirefoxのタブを思い通りにできる拡張機能・アドオンを一挙ご紹介！ | ライフハッカー・ジャパン