webサイトの動きを魅力的に演出する フリーjQueryプラグイン集「Free jQuery Plugins To Create An Amazing Website」
webサイトの動きを魅力的に演出する フリーjQueryプラグイン集「Free jQuery Plugins To Create An Amazing Website」 デザインだけでなく、独自の動きを取り入れることでwebサイトはより魅力的なものに変化します。今回はそんな時に参考にしたい、webサイトの動きを魅力的に演出するフリーjQueryプラグイン集「Free jQuery Plugins To Create An Amazing Website」を紹介したいと思います。 jquery.adaptive-backgrounds.js • A jQuery plugin for extracting dominant colors from images and applying it to its parent 組み込むだけで、webサイトを魅力的に演出してくれるプラグインが揃ってい
ショータイムが始まる前のスポットライトのようなjQueryプラグイン「Spotlight」 – bl6.jp
Spotlightはショータイムが始まる前のスポットライトのようなアニメーションを実装することができるjQueryプラグインです。使いどころは限られるかもしれませんが、今まであまり見た事がない感じのプラグインなのでちょっと新鮮です。 以下は実際のSpotlightのデモになります。 デモ Animateというボタンをクリックするとスポットライトが動き出します。注目度は確実にアップしそうですね。あとオプションの値も変更できるようになっているので色々と試してみるとおもしろいです。 使い方はこんな感じでとてもシンプルです。 $('#sample').animate('spotlight'); duration、delay、repeat、easingなどといった様々なオプションが用意されています。radiusで�円の大きさを変えることも可能です。 サポートされているブラウザはIE10+、Chrom
インフォグラフィックデザインを手軽にするベクターセット「Freebie Release: Infographic Elements」
TOP > WebService > インフォグラフィックデザインを手軽にするベクターセット「Freebie Release: Infographic Elements」 難しく固い内容を、ビジュアル化し分かりやすく表現することができるインフォグラフィック。さまざまなwebサイトでよく利用されていますが、実際に制作しようと思うとなかなか大変なもの。そんな時に利用したい、インフォグラフィックデザインを手軽にするベクターセット「Freebie Release: Infographic Elements」を今回は紹介したいと思います。 ベクター素材を多数紹介しているサイト「Vector Open Stock」にて公開されている、さまざまなテーマのインフォグラフィック素材がまとめられたベクターセットとなっています。 詳しくは以下 円グラフ、棒グラフ、チャートなどの数値を図で表したものを始め
Webデザインの参考になるギャラリーサイト24選【2023年】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
6ヶ月で「現場レベル」のWebデザイナーに デジタルハリウッドSTUDIO by LIG 💡現役Webデザイナーが講師を務め、永続的な就職支援などが特徴。 通学とオンラインを組み合わせ、未経験から半年でWebデザイナーになれます。 Web制作会社が運営するスクールなので、面接対策なども現場の基準でおこないます。 こんにちは。Webデザイナーのミライです。突然ですが、ギャラリーサイトで今日掲載されたサイトを見て、学ぶことがあったり燃えることがあったりしませんか？ あなたが刺激と戦う心、学びを得るために、現役Webデザイナーの僕が知りうる限りのギャラリーサイトの中から、参考になるところを厳選して24サイト押し売りします。 多すぎ！ って思った方も安心してください。目次と評価軸を駆使して、快適に読める工夫をふんだんにしております……！ 関連リンク：かっこいい・おしゃれなWebデザイン参考サイト
刀でズバッと斬るようなアニメーションをHTML・CSS・JS（jQuery）で実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近とある案件で「刀でズバッと切る感じのアニメーションを入れる」ってことになって、実装してみました。ゲームなどでよくある表現ですね。 やってみると、ポイントを押さえれば意外とシンプルに実装できたので、その方法をご紹介したいと思います。 はじめに 今回はこちらの画像を使いたいと思います。 我らが広報ヨシキさんです。 垂直か水平にズバッと斬るアニメーションなら比較的簡単なんですが、このような表現においてよく使うのは�斜めにズバッと斬るアニメーションだと思うので、そっちにしてみます。 素材となる画像を用意する まずはPhotshopで画像をつくります。 ズバッと斬るアニメーションを実装するには、元の画像から3つの画像をつくる必要があります。 上半分の画像 まずは上半分の画像をつくります。 では早速やってみまし
SEO・オンラインマーケティング表現に活用できるアイコンセット「Free SEO Vector Icons」
フリーで使用できるアイコンには非常にさまざまな種類が存在しており、いろいろなタイプを選択できるようになっています。そんな中今回紹介するのは、SEO・オンラインマーケティング表現に活用できるアイコンセット「Free SEO Vector Icons」です。 130種のSEOイメージアイコンがセットでダウンロードできるようになっています。 詳しくは以下 パソコンの画面上にいろいろな表現を施したアイコンや、ネットワーク系アイコン、ヒューマンアイコン、デバイス、ファイル、ビジネスグッズなど、130種という種類の中に非常に多彩なデザインアイコンが揃えられており、単体での使用はもちろん、組み合わせでオリジナルの表現をすることもできそうです。 形式はSVGとPNGの2種。他ではあまり見ないタイプのアイコンなので、この機会にダウンロードしておけば役立つ機会も多いのではないでしょうか？以下リンクにてすべての
2015年1月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 Windows関連 Windows 7以降はWindows 10へ無償アップグレード ～新プレビューは来週公開 – PC Watch 「Windows 10」は無料アップグレードで提供、今後はバージョンが“無意味化” -INTERNET Watch “「Windowsのどのバージョンを使っているかという質問には意味がなくなる」と述べた。このことは開発者にとって大きなメリットになる” とのことですが、開発者は阿鼻叫喚の予感がします… なお、企業向け「Windows 10」は“1年無料アップデート”の対象外 だそうです。 ７割近くでサーバー更新間に合わない見込み NHKニュース 「Windows Serv
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
