はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ head

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 86件)

2023-08-24のJS: Fresh 1.4、Chrome 117 Beta、Bun 0.8.0

2023/08/24 このエントリーをはてなブックマークに追加 6 users Instapaper Pocket Tweet Facebook Share Evernote Clip 2023-08-24 JSer.info Body 改善 追加

JSer.info #657 - Fresh 1.4がリリースされました。 Fresh 1.4 – Faster Page Loads, Layouts and More 事前コンパイルによるページ読み込みの改善、<head>/<head>/<body>タグを定義できるように、_layoutファイルのサポートが追加されています。 また、defineRoute/defineLayout/defineApp関数の追加、ルートグループと... 続きを読む

2023年最新版: HTMLのheadの書き方、head内に記述する要素の総まとめ

2023/01/25 このエントリーをはてなブックマークに追加 460 users Instapaper Pocket Tweet Facebook Share Evernote Clip elements head内 HTML 要素 総まとめ

HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「HEAD」を紹介します。 HEAD: A simple guide to HTML <head> elements 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にラ... 続きを読む

Slackはハイライト部分をU+E000とU+E001で囲って表していそう - hogashi.*

2022/10/06 このエントリーをはてなブックマークに追加 164 users Instapaper Pocket Tweet Facebook Share Evernote Clip hogashi Description Glitch

Slack は、メッセージのどこからどこまでハイライトするかを、 Unicode の私用領域 *1の U+E000 と U+E001 を使って表しているらしく、こういう HTML を glitch とかで書いて、 <html> <head> <meta property="og:title" content="Slackで&#xE000;タイトルをハイライト&#xE001;する" /> <meta property="og:description"... 続きを読む

ブログを作りながら学ぶ、Next.jsの便利な5つのコンポーネント(Link、Image、Head、Script、レイアウト)

2022/09/15 このエントリーをはてなブックマークに追加 5 users Instapaper Pocket Tweet Facebook Share Evernote Clip script image Vercel コンポーネント 連載

この連載では、現在注目のWebホスティングサービス「Vercel」をご紹介します。本記事から2回にわたって、「Next.js」の便利な9つの機能をご紹介します。今回は、「Linkコンポーネント」「Imageコンポーネント」「Headコンポーネント」「Scriptコンポーネント」「レイアウトコンポーネント」の5つのコンポーネントを紹介... 続きを読む

GitHub - nikochiko/autosaved: Never worry about losing your code. Written in Go

2022/01/12 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip GitHub written in Go

autosave[d] autosaved, pronounced autosave-d (for autosave daemon) is a utility written in Go to autosave progress on code projects. It uses the go-git package to save snapshots without interfering the normal Git flow - branches that are to be pushed upstream, HEAD, or the Git index. It provides ... 続きを読む

head内でパフォーマンスの問題がある箇所、Webページのレンダリングを妨げる要因を明らかにするCSS

2021/10/01 このエントリーをはてなブックマークに追加 218 users Instapaper Pocket Tweet Facebook Share Evernote Clip レンダリング CSS head内 要因 箇所

Webページのレンダリングを妨げる要因、<head>タグ内でレンダリングをブロックしているCSSやJavaScript、サードパーティーのリソースなどを表示して、どこを修正すればよいか教えてくれるCSSのスニペットを紹介します。 ちなみに下記のグリーンは問題なし、レッドはエラーで対応が必要、オレンジは特定のシナリオで問題... 続きを読む

? ct.css – Let’s take a look inside your <head>

2021/09/23 このエントリーをはてなブックマークに追加 19 users Instapaper Pocket Tweet Facebook Share Evernote Clip Tags Your is the

Your <head> is the single biggest render-blocking part of your page—ensuring it is well-formed is critical. ct.css is a diagnostic CSS snippet that exposes potential performance issues in your page’s <head> tags. View demo View source View conference talk (full context) Drag and drop the followin... 続きを読む

絵文字をファビコンとして表示する簡単な方法

2021/05/13 このエントリーをはてなブックマークに追加 36 users Instapaper Pocket Tweet Facebook Share Evernote Clip ファビコン HTML わざわざ画像 絵文字 Webサイト

ちょっとしたWebサイトを作るときに地味に面倒なのがファビコンです。わざわざ画像を作るのも、どこかからちょうど良い画像素材を持ってくるのも、アップロードするのも面倒だったりします。 そんなときは絵文字をファビコンとして使いましょう。 やり方 先にやり方を載せておきます。これをHTMLの<head>の中へコピペす... 続きを読む

ネイティブコンパイルEmacsの登場 | 日々、とんは語る。

2021/04/28 このエントリーをはてなブックマークに追加 178 users Instapaper Pocket Tweet Facebook Share Evernote Clip ネイティブコンパイルEmacs emacs feature

