タグ「head」 - はてブログ

タグ head

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 86件)

Linuxコマンドでテキストデータを自在に操る - じっくりコトコト煮込んだみかん

2010/09/16 1021 users コトコト Linuxコマンドみかん uniq Paste

linuxLinuxでテキストデータを扱うときに、コマンドをパイプで繋げるだけでいろいろな処理ができて面白いのですが、綺麗に整理されていない気がするのでまとめてみます。ここでは、cat, paste, join, grep, head, tail, cut, sed, tr, sort, uniq, wc を取り上げます。ファイルを縦に結合ファイルを縦に結合します。コマンド説明cat file1 ... 続きを読む

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

2017/09/26 950 users コリス CheatSheet meta要素 link要素去年

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

IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌

2006/11/23 740 users iframe phpspot開発日誌 published

Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]>... 続きを読む

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

2016/01/20 645 users オンズ HTML 順番タグ直感

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

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

2014/07/07 548 users コリス 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... 続きを読む

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

2016/06/01 547 users コリス GitHub link meta要素 link要素

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

JavaScript はどのように実行されるか - IT戦記

2008/10/25 520 users IT戦記 JavaScript alert script 実装

javascript, c++, メモJavaScript はどのように実行されるかSafari*1 の実装を例に JavaScript はどのようにして実行されているかを書く。自分用のメモ。日本語の出来は気にしない 1. ブラウザを起動して以下のようなページを開いたとする html> head> script> var a = 1; var b = 2; alert(a + b); script... 続きを読む

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

2023/01/25 460 users elements head内 HTML 要素総まとめ

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

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

2014/04/30 380 users 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]超軽量で設置も簡単！Facebook, Twitter, Google+のボタンを設置するスクリプト -SocialCount | コリス

2012/11/28 376 users Twitter Facebook SocialCount

デモページ：カウント付きで縦並び SocialCountの使い方使い方のステップは、2つ。これ以上ないくらいに簡単です。 Step 1: 外部ファイルスタイルシートとスクリプトを外部ファイルとして設置します。まずは、スタイルシートをhead内に。 <head> <link rel="stylesheet" href="../src/socialcount.css"> </head> アイコ... 続きを読む

odz buffer - shell のちょっとしたテクニック

2007/01/30 368 users shell nohup uniq Sort テクニック

[JS]スクロールを楽しくするパララックスを簡単に実装できる超軽量スクリプト -skrollr | コリス

2012/05/06 366 users パララックス skrollr コリス href link

skrollrのデモ：ウェブページ skrollrの使い方 skrollrはHTML5+CSS3で実装します。基本書式 skrollrを使用する際の基本書式は下記のようになります。「skrollr.css」はskrollrを使用する際のCSSの基本セットが記述されています。 <!DOCTYPE html> <html> <head> <title>タイトル</title> <link href... 続きを読む

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

2018/08/23 311 users noindex robots nofollow Meta 朝日

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

[JS]JS/CSSの管理、ユーザー環境の検出など便利な機能がつまった超軽量スクリプト -Head JS | コリス

2010/12/01 309 users コリス Usage CSS 検出超軽量スクリプト

複数のJSファイルの管理、CSSのサポートが異なるブラウザへの対応、ブラウザとバージョンの自動検出、スクリーンサイズの自動検出など、headで制御したい便利な機能がつまった超軽量（2.3KB）スクリプトを紹介します。下記に、Head JSでできることを簡単に説明します。詳しい使い方は下記ページで解説されています。 Usage: Head JS 外部JSファイルの読み込み JavaScriptの... 続きを読む

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

2013/09/23 303 users コリス 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... 続きを読む

ActionScript入門Wiki - Arctic.js

2012/01/26 302 users DeNADev script src github.com

AS3ライクに記述できるJavaScriptゲームライブラリです。(ライセンスはMIT License) ダウンロード - https://github.com/DeNADev/Arctic.js <html> <head> <script type="text/javascript" src="js/arctic.js"></script> <script type="text/javascri... 続きを読む

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

2017/12/14 263 users シネマトゥデイ米MSNBC ジョージ・クルーニージョージ

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

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

2013/09/25 222 users コリス canvas text type ウィンドウ

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

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

2015/04/14 220 users 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... 続きを読む

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

2021/10/01 218 users レンダリング CSS head内要因箇所

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

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

2014/01/30 215 users jQuery コリス jquery.js Body Step

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

JavaScriptを使わずCSSのみでシンプルなツールチップ実装:phpspot開発日誌

2008/03/27 211 users CSS phpspot開発日誌ツールチップ実装 hover

Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-... 続きを読む

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

2014/09/08 188 users コリス jQuery 横軸 Step time

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

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

2015/03/06 187 users コリス Bootstrap Step CSS スクリプト

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

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

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