HTMLタグ・スタイルシート・特殊文字等の早見表
ナビゲーションの各アイテムをホバーすると、光源が移動するラーヴァランプ風エフェクトをスクリプトは使用せずに、スタイルシートで実装するチュートリアルを紹介します。 矢がハートを射貫くのかわいいですね。 デモページ 実装 実装は共通パートと3つのデモで異なるパートに分けて紹介します。 Step 1: 共通 HTML HTMLは3つとも基本的には同じです。 classの「nav」は共通で、「ph-line-nav」を変更して利用します。 <div class="nav ph-line-nav"> <a href="#">Home</a> <a href="#">About</a> <a href="#">Gallery</a> <a href="#">Contact</a> <div class="effect"></div> </div> Step 2: 共通 CSS 3つのデモの共通のスタイ
By John Gruber Archive The Talk Show Dithering Projects Contact Colophon Feeds / Social Sponsorship 1Password — Secure every sign-in for every app on every device. Markdown: Syntax Main Basics Syntax License Dingus Overview Philosophy Inline HTML Automatic Escaping for Special Characters Block Elements Paragraphs and Line Breaks Headers Blockquotes Lists Code Blocks Horizontal Rules Span Elements
The Next Webによると、Google DriveでHTML、JavaScript、CSS filesの一般公開が可能になったとのこと。これにより、簡単なWebページの公開であればGoogle Driveで行えることになる。 利用方法は「Host webpages on Google Drive」に詳しいが、 (1)Google Driveでフォルダを作り、共有設定を「ウェブ上での一般公開」を選択。 (2)作成したHTMLファイルをGoogle Driveでにアップロードする。この時点で公開される。 (3)公開したページを見るには、アップロードしたファイルをGoogle Drive上で閲覧し、閲覧しているページのアドレスのユニークの値(例えば、私の場合はhttps://docs.google.com/file/d/以下の値)をコピー。 (4) 「https://www.google
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く