1. Home
  2. Webデザイン
  3. html+CSS+javascript
WESTERN DIGITAL 3.5インチHDD 8TB WD80EAZZのレビュー!

WESTERN DIGITAL 3.5インチHDD 8TB WD80EAZZのレビュー!

今回はWESTERN DIGITALの3.5インチHDD 8TB WD80EAZZのレビューについて書きたいと思います。近年はSSDの大容量化に伴いHDDの利用は減ってきていますが、未だに大容量で低価...

水道工事無しで水栓分岐!グリーンライフ 蛇口コネクター混合水栓用 SJC-03のレビュー!

水道工事無しで水栓分岐!グリーンライフ 蛇口コネクター混合水栓用 SJC-03のレビュー!

先日Panasonicの食洗機についてのレビューを書きましたが、今回はその際に使用した、工事の必要なしで分岐水栓を取ることができるグリーンライフ シャワー付き蛇口コネクタ...

【先着100名限定】有償録画ソフトSurFlex スクリーンレコーダーのライセンスをプレゼント!

【先着100名限定】有償録画ソフトSurFlex スクリーンレコーダーのライセンスをプレゼント!

今回は有償の録画ソフトであるSurFlex スクリーンレコーダーをShopDDの閲覧者限定で先着100名にプレゼントしたいと思います。ライセンスは先着100名限定で有効なので、早い...

WD_BLACK SN850 NVMe M.2 SSDのレビュー!PCIe Gen4で最大7000MB/s!

WD_BLACK SN850 NVMe M.2 SSDのレビュー!PCIe Gen4で最大7000MB/s!

今回はWestan Digitalのハイエンドm.2 SSDであるWD_BLACK SN850 NVMe SSD WDS100T1X0Eのレビューを書きたいと思います。SN850はWD_BLACKシリーズで、Westan Digitalの販売...

Amazfit Active Edgeのレビュー!10ATM防水・軍用規格のスマートウォッチ!

Amazfit Active Edgeのレビュー!10ATM防水・軍用規格のスマートウォッチ!

今回はタフネススマートウォッチであるAmazfit Active Edgeについてのレビューを書きたいと思います。Amazfit Active Edgeは軍用規格の頑丈性能、10ATMの防水性能、16日間...

先着100名限定!SurFast Video Downloaderのライセンスをプレゼント!

先着100名限定!SurFast Video Downloaderのライセンスをプレゼント!

今回は動画サイトから動画や音楽を簡単にダウンロードできるソフトであるSurFast Video DownloaderをShopDDの閲覧者限定で、先着100名にライセンスコードをプレゼントしま...

最強の左手デバイスTourBoxのエントリーモデル!TourBox Liteのレビュー!

最強の左手デバイスTourBoxのエントリーモデル!TourBox Liteのレビュー!

今回はクリエイター向けの左手デバイスで有名なTourboxの最新モデルであるTourBox Liteについてのレビューを書きたいと思います。TourBox LiteはTourBoxのエントリーモデル...

パナソニック食器洗い乾燥機 プチ食洗NP-TCR4のレビュー!低価格ながらも必要十分!

パナソニック食器洗い乾燥機 プチ食洗NP-TCR4のレビュー!低価格ながらも必要十分!

今回はパナソニックの食器洗い乾燥機 プチ食洗 ホワイト NP-TCR4についてのレビューを書きたいと思います。パナソニックのプチ食洗NP-TCR4は、国内メーカーながら3万円台と...

【本日最終日】Amazonでスマイルセールを実施中!最大7.5%ポイントアップ!

【本日最終日】Amazonでスマイルセールを実施中!最大7.5%ポイントアップ!

現在Amazonでは、2024年4月19日(金)9:00~2024年4月22日(月)23:59までAmazonスマイルセールが実施されています。そこで今回はAmazonスマイルセールで私が見つけたお安い商...

