1. Home
  2. Webデザイン
  3. html+CSS+javascript
IPX7防水&ノイズキャンセリング対応イヤホンCOUMI ANC-860のレビュー!

IPX7防水&ノイズキャンセリング対応イヤホンCOUMI ANC-860のレビュー!

今回は水に沈めても大丈夫なIPX7防水でなおかつノイズキャンセリング機能を搭載した多機能な完全ワイヤレスイヤホンであるCOUMI ANC-860を紹介したいと思います。最近は防...

涼宮ハルヒの小説が全巻無料で読めるキャンペーンをキミラノで実施中!

涼宮ハルヒの小説が全巻無料で読めるキャンペーンをキミラノで実施中!

現在、キミラノでは涼宮ハルヒシリーズの小説が全巻無料で読むことができるキャンペーンを実施しています。キャンペーン開催期間は2020年11月19日~11月27日12時までとなっ...

暗闇でも撮影可能!MUSON GEAR1 ネットワークカメラのレビュー!

暗闇でも撮影可能!MUSON GEAR1 ネットワークカメラのレビュー!

今回はMUSON GEAR1というネットワークカメラについて紹介したいと思います。MUSONといえばどちらかといえばアクションカメラなどの製品が有名ではありますが、今回はそんな...

年に1度の超激安11.11セールで様々なガジェットを安く購入しよう!

年に1度の超激安11.11セールで様々なガジェットを安く購入しよう!

今年も11月11日がやってきました。11月11日は中国では独身の日セールとして年に一度のスーパーセールを実施しています。そんなわけで今回は11.11セールを行っている通販サ...

IPX7防水でコスパの良いアクションカメラAKASO Brave 7 LE!

IPX7防水でコスパの良いアクションカメラAKASO Brave 7 LE!

今回はコスパの良いアクションカメラのAKASO Brave 7 LEを紹介したいと思います。アクションカメラと言えば、手ブレ補正や防水機能がある小さいカメラなのですが、AKASO Br...

コスパ最強の激安スマホ DOOGEE N20 Proのレビュー!

コスパ最強の激安スマホ DOOGEE N20 Proのレビュー!

今回はものすごくコスパの良い激安スマホのDOOGEE N20 Proについて紹介したいと思います。まずスペックなんですが、CPUが8コア、メモリ6GB、ストレージ128GB、1600万画素ク...

超激安なTICWRIS GTS スマートウォッチのレビュー!

超激安なTICWRIS GTS スマートウォッチのレビュー!

今回紹介するのは超激安なスマートウォッチであるTICWRIS GTSです。TICWRIS GTSは1.3インチのカラースクリーンを搭載して、日時や歩数、心拍数、体温、距離、運動記録、ア...

VANKYO MatrixPad S21 10インチタブレットのレビュー!

VANKYO MatrixPad S21 10インチタブレットのレビュー!

今回紹介するのはコスパの良い10インチタブレットのVANKYO MatrixPad S21です。VANKYO MatrixPad S21はAndroidタブレットとしては比較的大きい部類に入る10インチのタブレ...

AnyTransでiPhone12へデータ移行やバックアップが簡単に!

AnyTransでiPhone12へデータ移行やバックアップが簡単に!

今回紹介するのはiPhone、iPad、iPodなどのiOSデバイスで大活躍するソフトウェアのiMoble AnyTransです。iPhoneのバックアップや新しいiPhoneへのデータ移行やミラーリング...

NetaGear RSS News

Now Loading

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だけで実装された走る馬のアニメーションがすごい!

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

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

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

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

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

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

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

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

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

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

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

様々なデバイスに対応した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画像さえ用意すればあとはこ...

Related article

Most Popular

Now loading...