はてブログ

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



タグ DOCTYPE html

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

Go 言語だって minify されたい！「mingo」の紹介

2024/03/11 このエントリーをはてなブックマークに追加 18 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS HTML フロントエンド 速度 minify

HTML/CSS や JavaScript など、 Web フロントエンドにおいては配信時にファイルを minify することが一般的です。 ファイルを minify する = ファイルサイズを小さくすることでネットワークの通信量を削減し、結果として Web ページの読み込み速度を向上させることができます。 <!-- 例えばこれが --> <!DOCTYPE html> <... 続きを読む

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

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

katatema.js - ✘╹◡╹✘

2016/11/23 このエントリーをはてなブックマークに追加 347 users Instapaper Pocket Tweet Facebook Share Evernote Clip React div import React コマンド ツール

2016 - 11 - 24 katatema.js 次のようなコードを書いて、 import React from "react"; export default () => <div>Hello!</div> 次のようなコマンドを叩くと、 katatema build 次のようなファイルが生成されるという、 katatema というツールをつくった。 <!DOCTYPE html> <html... 続きを読む

JavaScript パスワード強度判定ライブラリ「Password Checker」 | Webセキュリティの小部屋

2015/03/12 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip div Webセキュリティ head text 小部屋

ソースコード 「Password Checker」のソースコードは、以下のものになります。自由にカスタマイズしてご利用ください。サンプルコードも載せておきます。 <!DOCTYPE html> <html lang="ja"> <head> <div> <script type="text/javascript"> /* ライブラリ名： Password Checker ライセンス： http:/... 続きを読む

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

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

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

三章第四回　イベントキャプチャリング — JavaScript初級者から中級者になろう — uhyohyo.net

2014/07/25 このエントリーをはてなブックマークに追加 42 users Instapaper Pocket Tweet Facebook Share Evernote Clip uhyohyo.net aaa head test Body

JavaScript初級者から中級者になろう 戻る | 三章第三回 | 三章第五回 三章第四回　イベントキャプチャリング イベントキャプチャリング いきなりですが、次のサンプルを見てみましょう。 <!doctype html> <html> <head> <title>test</title> </head> <body> <div id="aaa"> <p onclick="console.lo... 続きを読む

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

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

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

PolymerでUnityWebPlayerを表示するやつ作ったよ - けいごのなんとか

2014/06/27 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip WebPlayer head Polymer title 3行

2014-06-28 PolymerでUnityWebPlayerを表示するやつ作ったよ 2行（Web Componentsをサポートしてないブラウザでは3行）でWebPlayerを埋め込めるように。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>unity-webplayer</title> <script src="//... 続きを読む

☆CSSテクニック☆Borderの継ぎ目 - 株式会社CFlatの明後日スタイルのブログ

2014/05/27 このエントリーをはてなブックマークに追加 45 users Instapaper Pocket Tweet Facebook Share Evernote Clip border PopUp 継ぎ目 head CSSテクニック

2014-05-27 ☆CSSテクニック☆Borderの継ぎ目 css CSS まず最初に、ありがちな次のようなものを作ってみました。HTMLはだいたいこんな感じ。 <!doctype html> <html> <head> <meta charset="UTF-8" /> <title>HTML＋CSS3で作る×ボタン</title> <style> .popup { background-co... 続きを読む

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

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

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

CSSの変態向き - id, classを顔文字でコーディングする方法｜Web Design KOJIKA17

2013/03/05 このエントリーをはてなブックマークに追加 130 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS HTML idとclass id, class 顔文字

HTMLのidとclassに顔文字記述しても、CSSではスタイルが適用されません。 ただCSSをごにょごにょするだけで、id, classを顔文字、日本語でもコーディングすることができます。 誰が得をするのか全くわからないけど、紹介します。 HTMLのid, classを顔文字にする HTMLのid, classを顔文字、または日本語で書きます。 下準備はこれでおｋ。 <!DOCTYPE html... 続きを読む

いちばんシンプルなHTML5のベースを用意 | necozine

2012/10/11 このエントリーをはてなブックマークに追加 51 users Instapaper Pocket Tweet Facebook Share Evernote Clip stylesheet head text テキストエディタ

私自身が、例えばjavascriptをどう動かしたらいいかと理解する時、テキストエディタを使って最低限のコードでサンプルを試します。 そんな時、ベースとなるHTMLのコードを紹介します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href... 続きを読む

表示するデバイスに最適な画像をクラウドから呼び出すオンラインサービス -ReSRC.it | コリス

2012/10/01 このエントリーをはてなブックマークに追加 22 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Responsive titl head デバイス

Demo 2: Page 右上の「Change width」ボタンをクリックすると、表示サイズが変更されます。 ReSRC.itの使い方 ReSRC.itを利用するには、アカウントを作成します（無料）。 HTML 画像を配置するベーシックなHTMLは下記のようになります。 <!doctype html> <html> <head> <title>Hello Responsive Web</titl... 続きを読む

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

2012/05/06 このエントリーをはてなブックマークに追加 366 users Instapaper Pocket Tweet Facebook Share Evernote Clip パララックス skrollr コリス head href

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

 
(1 - 14 / 14件)