1. Home
  2. Webデザイン
  3.  
  4. html+CSS+javascript
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
HeimVisionネットワークカメラHM302を外で使えるように防水仕様にしてみた!

HeimVisionネットワークカメラHM302を外で使えるように防水仕様にしてみた!

先日レビューでも書いた「暗視性能も優秀なHeimVisionのAlexa対応ネットワークカメラHM302を使ってみた!」のネットワークカメラですが、今回は外でも使えるように防水仕様...

暗視性能も優秀なHeimVisionのAlexa対応ネットワークカメラHM302を使ってみた!

暗視性能も優秀なHeimVisionのAlexa対応ネットワークカメラHM302を使ってみた!

今回紹介するのはHeimVisionのAlexa対応ネットワークカメラHM302です。HM302の特徴としてはネットワークカメラとしてはかなり画素数の高い300万画素のカメラを搭載して高画...

3日間限定で出前館で50%OFFとなるキャンペーン「半額祭」を実施中!

3日間限定で出前館で50%OFFとなるキャンペーン「半額祭」を実施中!

出前館では3日間限定で、対象店舗の対象商品が50%OFFとなる半額祭というキャンペーンを実施しています。対象店舗はピザーラ、ドミノピザ、ピザハット、ケンタッキー、デニ...

FireTV StickでAlexaスキルをインストールして使う方法!

FireTV StickでAlexaスキルをインストールして使う方法!

今回はテレビに接続して使うデバイスであるAmazon FireTV Stickで、Amazonのスマートスピーカーと同様にAlexaスキルをインストールして使う方法について紹介したいと思いま...

ジャンプが無料で見れる「MANGA Plus by SHUEISHA」のアプリを無理やりインストール!

ジャンプが無料で見れる「MANGA Plus by SHUEISHA」のアプリを無理やりインストール!

先日の記事で紹介した集英社が公式で運営しているジャンプの連載漫画の最新話を無料で公開している漫画サイト「MANGA Plus by SHUEISHA」ですが、WEBサイト以外にもアプリ...

ジャンプ連載漫画の最新話が無料で読める「MANGA Plus by SHUEISHA」を日本から見る方法!

ジャンプ連載漫画の最新話が無料で読める「MANGA Plus by SHUEISHA」を日本から見る方法!

みなさんは「MANGA Plus by SHUEISHA」というWEBサービスをご存知だろうか?なんとこのサイトではジャンプの連載されている作品の最新話が無料で読むことができます。ジャ...

Elechomesの6L大容量ハイブリッド式加湿器 JC5502を使ってみた!

Elechomesの6L大容量ハイブリッド式加湿器 JC5502を使ってみた!

今回紹介するのはElechomesの6L大容量ハイブリッド式加湿器JC5502です。この加湿器は超音波とヒーターによるハイブリッド式なので、従来よりも省エネでなおかつ素早くお部...

CSSのhoverエフェクトアニメーションのライブラリ「Izmir Hover Effects」がかっこいい!

CSSのhoverエフェクトアニメーションのライブラリ「Izmir Hover Effects」がかっこいい!

今回紹介するのはCSSで実装されているHoverエフェクトのライブラリである「Izmir Hover Effects」です。このIzmir Hover Effectsで公開されているのはCSSのHoverエフェクト...

日本未発売のモトローラのMoto Modsスピーカーを買ったみた!

日本未発売のモトローラのMoto Modsスピーカーを買ったみた!

今回は日本未発売のモトローラのMoto Modsスピーカーのレビューを書きたいと思います。日本でもJBL SoundBoostのMoto Modsは販売されていますが、海外では日本では未発売So...

NetaGear RSS News

Now Loading

Article - Category (html+CSS+javascript)

AndroidのChromeを開発者ツール(デベロッパーツール)で分析する方法!

AndroidのChromeを開発者ツール(デベロッパーツール)で分析する方法!
Web開発ではChromeの開発者ツール(デベロッパーツール)はよく使うものであり、必須とも言えるくらい便利なものです。レスポンシブでスマホ用のレイアウトを作る際に、PCのChromeの開発者ツールでDeviceをスマホに変更した上で、開発者ツールを開いて検証しつつ対応することはよくありますが、中にはスマホ向けページはAndroidの実機で検証したい時もありますよね。そこで今回はAndroidの実機のChromeで表示している内容を開発者ツ...

PNGやJPEGより圧縮性能が高い次世代画像フォーマットの「WebP」を使おう!

