1. Home
  2. Webデザイン
  3. html+CSS+javascript
VideoSolo BD-DVD リッピングで簡単にバックアップ!

VideoSolo BD-DVD リッピングで簡単にバックアップ!

今回紹介するのはVideoSolo社のBlu-ray・DVDのリッピングソフトであるVideoSolo BD-DVD リッピングです。このソフトはBlu-rayやDVDの両方のディスクのリッピングができるソ...

LEAWOの有償ソフトのライセンスコードが無料でもらえるキャンペーン!

LEAWOの有償ソフトのライセンスコードが無料でもらえるキャンペーン!

現在Leawoでは、Leawoの有償ソフトのライセンスコードが無料でもらえるLeawoプレゼントキャンペーンを実施中しています。また、期間限定で人気セット50%OFFとなる割引キャ...

3か月無料!Amazon music Unlimitedで音楽が聴き放題キャンペーン!

3か月無料!Amazon music Unlimitedで音楽が聴き放題キャンペーン!

Amazonでは現在Amazon music Unlimitedが3ヶ月間無料で音楽聴き放題のキャンペーンを実施しています。この無料キャンペーンは6月16日までに新規にAmazon music Unlimitedに...

AUKEYの薄型モバイルバッテリー PB-N66のレビュー!

AUKEYの薄型モバイルバッテリー PB-N66のレビュー!

今回紹介するのはAUKEYの薄型モバイルバッテリーPB-66です。AUKEYのモバイルバッテリーはPB-N42を持っていたのですが、急遽もう一つモバイルバッテリーが必要になったため...

期間限定でGTA5がEpic Gamesストアで無料配布!

期間限定でGTA5がEpic Gamesストアで無料配布!

Epic Gamesストアでは米ロックスターゲームズ社が販売している大人気ゲームGrand Theft Auto V(グランドセフトオート5)が期間限定で無料配布しています。無料で配布を実施...

小型防水Bluetoothスピーカー Tribit Stormbox Microのレビュー!

小型防水Bluetoothスピーカー Tribit Stormbox Microのレビュー!

今回紹介するのはポータブル防水BluetoothスピーカーのTribit Stormbox Microです。Tribit Stormbox Microは、以前レビューを書いた完全防水で360度スピーカーを搭載したTr...

初心者向け動画編集ソフトEaseUS Video Editor Proのレビュー!

初心者向け動画編集ソフトEaseUS Video Editor Proのレビュー!

今回紹介するのはEaseUS Video Editor Proという初心者でも扱いやすい動画編集ソフトです。近年YouTubeなどへの動画投稿も気軽に行われる時代ですが、プロ用や上級者向けの...

自撮りが二次元になるイラスト化サイトがすごい!

自撮りが二次元になるイラスト化サイトがすごい!

今回は自撮り画像をアニメ風の二次元イラストに変換してくれるサイトである「自撮りが二次元になる(Selfie 2 Waifu)」を紹介したいと思います。このサイトの変換サービスを...

Digiarty在宅応援キャンペーンで人気ソフトプレゼントを実施中!

Digiarty在宅応援キャンペーンで人気ソフトプレゼントを実施中!

Digiarty Software社は、「Digiarty2020 在宅応援キャンペーン!人気ソフト もれなくもらえるプレゼントキャンペーン!」を実施しています。キャンペーンの期間は第一弾は4...

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...