1. Home
  2. Webデザイン
  3.  
  4. Webデザイン
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...

動画編集ソフトFlexClipをプレゼント!夏の生活応援キャンペーンを実施中!

動画編集ソフトFlexClipをプレゼント!夏の生活応援キャンペーンを実施中!

現在、ソフト開発会社のPearlMountain Limitedが提供する有償で販売している動画編集ソフトのFlexClipを無料でプレゼントする「夏の生活応援キャンペーン」を実施していま...

自作PCをRyzen9 5950X + ASUS ProArt B550-CREATORに!ベンチマークが4.6倍に!

自作PCをRyzen9 5950X + ASUS ProArt B550-CREATORに!ベンチマークが4.6倍に!

6年ぶりに自作PCの構成を大幅に変更しました。今回のパーツ交換に関しては色々な問題が発生してメモリが認識しなくなったことによりPCが起動できなくなり、中古でパーツを...

OBSBOT ME 自動追跡スマホマウント!運動系の動画撮影にも最適!

OBSBOT ME 自動追跡スマホマウント!運動系の動画撮影にも最適!

今回は自動追跡スマホマウントのOBSBOT MEについてレビューを書きたいと思います。OBSBOT MEは自動追尾が可能なスマホ三脚で、人物顔認識アルゴリズムと専門のAIチップによ...

Article - Category (Webデザイン)

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

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

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

MySQLでONLY_FULL_GROUP_BYのエラーが出たときの対策!

MySQLでONLY_FULL_GROUP_BYのエラーが出たときの対策!
先日のサーバー移転の際にMySQLのバージョンを5.7にしたのですが、ONLY_FULL_GROUP_BYのエラーが出てしまい、今までのソースコードでは正常に動作しなくなってしまいました。そんなわけで今回はMySQL5.7以降でONLY_FULL_GROUP_BYのエラーが出た時の解決方法を記事の残しておきたいと思います。 今回はレンタルサーバーでの普通のPHPとCakePHP2、CakePHP3の対応策とVPSで使える対応策の両方記しておくので、自分の扱っているサーバ...
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