Description | DUB DESiGNはデザインをテーマにしたメディアです。
Webデザインに関するHow-toや、WordPressのスニペットなど、デザインの話を中心に記事を配信しています。 |
h1 tags | /*************************************************** * Generated by SVG Artista on 8/13/2021, 9:53:08 PM * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/ @-webkit-keyframes animate-svg-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } @keyframes animate-svg-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } .svg-elem-1 { -webkit-animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both; animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both; } @-webkit-keyframes animate-svg-fill-2 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } @keyframes animate-svg-fill-2 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } .svg-elem-2 { -webkit-animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both; animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both; } @-webkit-keyframes animate-svg-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } @keyframes animate-svg-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } .svg-elem-3 { -webkit-animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both; animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both; } @-webkit-keyframes animate-svg-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } @keyframes animate-svg-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } .svg-elem-4 { -webkit-animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both; animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both; } @-webkit-keyframes animate-svg-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } @keyframes animate-svg-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } .svg-elem-5 { -webkit-animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both; animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both; } @-webkit-keyframes animate-svg-fill-6 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } @keyframes animate-svg-fill-6 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } .svg-elem-6 { -webkit-animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both; animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both; } @-webkit-keyframes animate-svg-fill-7 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } @keyframes animate-svg-fill-7 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } .svg-elem-7 { -webkit-animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both; animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both; } @-webkit-keyframes animate-svg-fill-8 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } @keyframes animate-svg-fill-8 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } .svg-elem-8 { -webkit-animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both; animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both; } @-webkit-keyframes animate-svg-fill-9 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } @keyframes animate-svg-fill-9 { 0% { fill: transparent; } 100% { fill: rgb(0, 95, 160); } } .svg-elem-9 { -webkit-animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both; animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both; } .heroarea_left h1 svg { width: 100%; height: auto; } .st0{fill:#005FA0;} |
h2 tags | 【脱jQuery】簡単コピペでページをリッチにするネイティブなJavaScriptネタ帳まとめ 【コピペで簡単】プラグインなしでできるWordPressのカスタマイズまとめ 【まとめ】レンタルサーバー10社の使ってみたクチコミと評判 【まとめ】レンタルサーバーの記事一覧 【まとめ】レンタルサーバー10社のレスポンスの速さとパフォーマンス測定結果 【コピペで簡単】LPやサイトの味付けによく使うjQueryライブラリまとめ Google ポリシーオフィスアワー 2021.10.21 JavaScriptのIntersectionObserverでスクロールインしたら縦書きのテキストをタイピング風で表示 プラグイン無しでお気に入りに追加した記事をページ遷移せずにページ一覧で解除可能にするスニペット JavaScriptの.addEventListenerでヒーローエリアのサイズを収まりきるように可変 JavaScriptの.addEventListener でフローティングバナーの表示・非表示 JavaScriptの.addEventListenerクリックで検索フォームのモーダル GA4とGoogle Search Consoleの連携方法 JavaScriptの.lastModifiedでページの最終更新日を表示 JavaScriptのライブラリSwiperでタブのメニューに連動したスライダー・カルーセル JavaScriptの.querySelectorAll()でアクティブになったタブメニューの背景が左右に動いて表示 JavaScriptのlocation.hrefで現在のページURLを取得してヘッダーの一致した要素に下線を表示 ページネーションの出力 プラグインなしでMicrodata形式のパンくずリストを表示 プラグイン無しでお気に入りに追加した記事をページ遷移せずにページ一覧で解除可能にするスニペット GA4とGoogle Search Consoleの連携方法 プラグインなしでMicrodata形式のパンくずリストを表示 プラグインなしでWordPressのGutenberg(ブロックエディタ)にオリジナルのブロックを追加 プラグインなしでWordPressのGutenberg(ブロックエディタ)にオリジナルのスタイルをあてるカスタマイズ ConoHa WINGで利用可能になったWEXAL®のパフォーマンスと速さをPageSpeed Insightsで測定 illustratorでグラデーションの不透明マスクをかける方法 最新!レンタルサーバーの割引キャンペーン情報 [2022年5月] CSSのコピペでできるSANGOのヘッダーの子メニューをにゅいっと表示させるスニペット まだ間に合う!レンタルサーバーの割引キャンペーン情報 [2022年4月] プラグインなしで会員のみが閲覧可能なWordPressを構築するスニペット プラグインなしでもっと見るをクリックで表示される記事リストのサンプル ConoHa WINGで利用可能になったWEXAL®のパフォーマンスと速さをPageSpeed Insightsで測定 最新!レンタルサーバーの割引キャンペーン情報 [2022年5月] まだ間に合う!レンタルサーバーの割引キャンペーン情報 [2022年4月] レンタルサーバーをディスク容量・転送量で比較!ディスク容量と転送量を解説 【まとめ】レンタルサーバー10社の使ってみたクチコミと評判 ConoHa WINGにかんたん移行で他社サーバーから引越する手順と方法 ロリポップ!ライトプランからConoHa WING ベーシックプランへ移行代行した感想と前後のサイトの速さを公開 月額200円〜700円の低価格レンタルサーバー4社の価格や仕様の比較一覧 月額1,000円前後のレンタルサーバー 価格や仕様の比較一覧 Twitterで見るスターサーバーのクチコミと評判 Twitterで見るJETBOYのクチコミと評判 Twitterで見るリトルサーバーのクチコミと評判 JavaScriptのIntersectionObserverでスクロールインしたら縦書きのテキストをタイピング風で表示 JavaScriptの.addEventListenerでヒーローエリアのサイズを収まりきるように可変 JavaScriptの.addEventListener でフローティングバナーの表示・非表示 JavaScriptの.addEventListenerクリックで検索フォームのモーダル JavaScriptの.lastModifiedでページの最終更新日を表示 JavaScriptのライブラリSwiperでタブのメニューに連動したスライダー・カルーセル JavaScriptの.querySelectorAll()でアクティブになったタブメニューの背景が左右に動いて表示 JavaScriptのlocation.hrefで現在のページURLを取得してヘッダーの一致した要素に下線を表示 JavaScriptの.print()でこのページを印刷ボタンをクリックしたら指定範囲を印刷 JavaScriptのIntersection Observer APIでスクロールインするとタイピング風アニメーションでテキスト表示 JavaScriptの.split()で文字を分割してスクロールインすると1文字づつゆっくり浮き出る JavaScriptの.lengthで要素に中身があるかを判別して、中身がある場合はアコーディオンで表示 最近閲覧した記事 |
Site Speed | 1.2753190994263 |
Alexa Rank: |
675207 |
Site's Traffic |
Host | Type | Class | TTL | Target |
dubdesign.net | A | IN | 3600 | |
dubdesign.net | NS | IN | 3600 | ns-a3.conoha.io |
dubdesign.net | SOA | IN | 3600 | |
dubdesign.net | TXT | IN | 3600 | |
dubdesign.net | NS | IN | 3600 | ns-a2.conoha.io |
dubdesign.net | TXT | IN | 3600 | |
dubdesign.net | NS | IN | 3600 | ns-a1.conoha.io |
dubdesign.net | MX | IN | 3600 | mail68.conoha.ne.jp |