1. Home
  2. Webデザイン
  3. Webデザイン
AmazonにてJCBカードで買い物するだけで最大3000ポイントもらえる!

AmazonにてJCBカードで買い物するだけで最大3000ポイントもらえる!

今回はAmazonでJCBカードを使用して買い物をすると5000円ごとに、1000ポイントがもらえるキャンペーンについて紹介したいと思います。JCBカードは楽天カードなどのJCBブラ...

MIL-STD品質のタフネススマートウォッチKOSPET TANK M2のレビュー!

MIL-STD品質のタフネススマートウォッチKOSPET TANK M2のレビュー!

今回はアメリカ国防総省制定MIL規格(MIL-STD)に準拠した軍用規格レベルの耐久性を持つタフネススマートウォッチのKOSPET TANK M2について紹介したいと思います。以前にKOSP...

ガストの宅配の冷凍ピザ3枚セットが990円でめっちゃお得!

ガストの宅配の冷凍ピザ3枚セットが990円でめっちゃお得!

今回はガストの宅配で販売している冷凍ピザ3枚セットについて紹介したいと思います。この冷凍ピザはピザ生地とチーズの非常にシンプルなもので、そのままトースターかオー...

Panasonic ナノケアドライヤー EH-NA0Jのレビュー!小型でパワフル!

Panasonic ナノケアドライヤー EH-NA0Jのレビュー!小型でパワフル!

今回はPanasonicの最新ナノケアドライヤー EH-NA0Jのレビューについて書きたいと思います。ナノケアドライヤー EH-NA0Jは現行のPanasonicが販売するドライヤーとしては最上...

【本日最終日】Amazonの新春初売りセールでお得な物リスト!

【本日最終日】Amazonの新春初売りセールでお得な物リスト!

1月3日9時から1月7日23時59分よりAmazonでは新春の初売りセールが実施されています。そこで今回は新春の初売りセールで私が見つけたお安い商品を一覧で紹介したいと思いま...

LCP+PUダイナミック振動板搭載イヤホンTINHiFi C3のレビュー!

LCP+PUダイナミック振動板搭載イヤホンTINHiFi C3のレビュー!

今回はLCP+PUダイナミック振動板搭載イヤホンTIN HiFi C3のレビューについて書きたいと思います。TINHIFI C3は人間工学に基づいたイヤーシェルを採用したシングルダイナミ...

2023年あけましておめでとうございます!

2023年あけましておめでとうございます!

新年あけましておめでとうございます!裏技shop DDは今年でサイト開設から17年目に突入します!17年もブログを続けているというのは自分でも信じられないくらい長い月日が...

管理人が選ぶ2022年のShopDDの記事ベスト10!

管理人が選ぶ2022年のShopDDの記事ベスト10!

今年も残り少なくなってきましたが皆さんいかがお過ごしでしょうか?!本日は大晦日ということで、2022年の記事を振り返ってみるという意味合いも込めて管理人が選ぶ2022年...

冬の防寒対策!お風呂の窓を二重窓にDIYしてみた!

冬の防寒対策!お風呂の窓を二重窓にDIYしてみた!

今年も冬がやってきて気温が下がりつつありますね。今回はお風呂場の窓を二重窓に改造するDIYをしてみました。我が家ではお風呂に入っていると窓を締めていても、窓から冷...

    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