【毎日更新】激安ShopDDのセール・クーポン情報一覧！
激安ShopDDはセール・クーポン情報一覧で見やすく紹介するサイトです！管理人が見つけた激安情報を毎日更新しています...
激安情報
【6/2更新】87時間のビッグセール Amazonタイムセール祭りのおすすめ商品一覧！
現在Amazonでは、2023年6月1日(木)9:00～2023年6月4日(日)23:59まで87時間のビッグセールとなるタイムセール祭りが実施されています。そこで今回はAmazonタイムセールで私...
ハイエンドタブレットOnePlus Padの製品情報！先行セールも！
今回はハイエンドタブレットOnePlus Padを紹介したいと思います。OnePlus PadはCPUにMediaTek Dimensity 9000を搭載し、Antutuベンチマークは約105万というAndroidタブレッ...
高コスパスマホのPOCO F5とPOCO F5 Proが発表！先行セールも！
今回は最新スマートフォンのPOCO F5とPOCO F5 Proの製品情報とセール情報について紹介したいと思います。POCOシリーズといえば、性能が良いのに価格が他のメーカーのスマホ...
PECRON P600 ポータブル電源のレビュー！4WAY充電＆出力で大容量160555mAhバッテリー！
今回はコスパに優れたポータブル電源のPECRON P600を紹介したいと思います。PECRON P600はポータブル電源としては低価格ながら性能はしっかりしており、160555mAh/578Wh容...
【本日最終日】Amazonで新生活セールFinishを実施中！最大14%ポイントアップ！
現在Amazonでは、2023年4月22日(土)9:00～2023年4月25日(水)23:59までゴールデンウィークのタイムセールが実施されています。そこで今回はAmazonタイムセールで私が見つけ...
メルカリの期間限定ポイントをAmazonギフト券にする方法！
今回はメルカリの期間限定ポイントをAmazonギフト券にする方法を紹介いしたいと思います。私はブログでメルカリの紹介をしていて、たまに紹介ポイントの500ポイントがもら...
自動修復ループになってPCが起動しなくなった話！
先日BIOSでRyzenのEchoモードに切り替えてからPCの調子が悪くなり、PCの動作が急に重くなってPCを再起動したところ自動修復ループに入って、PCが起動しなくなってしまいま...
Redmi Note 12 Pro+ 5G / Pro 5G / Redmi Watch3の製品情報！先行セールも！
今回は最新スマートフォンのRedmi Note 12 Pro+ 5G / Pro 5Gと最新スマートウォッチRedmi Watch3の製品情報とセール情報について紹介したいと思います。昨年Redmi Note 11 ...
【本日最終日】Amazonで新生活セールFinishを実施中！最大12%ポイントアップ！
現在Amazonでは、2023年3月31日(金)9:00～2023年4月2日(日)23:59まで87時間のビッグセールとなるタイムセール祭りが実施されています。そこで今回はAmazonタイムセールで私...
Article - Category (html+CSS+javascript)
CSSのhoverエフェクトアニメーションのライブラリ「Izmir Hover Effects」がかっこいい！
今回紹介するのはCSSで実装されているHoverエフェクトのライブラリである「Izmir Hover Effects」です。このIzmir Hover Effectsで公開されているのはCSSのHoverエフェクトのデモなのですが、12種類のかっこいいマウスHover時のアニメーションを見ることができます。公開されているのは12種類ですが、1000ものスタイルの組み合わせを使うことができます。
大昔ではこういうアニメーションをするにはJavascriptやFlashを使わないと...
html+CSS+javascriptHTML+CSSだけで実装された走る馬のアニメーションがすごい！
今回紹介するのはHTML+CSSだけで走る馬のアニメーションを実装されているClip Clop Clippity Clop [CSS Only]という作品です。CodePenに実物がアップロードされているのですが、黒い馬が颯爽と走っている風景がHTMLとCSSだけで表現されています。CSS3アニメーションを用いることでJavascriptなどは使用していません。
このようにHTML+CSSだけで絵を描くというのは、一部のWEBデザイナーやコーダーでは行われているもので、私も過...
html+CSS+javascriptサーチコンソールのパンくずリストの「項目idがありません」エラーの解決方法！
本日よりGoogle Search Console(サーチコンソール)にパンくずリストの項目が追加されるようになりました。Google Search Consoleの左のメニューに「パンくずリスト」というメニューが加わっています。構造化データについては以前の旧バージョンのSearch Consoleにもありましたが、今回は新バージョンの方に新たに項目が追加されています。
サイトに構造化データをマークアップしている場合は、ここにステータスが表示されるように...
html+CSS+javascriptPWA(ServiceWorker)で「ホーム画面に追加」を実装する方法！
先日の記事でNetaGearやDuelLinks.netでも「ホーム画面に追加」を実装して、WEBサイトをアプリのようにスマホのホーム画面に簡単に追加可能な「ホーム画面に追加」ボタンを実装しましたという記事を書きました。そこで今回は実際にPWA(ServiceWorker)で「ホーム画面に追加」を実装する方法について紹介したいと思います。
「ホーム画面に追加」ボタンの表示は一定期間内に2回以上サイトにアクセスすると自動的に表示されるもので...
html+CSS+javascriptCSSのショートコーディングで得点を競うCSSBattleが面白い！
今回紹介するのは自分のCSSのスキルを駆使して、いかに短いコードで同じデザインを再現できるかを競うサイトであるCSSBattleを紹介したいと思います。いわゆるプログラミングでいうところのショートコーディングをCSSで行って、ネット上のいろいろな人と得点を競うことができます。
このサイトで自分のCSSのスキルを試してみると非常に面白いです。CSSを使って再現する手法は何でもOKで、どんな手を使ってでも短くできるかが重要...
html+CSS+javascriptHTML+CSSで3D空間を表現したCSS FPSがすごい！
今回紹介するのはHTMLとCSSを使ってFPSゲームなどでよくあるような3D空間を表現した技術デモサイトである「CSS FPS」のサイトを紹介したいと思います。HTML+CSSで表現できることの幅広さと可能性を感じさせる素晴らしいサイトなので見たことがない人はぜひ訪れてみることをおすすめします。
このサイトではHTML+CSS+Javascriptを使って3D空間を作成しており、FPSゲームのようにPCではキーボード、スマホなどではタッチを駆使して...
html+CSS+javascriptFacebookのいいね・シェア数が表示されなくなったので修正しました！
先日から記事の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 for all platforms」です。スマートフォンのiOS/Android、PCのWindows/Macなどで対応したFaviconを一括生成してくれます。Faviconと言えば基本的にfavicon.icoを指しますが、ここ最近ではスマートフォン向けの「ホームに追加」した際のアイコンも用意しなければなりません。大きなFavicon画像さえ用意すればあとはこ...
html+CSS+javascriptAndroidのChromeを開発者ツール(デベロッパーツール)で分析する方法！
Web開発ではChromeの開発者ツール(デベロッパーツール)はよく使うものであり、必須とも言えるくらい便利なものです。レスポンシブでスマホ用のレイアウトを作る際に、PCのChromeの開発者ツールでDeviceをスマホに変更した上で、開発者ツールを開いて検証しつつ対応することはよくありますが、中にはスマホ向けページはAndroidの実機で検証したい時もありますよね。
そこで今回はAndroidの実機のChromeで表示している内容を開発者...
html+CSS+javascript