日本時間の2021年4月26日午前3時6分、Emacsのmasterブランチにfeature/native-compブランチがマージされました(コミット:Merge branch ‘feature/native-comp’ into into trunk)。これにより、HEADのEmacsをビルドすると、Native compilation機能を兼ね備えたネイティブコンパイルEmacs、通称Gcc Emacsが使えるように... 続きを読む

脱中級テニス?テニスプレーヤー、2か月半走り込み期間の成果は!? - 脱中級? stelliterのテニスアディクト

2020/05/28 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip stelliter テニスアディクト テニスプレーヤー 成果

こんにちはstelliterです。 以前テニスに関して走り込みが必要という内容で記事にしました。 www.stelliter.info 今回はその後どうなったのかを少しお伝えしたいと思います。 はたしてこの2か月半(3月前半くらいからスタート)の走り込みの成果はでたのか?? それではいってみましょう HEAD(ヘッド)テニス硬式テニス... 続きを読む

JavaScriptのデバッグについて | 晴笑雨笑ぶろぐ

2020/02/21 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip デバッグ script Test.js script src

JavaScriptをデバッグする際に、よく使う機能のみに重点を当てて説明します。 その他、色々なデバッグ方法やツール・機能がありますが、当ブログは駆け出しエンジニアさん向けであるため、ご了承ください。 まずはサンプル用のHTMLとJavaScriptを用意しますね。 <html> <head> <script src="./js/test.js"></script> </h... 続きを読む

自作JSの読み込みはbodyの最後に書いたほうがいいのに、なんで外部ライブラリはheadにあるんでしょうか? - Qiita

2019/05/11 このエントリーをはてなブックマークに追加 116 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery Qiita Body 初歩 きっかけ

自作JSの読み込みはbodyの最後に書いたほうがいいのに、なんで外部ライブラリはheadにあるんでしょうか? 調べるキッカケ 最近フロントエンドを触り出して、JQueryの勉強(初歩中の初歩)をしていたのですが、 「JSの読み込みはbodyの最後に」という決め事があるようで、ちょっと気持ち悪いので調べていました。 すこし... 続きを読む

[JS]実装が簡単!要素にclassを加えるだけでCSS3アニメーションを自在に使えるスクリプト -CSS3 Animate It | コリス

2019/01/28 このエントリーをはてなブックマークに追加 149 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス class stylesheet スクリプト Libs

アニメーションの一覧 CSS3 Animate Itの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/animations.css" type="text/css"> </head> <body> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jque... 続きを読む

朝日新聞 英語訳慰安婦報道訂正ページの検索避けをこっそり外す/朝日は他の謝罪訂正ページにnoindexを入れているのか調べてみました | 以下略ちゃんの逆襲 ツイッターGOGO

2018/08/23 このエントリーをはてなブックマークに追加 311 users Instapaper Pocket Tweet Facebook Share Evernote Clip noindex robots nofollow Meta 朝日

朝日新聞が”noindex, nofollow, noarchive”のmetaタグを外す 朝日新聞が吉田清治の慰安婦報道訂正の英語訳記事htmlページの<head>~</head>内に、 <meta name=”robots” content=”noindex, nofollow, noarchive”></meta> を入れて、「検索避け」をしていた問題で、新たな動きがありました。 朝日新聞が慰安婦訂正記事だけ... 続きを読む

ジョージ・クルーニー、友達14人に1億円ずつプレゼント - シネマトゥデイ

2017/12/14 このエントリーをはてなブックマークに追加 263 users Instapaper Pocket Tweet Facebook Share Evernote Clip シネマトゥデイ 米MSNBC ジョージ・クルーニー ジョージ

ジョージ・クルーニーの友達になりたい - Anthony Harvey / Getty Images ジョージ・クルーニー が2013年、親しい友人14人に一人100万ドル(約1億1,000万円)ずつプレゼントしていたことが明らかになった。(1ドル110円計算) 【画像】美人妻とラブラブなジョージ・クルーニー これはジョージの長年の友人である事業家のランド・ガーバーが、米MSNBCの番組「Head... 続きを読む

HTMLページのhead内に記述する要素の総まとめ | コリス

2017/09/26 このエントリーをはてなブックマークに追加 950 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス CheatSheet meta要素 link要素 去年

HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した 以前の版 からいろ... 続きを読む

2017/04/25 このエントリーをはてなブックマークに追加 33 users Instapaper Pocket Tweet Facebook Share Evernote Clip viewport initial-scale width

<!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http-equiv = "X-UA-Compatible" content = "i... 続きを読む

【PSVR】頭「だけ」を使う異色ゲーム『ヘディング工場』クリア後感想(ネタバレなし)・攻略メモ - 夜中に前へ

