1. Home
  2. Webデザイン
  3.  
  4. html+CSS+javascript
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
12/6よりAmazonサイバーマンデーセールが開始!今年最後の大セール!

12/6よりAmazonサイバーマンデーセールが開始!今年最後の大セール!

本日12月6日9時より、Amazonでは年末の大セールとなるAmazon Cyber Monday(サイバーマンデー)2019を実施されます。開催期間は12月6日(金)9時00分から12月9日(月)23時...

日本郵便が無償提供する年賀状ソフト「はがきデザインキット2020」がすごい!

日本郵便が無償提供する年賀状ソフト「はがきデザインキット2020」がすごい!

今年も残すところあと30日間を切り、もうそろそろ年賀状を用意して送らないといけない時期ですね。そこで今回は年賀状作成ソフトについて書きたいと思います。ちなみにみな...

DearMob iPhoneマネージャーを使ってiTunesなしで動画を転送しよう!

DearMob iPhoneマネージャーを使ってiTunesなしで動画を転送しよう!

前回までにDearMob iPhoneマネージャーでiTunesを使わないバックアップ方法、写真転送、音楽転送と3本シリーズ記事として書いてきました。iTunesを使用せずにDearMob iPhon...

Gearbestでブラックフライデーセールでスマホやタブレットが激安!

Gearbestでブラックフライデーセールでスマホやタブレットが激安!

Gearbestでは11月26日よりGearbestブラックフライデーセールを実施しています。Gearbestではスマホやタブレット、スマートウォッチなどの製品を数多く取り揃えた中国のネッ...

WWTECKSのUSB電熱ベストが72%OFFの1,294円の超激安!

WWTECKSのUSB電熱ベストが72%OFFの1,294円の超激安!

現在AmazonではWWTECKSのUSB充電電熱ベストが通常販売価格4,588円のところ1,294円で購入が可能となっています。超激安の1,294円で購入するには50%OFFクーポンと1000円引き...

11月22日からAmazonで日本初開催のブラックフライデーセールがスタート!

11月22日からAmazonで日本初開催のブラックフライデーセールがスタート!

本日より海外で人気のブラックフライデーセール(Black Friday)が日本のアマゾンでも初開催されます。ブラックフライデーセールの開催期間は11月22日[金]9:00から11月24日...

パソコンデスクのケーブルをダイソーの100円グッズできれいに整理しよう!

パソコンデスクのケーブルをダイソーの100円グッズできれいに整理しよう!

今回はパソコンデスクの周りのケーブル類をダイソーの100円グッズを使ってきれいにする方法について紹介したいと思います。今年に入ってからPCデスクのFLEXISPOT 電動式昇...

Alexa(アレクサ)を使って出前館で注文すると10000円キャッシュバック!

Alexa(アレクサ)を使って出前館で注文すると10000円キャッシュバック!

現在、全国2万店以上の店舗から簡単に注文・デリバリーできる総合サイトの出前館では、アマゾンのAlexa(アレクサ)における出前館のAlexaスキルを使って注文した場合、初回...

Kindle Unlimitedが3ヶ月249円で電子書籍が読み放題のキャンペーンを実施中!

Kindle Unlimitedが3ヶ月249円で電子書籍が読み放題のキャンペーンを実施中!

現在AmazonではKindle Unlimited(通常月額980円)が3ヶ月249円で利用可能になるキャンペーンを実施しています。Kindle UnlimitedはAmazonが提供する電子書籍読み放題サービ...

NetaGear RSS News

Now Loading

Article - Category (html+CSS+javascript)

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人の高校生たちがガールズバンドを組み、音楽活動を行っていくストーリ...

CSS3 ドラえもんでIE10とOpera11のCSSグラデーションに対応させました!

CSS3 ドラえもんでIE10とOpera11のCSSグラデーションに対応させました!
昨年公開して大好評だったCSS3 ドラえもんですが、久しぶりにコードを編集してバージョン3にしました。今回のバージョンアップによりInternet Explorer10とOpera11のCSSグラデーションに対応させました!これにより、ついに全てのモダンブラウザで同一表示が可能になりました!今回のコード追加対応で、IE10とOpera11はChromeやfirefoxと同等の表示が可能になっています。今回のはブラウザのバージョンアップによるCSS3グラデーシ...

Related article

Most Popular

Now loading...