1. Home
  2. Webデザイン
Neakasa PowerScrub II 強力吸引+モップ掛け電動クリーナーのレビュー!

Neakasa PowerScrub II 強力吸引+モップ掛け電動クリーナーのレビュー!

今回紹介するのは強力吸引+モップ掛けを同時にできる水拭き電動クリーナーのNeakasa PowerScrub IIのレビューを書きたいと思います。Neakasa PowerScrub IIは掃除機と水拭...

4K画質でAI顔認識追跡撮影が可能なWEBカメラOBSBOT Tiny 4Kのレビュー!

4K画質でAI顔認識追跡撮影が可能なWEBカメラOBSBOT Tiny 4Kのレビュー!

今回は4K画質で自動追跡撮影が可能なWEBカメラのOBSBOT Tiny 4Kのレビューを書きたいと思います。OBSBOT Tiny 4KはAI顔認識によって自動追跡ができて、なおかつジェスチャ...

KOSPET TANK M1 PROタフネススマートウォッチが発売開始!

KOSPET TANK M1 PROタフネススマートウォッチが発売開始!

タフネススマートウォッチで有名なKOSPETより最新のスマートウォッチのKOSPET TANK M1 PROが発売されました。KOSPET TANK M1 PROはKOSPET TANK M1の後継機種です。KOSPET T...

Xiaomi 618セールでRedmi Noteなどが割引中!限定クーポンも!

Xiaomi 618セールでRedmi Noteなどが割引中!限定クーポンも!

AliExpressのXiaomi Mi Storeでは日本時間の6月27日16時より、Xiaomi 618セールを実施する予定となっています。Xiaomi 618セールではRedmi Note 11、Redmi Note 11 Pro+ 5G...

瞬間最大1200W出力のポータブル電源EcoFlow RIVER Proのレビュー!

瞬間最大1200W出力のポータブル電源EcoFlow RIVER Proのレビュー!

今回はキャンプや災害時に大活躍するポータブル電源のEcoFlow RIVER Proのレビューを書きたいと思います。EcoFlow RIVER Proは出力600W(瞬間最大1200W)で、USB、シガーソケ...

Amazonギフト券5000円以上を贈って最大1000ポイントがもらえるキャンペーン!

Amazonギフト券5000円以上を贈って最大1000ポイントがもらえるキャンペーン!

今回はAmazonギフト券5000円以上を購入して、Amazonギフト券を友人や家族に贈ると最大1000ポイントもらえるキャンペーンを実施しています。このキャンペーンの良いところは...

モップがけもできるロボット掃除機Trifo Lucyのレビュー!監視カメラとしても使える!

モップがけもできるロボット掃除機Trifo Lucyのレビュー!監視カメラとしても使える!

今回はTrifoが販売するモップがけにも対応したロボット掃除機のTrifo Lucyのレビューを書きたいと思います。Trifo Lucyは最大3000Paの吸引力でモップがけモジュールを使う...

常時点灯スマートウォッチXiaomi Mi Band 7のレビュー!

常時点灯スマートウォッチXiaomi Mi Band 7のレビュー!

今回は常時点灯可能なスマートウォッチのXiaomi Mi Band 7のレビューを書きたいと思います。Xiaomi Mi Band 7は1.62インチのAMOKEDを搭載し、5ATM(水深50m防水)、Apple Wat...

ゲーミングスマホのBlack Shark 5と5 Proが発売!先行セールも!

ゲーミングスマホのBlack Shark 5と5 Proが発売!先行セールも!

Xiaomiが出資するゲーミングスマホ「Black Shark」の最新作となるBlack Shark 5とBlack Shark 5 Proが発売されました。eSportsに最適化されておりBlack Shark 5 ProはQualc...

Article - Tag (Webデザイン)

脱jQueryで大幅高速化!サイトデザインをVer3.7にアップデート!

脱jQueryで大幅高速化!サイトデザインをVer3.7にアップデート!
本日よりShopDDのサイトデザインをVer3.7にアップデートしました!前回のVer3.5から3年ぶりの大幅なデザイン変更や内部コードの一新を行いました。見た目的にはそれほど大きな違いはないように見えるかもしれませんが、内部はかなり書き直しました。 アップデート内容としては、レガシー部分の排除と近代化、高速化などを重きを置いて行っています。デザイン面は今までより文字サイズを上げたり、表示もシンプルで見やすいデザイ...
アップデート

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

NetaGearに「ホーム画面に追加」ボタンなど追加するアップデートを行いました!

NetaGearに「ホーム画面に追加」ボタンなど追加するアップデートを行いました!
久しぶりにNetaGearのアップデートを行いました。主な変更点は3つでNetaGearに何度かアクセスしている人に表示される「ホーム画面に追加する」ボタンが表示されて、スマホでアプリのように扱えるようになったのと、それに伴うデザインの追加、サーバーとコードの最適化による高速化です。 今回のアップデートでは主にスマホなどのモバイル端末よりのアップデートになっています。もちろん高速化についてはPCなどでも効果はありま...
アップデート

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

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

さくらインターネットでPHPモジュールモードが使える新サーバーに移転しました!

さくらインターネットでPHPモジュールモードが使える新サーバーに移転しました!
先週の記事でもお知らせしていたとおり、先週の木曜と金曜にサーバーの移転作業を行いました。この作業でNetaGearやShopDDの一部を含むいくつかのサイトをさくらインターネットでPHPモジュールモードが使える新サーバーに移転しました。 このPHPモジュールモードが使える新サーバーでは従来よりPHPのアプリケーションを最大で16倍高速化するというのを謳い文句にしているサーバーです。以前から新サーバーへの移転は考えていたの...
php

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

Gekiyasu shopDD

Related article

Most Popular