はてブログ

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



タグ HTMLページ

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

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

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

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

[CSS]シンプルなWebサイトを少しだけ美しくするためのスタイルシートのコレクション -water.css | コリス

2019/04/09 このエントリーをはてなブックマークに追加 63 users Instapaper Pocket Tweet Facebook Share Evernote Clip フレームワーク コリス 外部CSS head内 CSS

シンプルなWebサイトをすぐに構築したい時、デモページを簡単に作成したい時、CSSでスタイルするのに時間をかけたくない時に便利なCSSのフレームワークを紹介します。 class付与を一切必要としないスタイルシートで、HTMLページを用意したら、head内に外部CSSとして加えるだけで、すぐに利用できます。 water.css water.... 続きを読む

驚くほど簡単！コーディング作業不要で、まざまなHTMLページを積み木感覚で作成できる無料ツール -Stitches | コリス

2018/07/25 このエントリーをはてなブックマークに追加 97 users Instapaper Pocket Tweet Facebook Share Evernote Clip Stitches コリス 積み木感覚 コーディング作業

ランディングページやポートフォリオなど、レスポンシブ対応のペライチ縦長ページをドラッグ&ドロップで驚くほど簡単に作成できてしまう無料オンラインツールを紹介します。 FlexboxベースのTailwind CSSが...記事の続きを読む 続きを読む

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

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

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

無料でAES256で暗号化された静的HTMLページを簡単に作成できる「StatiCrypt」 - GIGAZINE

2017/06/15 このエントリーをはてなブックマークに追加 57 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE クライアントサイド サーバサイド 復号化

暗号規格のJavaScriptライブラリである「 crypto-js 」を用い、サーバサイドではなくクライアントサイドで復号化できる静的なパスワードで保護されたHTMLページを作成できるのが「 StatiCrypt 」です。使用される暗号化方式は「 AES256 」です。 Static HTML Crypto https://robinmoisson.github.io/staticrypt/ 使... 続きを読む

Blender で作った3DCGをHTMLに出力するプラグイン「Blend4Web」 - 強火で進め

2014/06/24 このエントリーをはてなブックマークに追加 56 users Instapaper Pocket Tweet Facebook Share Evernote Clip Blender WebGL 強火 HTML プラグイン

こちらのページで試せます。【 Blender へのインストール解説動画】Blender のプラグインとしてインストールし、 WebGL を使ったHTMLページを出力する事により、以下の様な機能を持ったWebページを作成出来るみたいです。 続きを読む

testemで任意のHTMLでテストを動かす方法とJavaScriptデバッガ連携 | Web scratch

2013/04/04 このエントリーをはてなブックマークに追加 71 users Instapaper Pocket Tweet Facebook Share Evernote Clip testem Mach3.laBlog HTML テスト 以下

testem Test Runnerのtestemを使ったテストについてメモ testem自体については以下などを見るといい気がします。 JavaScriptのテストツール「testem」が素晴らしいぞ | Mach3.laBlog Testem 0.1.0 Released and Screencasts testem の仕組み的には、テストを実行するためのHTMLページを用意して、 teste... 続きを読む

Twitterがページ表示時間を5分の1に高速化。どのようなテクニックを使ったのか？ － Publickey

2012/05/30 このエントリーをはてなブックマークに追加 623 users Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter Publickey アーキテクチャ 速度 最初

Twitterがフロントエンドのアーキテクチャを見直し、Webページの読み込み速度を改善したことをブログで明らかにしています。 新しいアーキテクチャでは、これまでWebブラウザ上でJavaScriptの処理によって行ってきたWebページのレンダリングを見直し、サーバ側でレンダリング済みのHTMLページを送信し表示することにしています。これによってWebページの読み込みから最初のツイートの表示までの... 続きを読む

 
(1 - 8 / 8件)