PNGやJPEGより圧縮性能が高い次世代画像フォーマットの「WebP」を使おう!
一般的なWebサイトに用いられている画像はPNGやJPEGがほとんどですが、今回はWebサイトにおける次世代画像フォーマットのWebP(ウェッピー)の話をしたいと思います。WebPはGoogleが開発しているオープンな静止画フォーマットで、ファイルの拡張子は「.webp」となっています。WebPの特徴としてはPNGやJPEGの良いところ取りしたような仕様で圧縮性能が高く、同じ画質でも画像ファイルサイズを小さくすることができ、ダウンロード時間...

JPEG/PNG形式の画像をWebPへ一括変換できるソフト「WebPconv」が便利!

JPEG/PNG形式の画像をWebPへ一括変換できるソフト「WebPconv」が便利!
今回紹介するのはJPEG/PNG形式の画像を次世代画像フォーマットである「WebP」(ウェッピー)に一括変化することができるソフトである「WebPconv」を紹介したいと思います。WebPはGoogleが開発しているオープンな静止画フォーマットで、ファイルの拡張子は「.webp」となっています。WebPの特徴としてはPNGやJPEGの良いところ取りしたような仕様で圧縮性能が高く、同じ画質でも画像ファイルサイズを小さくすることができます。このサイ...

Googleが提供する画像をブラウザ上で最適化して圧縮できるサイト「Squoosh」!

Googleが提供する画像をブラウザ上で最適化して圧縮できるサイト「Squoosh」!
Webサイトで画像を掲載する際に、画像の画質やファイルサイズを最適化して圧縮するのはサイトの表示速度を高速化するためにも必須の項目です。そこで今回紹介するのはGoogleが提供する画像をブラウザ上で最適化して圧縮するサイトである「Squoosh」です。Squooshを使うことでブラウザ上で簡単に画像を圧縮してサイズを最適化することができます。画像を出力する際には、JPEG/PNGはもちろん次世代画像フォーマットであるWebP(ウェッ...

ツイート数取得APIのwidgetoon.js & count.jsoonがものすごく便利!

ツイート数取得APIのwidgetoon.js & count.jsoonがものすごく便利!
昨年11月よりTwitter公式APIであるwidget.jsとcount.jsonのサービスが終了したことで、サイト内でツイート数を表示することができなくなりました。そこで今回は同様のツイート数取得APIを無料で提供するwidgetoon.js & count.jsoonを紹介したいと思います。widgetoon.js & count.jsoonは無料の登録が必要になりますが、以前のTwitterのツイート数APIとほぼ同様のサービスを提供しています。ブログ運営をしていて以前のよう...

超軽量2KB以下のLightbox系jQueryプラグイン「Ligbox」!

超軽量2KB以下のLightbox系jQueryプラグイン「Ligbox」!
今回は私がこのサイト用に製作した必要最低限の機能のみに絞り超軽量化を図ったLightbox系jQueryプラグイン「Ligbox」を紹介したいと思います。Lightboxといえば画像を同一画面でオーバーレイ表示できる便利なjavascriptで、その便利さから様々なサイトで利用されています。しかし、Lightboxには様々な機能が追加されているためlightbox.js+lightbox.css+画像(close,ローディングなど)を合せると29.5KBとかなり容量が大きくなっ...

「女の子の服が透けて見える不思議なウィンドウ」がおもしろい!

「女の子の服が透けて見える不思議なウィンドウ」がおもしろい!
今回はおもしろいページを見つけたので久しぶりにJavaScript関連の記事を書きたいと思います。タイトルにそぐわないかもしれませんが技術的な話です。今回紹介するのは「女の子の服が透けて見える不思議なウィンドウ」というJavaScriptとブラウザのウィンドウを巧みに使ったおもしろいページです。ページを開いてみるとパッと見ではただかわいい女の子の画像が表示されているだけなのですが、その名のとおりPushボタンを押すと小さ...

画像を一切使わずCSSで描かれた「けいおん!」の澪がマジですごい!

画像を一切使わずCSSで描かれた「けいおん!」の澪がマジですごい!
今回紹介するのは、画像を一切使わずにhtml+CSSだけで「けいおん!」の秋山 澪を描いた技術デモ作品です。実際に作品を見てもらえば分かると思いますが、ものすごくクオリティが高くて普通に画像にしか見えないレベルです。久しぶりにCSSで絵を描く作品で驚かされたので、これはぜひ紹介せねばと思い記事を書きました。「けいおん!」(K-ON!)は、軽音楽部で4人の高校生たちがガールズバンドを組み、音楽活動を行っていくストーリ...

Related article

Most Popular

Now loading...