2017/02/18 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip PSVR bookmark 夜中たわし パズル 異色ゲーム

2017 - 02 - 18 【PSVR】頭「だけ」を使う異色ゲーム『ヘディング工場』クリア後感想(ネタバレなし)・攻略メモ ゲーム パズル シェアする Bookmark! Facebook Twitter Google+ Pocket スポンサーリンク こんばんは。夜中たわしです。 2月17日、『ヘディング工場』という変わったゲームが配信開始されました。 (引用元: ヘディング工場 / Head... 続きを読む

head内に記述する要素の総まとめ -meta要素、link要素、ソーシャルサービス用の要素、ブラウザやスマホアプリ用の要素など | コリス

2016/06/01 このエントリーをはてなブックマークに追加 547 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス GitHub link meta要素 link要素

HTMLドキュメントのhead内に記述するmeta要素やlink要素、ソーシャルサービス用の要素、ブラウザ用の要素、スマホアプリ用の要素などをまとめた「HEAD」を紹介します。 HEAD -GitHub 翻訳するにあたりいくつか尋ねたところ、著者様はとてもいい人でした。 公開当初から内容がアップデートされ、ライセンスもCC0に変更されています。 オススメの最小限の構成 要素 meta要素 link... 続きを読む

HTML の <head>〜</head> 内に書くタグの順番にも気を遣いましょう。 - ONZE

2016/01/20 このエントリーをはてなブックマークに追加 645 users Instapaper Pocket Tweet Facebook Share Evernote Clip オンズ HTML 順番 タグ 直感

ONZE - オンズ 茨城県つくば市を拠点に、ホームページ制作・デザイン制作を行っています。直感で「…!!」や「…??」と感じたら、今すぐオンズにご相談ください。 今アナタがご覧になっている、このオンズのウェブサイトでは、読み込み速度のスピードアップや各種マークアップのクオリティ維持のために随時徹底した改善作業を行っています。 これまでも本ブログにて様々なテクニックを紹介してきましたが、今日は <... 続きを読む

[JS]レスポンシブ対応の使いやすいスライダーを探している人にオススメのスクリプト -wallop | コリス

2015/09/01 このエントリーをはてなブックマークに追加 72 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス スライダー stylesheet rotate

アニメーションは他にも、slide, fade, rotateなどが利用できます。 wallopの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> <link rel="stylesheet" href="path/to/wallop.css"> </head> <body> ... コンテンツ ... <script src="pa... 続きを読む

[CSS]レスポンシブ対応の賢いアイデア、自在に伸び縮みするカード型レイアウトを実装するスタイルシート -chewing grid | コリス

2015/08/25 このエントリーをはてなブックマークに追加 93 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス チューイングガム CSS レスポンシブ対応 Step

テキストや画像や動画などをタイル状に配置する、レスポンシブ対応のカード型リストを実装できるCSSのグリッドを紹介します。 「chewing」の名の通り、表示サイズに合わせてチューイングガムのようにカードとグリッドが伸び縮みします。 デモはサイズの可変可能 chewing-grid.cssの使い方 Step 1: 外部ファイル 当スタイルシートを外部ファイルとして記述します。 <head> ... ... 続きを読む

git reset がわからない - Qiita

2015/07/24 このエントリーをはてなブックマークに追加 68 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita index コミット git reset ステージ

git reset がわからないので図をかいた 以前のコミットへ戻るとき 現在の HEAD へ戻るとき メモ ステージ と index は同じもの unstage はステージから削除されるということ HEAD^ は HEAD の一つ前のコミット ローカルファイルをステージに上げて、ステージに上げたものをコミットする 続きを読む

javascriptでサブドメインの異なるサイトでクッキーの共有 - なんだかなぁ

2015/07/22 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip サブドメイン func text クッキー 共有

こちらの記事を参考にJavascriptでサブドメインの異なるサイト間でクッキーの恭有してみました。http://d.hatena.ne.jp/dirablue/20090506/1241607961http://www1.example.com/setCookie.htmlsetCookie.html html> head> script type="text/javascript"> func... 続きを読む

民主党の支持率が大幅ダウン 自民党を上回る減り幅 - 政経ch

2015/07/17 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip 自民党 民主党 政経ch 大幅ダウン 支持率

時事通信が10~13日に実施した7月の世論調査によると、安倍内閣の支持率は前月比5.7ポイント減の40.1%に急落した。不支持率は39.5%で、支持と不支持が拮抗(きっこう)。2012年末の政権復帰後、支持率は最低まで落ち込み、不支持は最高となった。 引用元:http://hayabusa3.2ch.sc/test/read.cgi/news/1437115659/ ソース:http://head... 続きを読む

 
(1 - 25 / 86件)