1. Home
  2. Webデザイン
  3.  
  4. Webデザイン
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
様々なデバイスに対応したFaviconに一括変換してくれる「Real Favicon Generator」が便利!

様々なデバイスに対応したFaviconに一括変換してくれる「Real Favicon Generator」が便利!

今回紹介するのはサイトのFaviconを様々なデバイスに対応した状態で一括変換してくれる「Real Favicon Generator for all platforms」です。スマートフォンのiOS/Android、...

プロ用動画編集ソフトのVEGASシリーズが最大90%割引のキャンペーンを実施中!

プロ用動画編集ソフトのVEGASシリーズが最大90%割引のキャンペーンを実施中!

現在ソースネクストでは、全製品が衝撃プライスのThe Chance Ultraキャンペーンとして、プロ用映像制作ソフトの最新版となるVegas Pro 16シリーズや知識がなくても作曲可能...

Windowsで画像ファイルのサムネイル(縮小表示)が表示されない時の解決方法!

Windowsで画像ファイルのサムネイル(縮小表示)が表示されない時の解決方法!

今回はWindowsを使っていて画像ファイルのサムネイル(縮小表示)が白くなって正常に表示されない問題が発生したときの解決方法を紹介したいと思います。先日スクリーンショ...

moto modsが30%OFF!春のmoto mods割引キャンペーンが実施中!

moto modsが30%OFF!春のmoto mods割引キャンペーンが実施中!

現在、Motorola公式ショップではモトローラ創立90週年 春のmoto mods割引キャンペーンが実施されています。moto Z、moto Z play、moto Z2、moto Z2 play、moto Z3、moto Z3...

日本未発売moto modsのMoto Z Flip Case Marstakを買ってみた!

日本未発売moto modsのMoto Z Flip Case Marstakを買ってみた!

今回は日本未発売のMoto Z Flip Case Marstakを購入してみたのでレビューを書きたいと思います。このケースはmoto Zシリーズのmoto mods用のケースで、moto mods装着用の磁...

Chromeの新機能Blink LazyLoadを有効にして表示を高速化しよう!

Chromeの新機能Blink LazyLoadを有効にして表示を高速化しよう!

Webページを閲覧していて気になるのはその表示速度ですが、今回は簡単にChromeの表示速度を上げる方法を紹介したいと思います。それがChromeの新機能であるBlink LazyLoad...

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

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

Web開発ではChromeの開発者ツール(デベロッパーツール)はよく使うものであり、必須とも言えるくらい便利なものです。レスポンシブでスマホ用のレイアウトを作る際に、PCのC...

Chromeを簡単にカスタマイズ!14色の公式ブラウザテーマを公開!

Chromeを簡単にカスタマイズ!14色の公式ブラウザテーマを公開!

Googleの「Chrome」チームが初となるChromeの公式テーマを公開しました。今回公開された14色のカラーリングは色合いや濃淡も様々なものが用意されています。これらのテーマ...

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

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

一般的なWebサイトに用いられている画像はPNGやJPEGがほとんどですが、今回はWebサイトにおける次世代画像フォーマットのWebP(ウェッピー)の話をしたいと思います。WebPはG...

NetaGear RSS News

Now Loading

Article - Category (Webデザイン)

超軽量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ドラえもん、とある科学の風力発電などどちらかというと簡単な素材を用いて作ってきた訳ですが、今回はかなり複雑なものに挑戦してみま...

IE撲滅運動に終止符か!?IE8でも丸いドラえもんに!

IE撲滅運動に終止符か!?IE8でも丸いドラえもんに!
ついにあの世界で最もシェアをとっている割に性能があれなブラウザであるInternet Explorer 8にて丸いドラえもんを実現しました。IE8と言えばCSS3ドラえもんで唯一のオチ担当を率先して引き受け、奇抜なデザインを披露し、多くの人に笑っていただいたことは記憶に新しい。しかし、そんなIE8ですが、どうにか丸いドラえもんを表示できないか四苦八苦した結果、ついに実現いたしました。ぜひIE8ユーザの人は見れるかどうか試して欲し...

画像を一切使わずにCSS3だけでとある科学の風力発電を描いてみた!

画像を一切使わずにCSS3だけでとある科学の風力発電を描いてみた!
先日の「CSS3 ドラえもん ver2」に引き続き、本日もCSS3の記事です。今回は画像を一切使わずにHTML+CSSでいろいろなものを作ってみようという企画の第3弾です!だいぶ前のことになりますが、CSS3ドラえもん公開後の1ヵ月後にTwitter 'Fail Whale'という、CSSだけでTwitterのくじらを描いた猛者がいるという記事を目にしました。このくじらに触発されて今度はアニメーションに重点を置いたものを作ってみようと思い、実際に作ってみ...

Related article

Most Popular

Now loading...

Social Links

Sponsored Link

Access Ranking

Now Loading...

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

Amazon

Now Loading...