1. Home
  2. Webデザイン
  3. html+CSS+javascript
4DDiGデータ復元ソフトのレビュー!再生できないmp4も修復可能!

4DDiGデータ復元ソフトのレビュー!再生できないmp4も修復可能!

今回はTenorshareのデータ復元ソフトであるTenorshare 4DDiGのレビューについて書きたいと思います。Tenorshare 4DDiGは高いデータ復元率を誇るデータ復元ソフトで、誤って...

電動精密ドライバーXiaomi Mijiaが半額!24種のビットつき!

電動精密ドライバーXiaomi Mijiaが半額!24種のビットつき!

今回は電動精密ドライバーXiaomi Mijiaの製品情報とクーポン情報を紹介したいと思います!Xiaomi MijiaはUSB Type-Cで充電して使える電動精密ドライバーです。24種類のビッ...

【限定クーポンあり】ECGで心電図測定できるスマートウォッチMAXTOP T6のレビュー!

【限定クーポンあり】ECGで心電図測定できるスマートウォッチMAXTOP T6のレビュー!

今回はECGに対応したコスパの良いスマートウォッチのMAXTOP T6を紹介したいと思います。ECGは心電図検査のことでスマートウォッチで心電図を測定可能です。この機能はApple...

最大42dBノイズキャンセル可能なイヤホン1MORE EVO!ハイレゾワイヤレスにも対応!

最大42dBノイズキャンセル可能なイヤホン1MORE EVO!ハイレゾワイヤレスにも対応!

今回は1MOREのフラグシップイヤホンの1MORE EVOのレビューを書きたいと思います。1MORE EVOは最大42dBの独自アクティブノイズキャンセリング、DD+BAのハイブリッド型ドライ...

OnePlus Nord CE 2 LiteとNord 2Tの製品仕様!先行セールとクーポンも!

OnePlus Nord CE 2 LiteとNord 2Tの製品仕様!先行セールとクーポンも!

今回はOnePlusの最新スマートフォンであるOnePlus Nord CE 2 LiteとOnePlus Nord 2Tの製品情報について紹介したいと思います。Nord CE 2 LiteはSnapdragon 695 5G搭載でコ...

yeedi vac 2 pro 自動集塵ステーションのレビュー!ロボット掃除機から自動でゴミを回収!

yeedi vac 2 pro 自動集塵ステーションのレビュー!ロボット掃除機から自動でゴミを回収!

前回、水拭き可能なモップパッド搭載の全自動ロボット掃除機のyeedi vac 2 proについてレビューしましたが、今回はyeedi vac 2 proのオプションである自動集塵ステーション...

水拭きモップ搭載の全自動ロボット掃除機Yeedi Vac 2 Proのレビュー!

水拭きモップ搭載の全自動ロボット掃除機Yeedi Vac 2 Proのレビュー!

今回はモップパッド搭載で水拭きもできる全自動ロボット掃除機のyeedi vac 2 proのレビューを書きたいと思います。yeedi vac 2 proは吸引はもちろんのことですが、水拭き機...

2022年ベストゲーミングスマホ!コスパ最強のPOCO F4 GTがおすすめな理由!

2022年ベストゲーミングスマホ!コスパ最強のPOCO F4 GTがおすすめな理由!

みなさんスマホを選ぶ際の基準はなんですか?性能、デザイン、ゲーム用途、カメラの質、コスパの良さなど様々な要素からスマホを検討すると思います。その中で今回はゲーム...

コスパ最強Snapdragon 8 Gen 1搭載のPOCO F4 GTが発売!先行セールも!

コスパ最強Snapdragon 8 Gen 1搭載のPOCO F4 GTが発売!先行セールも!

今回はコスパが最強でおなじみのXiaomi POCOシリーズの最新作となるPOCO F4 GTの製品情報とセール情報を紹介したいと思います。POCO F4 GTはPOCOシリーズの最上位モデルで...

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