1. Home
  2. Webデザイン
  3.  
  4. html+CSS+javascript
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
プライムデーセールがスタート!Amazon Echoシリーズが最大60%Offで大幅値引き!

プライムデーセールがスタート!Amazon Echoシリーズが最大60%Offで大幅値引き!

15日から始まったAmazonプライムデーセールですが、EchoシリーズやKindle、FireTVなどのAmazonデバイスが大幅値下げされています。中でもおすすめなのがAlexaを搭載するス...

超!A&G+がEchoシリーズで再生可能に!Amazon Alexaが再生に対応!

超!A&G+がEchoシリーズで再生可能に!Amazon Alexaが再生に対応!

文化放送が運営しているアニラジ専門のインターネットラジオである超!A&G+(ちょう!エーアンドジープラス)がAmazon Alexaに対応しました。これによりスマートスピーカ...

Amazon Prime VideoでChromecastへのキャストが可能に!

Amazon Prime VideoでChromecastへのキャストが可能に!

ついに7月10日よりAmazonプライムビデオでChromecastへのキャストが可能になりました。Amazonプライムビデオのアプリをアップデートすることで、Chromecastへのキャストボ...

Chromeで拡張機能なしでページ全体のスクリーンショットを撮る方法!

Chromeで拡張機能なしでページ全体のスクリーンショットを撮る方法!

みなさんはサイトのページ全体をキャプチャしてスクリーンショットを撮りたい時はどうしていますか?よくある手法としては拡張機能を入れてスクリーンショットを撮るという...

AOMEI BackupperでSSD&HDDを定期的に丸ごとバックアップしよう!

AOMEI BackupperでSSD&HDDを定期的に丸ごとバックアップしよう!

最近のPCではシステムドライブとしてSSDが採用されているのは当たり前の時代になりましたが、みなさんバックアップはしっかり取っていますか?SSDはHDDと比較しても非常に...

デュエルリンクスの最新情報が読めるアンテナを作りました!検索機能も大幅アップデート!

デュエルリンクスの最新情報が読めるアンテナを作りました!検索機能も大幅アップデート!

先日、遊戯王デュエルリンクスのカード検索サイトであるDuelLinks.netを公開しましたが、追加機能としていくつかのアップデートを行ったので、こちらにまとめておきます。...

クランプ式USBハブのORICO 4PORTS CLIP HUB MH4PU-U3を使ってみた!

クランプ式USBハブのORICO 4PORTS CLIP HUB MH4PU-U3を使ってみた!

今回紹介するのはクランプ式(クリップ式)のUSB3.0の4ポートハブであるORICO MH4PU-U3です。このUSBハブが普通のUSBハブとは違うのが、パソコン、液晶モニター、PCデスクな...

Amazon Music Unlimitedが4か月99円で音楽聴き放題‎のキャンペーンを実施中!

Amazon Music Unlimitedが4か月99円で音楽聴き放題‎のキャンペーンを実施中!

現在Amazonが提供する音楽定額配信サービスであるAmazon Music Unlimitedが4ヶ月99円で聴き放題となるキャンペーンを期間限定で実施中です。キャンペーンの期間は2019年7月...

nasneの出荷が近日終了!後継機の予定なしの発表を受けて品薄に!?

nasneの出荷が近日終了!後継機の予定なしの発表を受けて品薄に!?

2012年から発売しているSONYのネットワークレコーダーの「nasne」がついに近日出荷が終了するとのアナウンスがされました。nasneとプレイステーション、スマートフォンをつ...

NetaGear RSS News

Now Loading

Article - Category (html+CSS+javascript)

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グラデーシ...

画像を一切使わずにCSS3だけで描かれた「ポン・デ・ライオン」がすごい!

画像を一切使わずにCSS3だけで描かれた「ポン・デ・ライオン」がすごい!
今回紹介するのは、画像を一切使わずにhtml+CSSだけでポン・デ・ライオン(Pon De Lion)を描いた作品です。実物を見てもらえば分かると思いますが、ものすごくクオリティが高く、普通に画像にしか見えないレベルです。久しぶりにCSSで絵を描く作品で驚かされたので、これはぜひ紹介せねばと思い記事を書きました。ポン・デ・ライオン(Pon De Lion)といえば、ミスタードーナツの一番有名なマスコットキャラクターですね。そのポン・...

画像を一切使わずにCSS3だけでとあるぐぬぬの禁書目録を描いてみた!

画像を一切使わずにCSS3だけでとあるぐぬぬの禁書目録を描いてみた!
今回は画像を一切使わずにHTML+CSSでいろいろなものを作ってみようという企画の第4弾です!さらに今回のものは、CSSドラえもん、とある科学の風力発電に続いてCSSで絵を描いてみようシリーズ3部作の最後を飾る作品ということもあり、今まで以上に気合が入っています。今までのCSSシリーズは、CSSドラえもん、とある科学の風力発電などどちらかというと簡単な素材を用いて作ってきた訳ですが、今回はかなり複雑なものに挑戦してみま...

Related article

Most Popular

Now loading...

Social Links

Sponsored Link

Access Ranking

Now Loading...

当ブログにリンクしていているサイトの中でアクセス数の多いサイト上位15位が表示されます。今ならリンクするだけで簡単に上位に表示されます。

Amazon

Now Loading...