激安ShopDD
    Article - Category (html+CSS+javascript)

    CSSのhoverエフェクトアニメーションのライブラリ「Izmir Hover Effects」がかっこいい!

    CSSのhoverエフェクトアニメーションのライブラリ「Izmir Hover Effects」がかっこいい!
    今回紹介するのはCSSで実装されているHoverエフェクトのライブラリである「Izmir Hover Effects」です。このIzmir Hover Effectsで公開されているのはCSSのHoverエフェクトのデモなのですが、12種類のかっこいいマウスHover時のアニメーションを見ることができます。公開されているのは12種類ですが、1000ものスタイルの組み合わせを使うことができます。 大昔ではこういうアニメーションをするにはJavascriptやFlashを使わないと...
    html+CSS+javascript

    HTML+CSSだけで実装された走る馬のアニメーションがすごい!

    HTML+CSSだけで実装された走る馬のアニメーションがすごい!
    今回紹介するのはHTML+CSSだけで走る馬のアニメーションを実装されているClip Clop Clippity Clop [CSS Only]という作品です。CodePenに実物がアップロードされているのですが、黒い馬が颯爽と走っている風景がHTMLとCSSだけで表現されています。CSS3アニメーションを用いることでJavascriptなどは使用していません。 このようにHTML+CSSだけで絵を描くというのは、一部のWEBデザイナーやコーダーでは行われているもので、私も過...
    html+CSS+javascript

    サーチコンソールのパンくずリストの「項目idがありません」エラーの解決方法!

    サーチコンソールのパンくずリストの「項目idがありません」エラーの解決方法!
    本日よりGoogle Search Console(サーチコンソール)にパンくずリストの項目が追加されるようになりました。Google Search Consoleの左のメニューに「パンくずリスト」というメニューが加わっています。構造化データについては以前の旧バージョンのSearch Consoleにもありましたが、今回は新バージョンの方に新たに項目が追加されています。 サイトに構造化データをマークアップしている場合は、ここにステータスが表示されるように...
    html+CSS+javascript

    PWA(ServiceWorker)で「ホーム画面に追加」を実装する方法!

    PWA(ServiceWorker)で「ホーム画面に追加」を実装する方法!
    先日の記事でNetaGearやDuelLinks.netでも「ホーム画面に追加」を実装して、WEBサイトをアプリのようにスマホのホーム画面に簡単に追加可能な「ホーム画面に追加」ボタンを実装しましたという記事を書きました。そこで今回は実際にPWA(ServiceWorker)で「ホーム画面に追加」を実装する方法について紹介したいと思います。 「ホーム画面に追加」ボタンの表示は一定期間内に2回以上サイトにアクセスすると自動的に表示されるもので...
    html+CSS+javascript

    CSSのショートコーディングで得点を競うCSSBattleが面白い!

    CSSのショートコーディングで得点を競うCSSBattleが面白い!
    今回紹介するのは自分のCSSのスキルを駆使して、いかに短いコードで同じデザインを再現できるかを競うサイトであるCSSBattleを紹介したいと思います。いわゆるプログラミングでいうところのショートコーディングをCSSで行って、ネット上のいろいろな人と得点を競うことができます。 このサイトで自分のCSSのスキルを試してみると非常に面白いです。CSSを使って再現する手法は何でもOKで、どんな手を使ってでも短くできるかが重要...
    html+CSS+javascript

    HTML+CSSで3D空間を表現したCSS FPSがすごい!

    HTML+CSSで3D空間を表現したCSS FPSがすごい!
    今回紹介するのはHTMLとCSSを使ってFPSゲームなどでよくあるような3D空間を表現した技術デモサイトである「CSS FPS」のサイトを紹介したいと思います。HTML+CSSで表現できることの幅広さと可能性を感じさせる素晴らしいサイトなので見たことがない人はぜひ訪れてみることをおすすめします。 このサイトではHTML+CSS+Javascriptを使って3D空間を作成しており、FPSゲームのようにPCではキーボード、スマホなどではタッチを駆使して...
    html+CSS+javascript

    Facebookのいいね・シェア数が表示されなくなったので修正しました!

    Facebookのいいね・シェア数が表示されなくなったので修正しました!
    先日から記事のFacebookのいいね数(シェア数)の自作ボタンの数が表示されなくなっていることに気がつきました。最初は一時的なサーバーの問題かと思ったのですが、数日経っても表示されないので調べてみたらなんとFacebook Graph API v2.8が2019年4月18日までだったようです。それに伴いこのAPIのバージョンを使っているブログではシェア数などが表示されなくなりました。 Facebook Graph API v2.9以降ではアクセストークンを取得...
    html+CSS+javascript

    様々なデバイスに対応したFaviconに一括変換してくれるReal Favicon Generatorが便利!

    様々なデバイスに対応したFaviconに一括変換してくれるReal Favicon Generatorが便利!
    今回紹介するのはサイトのFaviconを様々なデバイスに対応した状態で一括変換してくれる「Real Favicon Generator for all platforms」です。スマートフォンのiOS/Android、PCのWindows/Macなどで対応したFaviconを一括生成してくれます。Faviconと言えば基本的にfavicon.icoを指しますが、ここ最近ではスマートフォン向けの「ホームに追加」した際のアイコンも用意しなければなりません。大きなFavicon画像さえ用意すればあとはこ...
    html+CSS+javascript

    AndroidのChromeを開発者ツール(デベロッパーツール)で分析する方法!

    AndroidのChromeを開発者ツール(デベロッパーツール)で分析する方法!
    Web開発ではChromeの開発者ツール(デベロッパーツール)はよく使うものであり、必須とも言えるくらい便利なものです。レスポンシブでスマホ用のレイアウトを作る際に、PCのChromeの開発者ツールでDeviceをスマホに変更した上で、開発者ツールを開いて検証しつつ対応することはよくありますが、中にはスマホ向けページはAndroidの実機で検証したい時もありますよね。 そこで今回はAndroidの実機のChromeで表示している内容を開発者...
    html+CSS+javascript

    Gekiyasu shopDD

    Related article

    Most Popular