はてブログ

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



タグ head

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

「これはHEAD^^」 「これはHEAD^2」 「これはHEAD~2」「HEAD@{2}、reflog用」「全部いっしょじゃないですか」「違う!!もっとよく見ろ!!」 - Qiita

2024/06/04 このエントリーをはてなブックマークに追加 144 users Instapaper Pocket Tweet Facebook Share Evernote Clip Git Qiita READ コミット ブランチ

「これはHEAD^^」 「これはHEAD^2」 「これはHEAD~2」「HEAD@{2}、reflog用」「全部いっしょじゃないですか」「違う!!もっとよく見ろ!!」Git 画像略 TL;DR(Too Long; Didn't Read) ~nは単純なコミットの親をたどる(ブランチの分岐がある場合は現在のブランチのみで辿れるコミット) ^nはマージコミット向けで^2は「そのコミットの2番目... 続きを読む

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"... 続きを読む

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

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

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

ネイティブコンパイル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が使えるように... 続きを読む

自作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 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した 以前の版 からいろ... 続きを読む

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

実装は超簡単!デザインがかわいく、アニメーションもかわいいCSSで実装された軽量スピナー | コリス

2015/05/19 このエントリーをはてなブックマークに追加 143 users Instapaper Pocket Tweet Facebook Share Evernote Clip スピナー コリス Step link rel ローディング時

ページのローディング時によく使われる、デザインがかわいく、アニメーションもかわいいCSSで実装されたスピナーを紹介します。 divひとつのミニマルなHTMLで、簡単に実装できます。 スピナーの実装 実装は、簡単です。 「弾むボール」を例に、説明します。 Step 1: 外部ファイル 各スピナーに用意されているCSSファイルを外部ファイルとして記述します。 <head> ... <link rel=... 続きを読む

[JS]これは便利!YouTubeの動画をはじめ、VineやTEDやCodePenやツイートやPDFやGoogleマップまで簡単にページに埋め込めるスクリプト -Embed.js | コリス

2015/04/14 このエントリーをはてなブックマークに追加 220 users Instapaper Pocket Tweet Facebook Share Evernote Clip YouTube CodePen コリス vine TED

デモ:Googleマップ Googleマップもサポート。 Embed.jsの使い方 Step 1: 外部ファイル 当スクリプト・スタイルシートとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="path/to/jquery.embed.css"/> <script src="path/to/jquery.min.js... 続きを読む

[JS]スマホでもデスクトップでも快適!水平スクロールコンテンツを簡単に実装できるスクリプト -horizonScroll.js | コリス

2015/03/16 このエントリーをはてなブックマークに追加 140 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス jQuery jquery.js Step スクリプト

マークアップは非常にシンプル、スクリプトの設置も簡単、スマホでもタブレットでもデスクトップでもすいすい快適に操作できる水平スクロールコンテンツを実装できるjQueryのプラグインを紹介します。 デモのアニメーション horizonScroll.jsの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <script type... 続きを読む

Bootstrapをカスタマイズ!ページをスマホで表示した際に横からナビゲーションをスライドさせる -Bootstrap Offcanvas | コリス

2015/03/06 このエントリーをはてなブックマークに追加 187 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Bootstrap Step CSS スクリプト

Bootstrapで実装したページをスマホなどの幅が狭いスクリーンで表示した際に、横からオフキャンバスのナビゲーションをアニメーションでスライド表示させるJSとCSSのパックを紹介します。 Off Canvas -Bootstrap Bootstrap Offcanvasの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> ... <l... 続きを読む

[JS]日本語もOK、行単位でスタイルを適用できるようにするスクリプト -Lining.js | コリス

2014/11/25 このエントリーをはてなブックマークに追加 108 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス rolling スクリプ スクリプト script

demo 5 一行ごとにさまざまなアニメーションで表示します。 「rolling」のエフェクトかっこいいです。 Lining.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <head> ... <script src="build/lining.min.js"></script> </head> デモにあるエフェクトを使用する時は、エフェクト用のスクリプ... 続きを読む

よく忘れるRubyの基本的記法 - なんじゃくにっき2

2014/09/12 このエントリーをはてなブックマークに追加 163 users Instapaper Pocket Tweet Facebook Share Evernote Clip Ruby にっき tail String 記法

2014-08-30 よく忘れるRubyの基本的記法 Ruby かきかけ 個人用メモ。 Symbol Symbolの配列 %i(a b) # [:a, :b] String 1文字 ?a # "a" Array 積集合 [1, 3, 5, 7, 9] & [1, 2, 3, 4, 5] # [1, 3, 5] headとtailに分解 head, *tail = [1, 2, 3] head # ... 続きを読む

[JS]イベントを時間軸で表すタイムスケジュールシートをシンプルなコードで作成できるスクリプト -Timesheet.js | コリス

2014/09/08 このエントリーをはてなブックマークに追加 188 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス jQuery 横軸 Step time

スケジュールの横軸と各アイテムを定義するだけでタイムスケジュールシートを簡単に作成できるスクリプトを紹介します。 jQueryやAngular.JSなど他のスクリプトは不要です。 Ilya Grigorik Timesheet.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <head> ... <script src="/javascripts/time... 続きを読む

setTimeout() vs ハッカー、仁義なき戦い - 株式会社CFlatの明後日スタイルのブログ

2014/08/17 このエントリーをはてなブックマークに追加 112 users Instapaper Pocket Tweet Facebook Share Evernote Clip counter setTimeout font-size

2014-08-18 setTimeout() vs ハッカー、仁義なき戦い JavaScript 早速ですが、以下のHTMLを見て下さい……。 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>サンプル1</title> <style> #counter { font-size: 3em; font-family: monos... 続きを読む

HTML5でWebページを作成する時用の必要最小限をまとめたシンプルなテンプレート(IE8以下も配慮) | コリス

2014/07/07 このエントリーをはてなブックマークに追加 548 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス GitHub Edge content title

A Generic HTML5 Template HTML5 Template -GitHub まずは、テンプレートの完成形からご紹介。 HTML5のテンプレート HTML5で作成する時用の必要最小限の構成になっています。 <!DOCTYPE html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></ti... 続きを読む

<html>,<body>は要らない?Googleが推奨するHTMLファイルの記法

2014/04/30 このエントリーをはてなブックマークに追加 380 users Instapaper Pocket Tweet Facebook Share Evernote Clip Body title お決まり HTMLファイル Google

Googleが公開していたGoogle HTML/CSS Style Guideによると、よく使われる下のようなHTMLのお決まりの記法は非推奨らしい。 <!DOCTYPE html> <html> <head> <title>Spending money, spending bytes</title> </head> <body> <p>Sic.</p> </body> </html> これはフ... 続きを読む

[JS]スクリプト初心者でも簡単!レスポンシブ対応のナビゲーションやコンテンツを横から表示するスクリプト -Slidebars | コリス

2014/01/30 このエントリーをはてなブックマークに追加 215 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery コリス jquery.js Body Step

最近よく見かけるトレンドの一つ「Off Canvas」、コンテンツの横からナビゲーションやコンテンツをアニメーションでスライド表示するjQueryのプラグインを紹介します。 デモページ:幅780pxで表示 Slidebarsの使い方 Step 1: 外部ファイル 当スタイルシートをhead内に、jquery.jsと当スクリプトを</body>の上に記述します。 <head> ... <link r... 続きを読む

[JS]リアルさが想像以上!ブラウザのウインドウを窓に喩えて、雨を楽しむ癒やし系スクリプト -rainyday.js | コリス

2013/09/25 このエントリーをはてなブックマークに追加 222 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス canvas text type ウィンドウ

ひと昔前に、小さいドットを上からアニメーションで落として雪とか桜とかありましたが、これはそれらとは異なり、かなりリアルに雨を堪能できるスクリプトを紹介します。 ぼっーと見てると、音まで聞こえてきそうです。 Demo 2 雨はCanvasを使って再現しており、実装は下記のようになります。 <head> ... <script src="rainyday.js" type="text/javascri... 続きを読む

[JS]Appleのプロダクトページのような1ページのスクロールコンテンツを作成するスクリプト -One Page Scroll | コリス

2013/09/23 このエントリーをはてなブックマークに追加 303 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス jQue src text jquery.js

デモページ:3番目のパネルを表示 各パネルへの直リンクやURL表示にも対応しています。 One Page Scrollの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="http://code.jquery.com/jque... 続きを読む

 
(1 - 25 / 34件)