タグ HTMLページ
人気順 5 users 50 users 100 users 500 users 1000 users2023年最新版: HTMLのheadの書き方、head内に記述する要素の総まとめ
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「HEAD」を紹介します。 HEAD: A simple guide to HTML <head> elements 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にラ... 続きを読む
[CSS]シンプルなWebサイトを少しだけ美しくするためのスタイルシートのコレクション -water.css | コリス
シンプルなWebサイトをすぐに構築したい時、デモページを簡単に作成したい時、CSSでスタイルするのに時間をかけたくない時に便利なCSSのフレームワークを紹介します。 class付与を一切必要としないスタイルシートで、HTMLページを用意したら、head内に外部CSSとして加えるだけで、すぐに利用できます。 water.css water.... 続きを読む
CSSベースの攻撃でiOSデバイスをクラッシュさせる恐れ--セキュリティ研究者が発見 - CNET Japan
「Safari」が使用するレンダリングエンジン「WebKit」に、「iPhone」および「iPad」に搭載されるOS「iOS」をクラッシュさせて再起動させる脆弱性があることを、あるセキュリティ研究者が発見した。 この脆弱性は、特別に細工されたCSSコードを使用しているHTMLページを読み込むことで悪用できる。使われるCSSコードはそ... 続きを読む
GASのWebアプリケーションでクライアント側JavaScriptを使うための基礎知識
みなさん、こんにちは! タカハシ(@ntakahashi0505)です。 以下の記事ではじまる「GASユーザーのための初めてのHTML・CSS講座」シリーズでお伝えしているとおり、GASではWebページを作成して公開をすることができます。 Google Apps Scriptで最も簡単なWebページを作成して公開するGASユーザーかつHTMLページ・CSS初心者... 続きを読む
驚くほど簡単!コーディング作業不要で、まざまなHTMLページを積み木感覚で作成できる無料ツール -Stitches | コリス
ランディングページやポートフォリオなど、レスポンシブ対応のペライチ縦長ページをドラッグ&ドロップで驚くほど簡単に作成できてしまう無料オンラインツールを紹介します。 FlexboxベースのTailwind CSSが...記事の続きを読む 続きを読む
HTMLページのhead内に記述する要素の総まとめ | コリス
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した 以前の版 からいろ... 続きを読む
無料でAES256で暗号化された静的HTMLページを簡単に作成できる「StatiCrypt」 - GIGAZINE
暗号規格のJavaScriptライブラリである「 crypto-js 」を用い、サーバサイドではなくクライアントサイドで復号化できる静的なパスワードで保護されたHTMLページを作成できるのが「 StatiCrypt 」です。使用される暗号化方式は「 AES256 」です。 Static HTML Crypto https://robinmoisson.github.io/staticrypt/ 使... 続きを読む
無料で入手できる本格的(紙なら高額)な理数系専門書15選 第2回(2017年春) - 檜山正幸のキマイラ飼育記
去年・2016年の夏に、「 無料で入手できる本格的(紙なら高額)な理数系専門書15選 」という記事でインターネットから入手可能な専門書を15冊紹介しました。 出版されている書籍と同じ内容のPDFファイルやHTMLページがインターネットに公開されている例は意外と多いみたいで、一年たたずに新しい15冊のリストができました。前回(2016年夏)と同様に、著作権があやしいものは除外し、著者本人または著者の... 続きを読む
【悲報】PHPがオワコン化。求人オファー数も下降線 : IT速報
1: 北村ゆきひろ ★ 2014/08/25(月) 21:25:12.35 ID:???.net 今月頭頃にPHPの勉強を始めた時、編集者や知り合いと目標を目指して燃えていた。しかしながら技術に詳しい人からの反応は常に「アレのどこがいいの?」というものばかりだった。 PHPは1994年頃世に出てきた。その頃、PHPはまさに最初の容易かつ、無料で動的HTMLページを書くことが出来るスクリプト言語だっ... 続きを読む
Blender で作った3DCGをHTMLに出力するプラグイン「Blend4Web」 - 強火で進め
こちらのページで試せます。【 Blender へのインストール解説動画】Blender のプラグインとしてインストールし、 WebGL を使ったHTMLページを出力する事により、以下の様な機能を持ったWebページを作成出来るみたいです。 続きを読む
testemで任意のHTMLでテストを動かす方法とJavaScriptデバッガ連携 | Web scratch
testem Test Runnerのtestemを使ったテストについてメモ testem自体については以下などを見るといい気がします。 JavaScriptのテストツール「testem」が素晴らしいぞ | Mach3.laBlog Testem 0.1.0 Released and Screencasts testem の仕組み的には、テストを実行するためのHTMLページを用意して、 teste... 続きを読む
Twitterがページ表示時間を5分の1に高速化。どのようなテクニックを使ったのか? - Publickey
Twitterがフロントエンドのアーキテクチャを見直し、Webページの読み込み速度を改善したことをブログで明らかにしています。 新しいアーキテクチャでは、これまでWebブラウザ上でJavaScriptの処理によって行ってきたWebページのレンダリングを見直し、サーバ側でレンダリング済みのHTMLページを送信し表示することにしています。これによってWebページの読み込みから最初のツイートの表示までの... 続きを読む
既存のHTMLやURLからMarkdownへ変換「html2text」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
html2textを使うと普段見ているWebサイトや既存のHTMLページをMarkdownフォーマットに変換できます。Markdownの練習にも良さそうです。 0 続きを読む
[JS]画像は使用せずに、データをビジュアル化するマップを生成するスクリプト -jVectorMap | コリス
HTMLページでデータを視覚化するためのベクターマップを生成するjQueryのプラグインを紹介します。 jVectorMap デモ デモではマウスホバーで国のエリアがハイライトされ、その国名が表示されるようになっています [...] 続きを読む