TOP  >  ローディングスニペット

Tag : ローディングスニペット

2018年04月03日

待ち時間のストレスが軽減するローディングスニペット 「 10 Free CSS Loading Spinner Snippets For Web Designers & Developers」

Webサイト閲覧bの際にデータ読み込みに時間がかかる場合、ローディング画面をよく見かけますね。ユーザーにとって待たされるというのは非常にストレスのたまる時間です。そんな中今回紹介するのは、待ち時間のストレスが軽減するローディングスニペット
「 10 Free CSS Loading Spinner Snippets For Web Designers & Developers」です。

LoadingSpinner01

ベーシックなアイテムから、ずっと見ていたくなるようなものまで、いくつか気になったものをピックアップしましたので以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2016年05月14日

様々なリッチアニメーションアラートを簡単に実装できる「SweetAlert2」

WEBでエラーを始め、様々な注意を促すアラート。標準でも用意されており、簡単に実装は可能ですが、今回紹介するのは、様々なリッチアニメーションアラートを簡単に実装できる「SweetAlert2」です。

alart01

「SweetAlert2」はほぼ標準のアラートと同じような書き方でアニメーション付きのアラートを実装可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:32  |  
Category: WebService   
2014年03月25日

ベーシックからユニークなテーマまで フリーフラットアイコン「15 Sets of Vector / Flat PSD Icons – Free Download」

webのトレンドとして今主流となっているフラットデザイン。ベースに合わせて、素材もフラットタイプのものが多く流通しています。そんな中今回紹介するのは、ベクター形式で便利に利用できる、フリーフラットアイコン「15 Sets of Vector / Flat PSD Icons – Free Download」です。

iconset0325_0
Dribbble – Flat Icons / PSD by Yiğit Pınarbaşı

定番として利用できそうなものから、ちょっと変わったテーマのものまで、15種のアイコンセットが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:04  |  
Category: Design   
2015年10月06日

健康的なライフスタイルを表現できるフリーアイコンセット「40 Free Health and Fitness Icons」

ヘルシー志向が高まり、健康を意識した生活を送る方が増える中で、デザインでもそんな方をターゲットとした制作をするシーンが増えてきていると思います。今回はそんな場面に最適な素材、健康的なライフスタイルを表現できるフリーアイコンセット「40 Free Health and Fitness Icons」を紹介したいと思います。

health-and-fitness-icons

かわいらしいテイストで、ヘルシーな暮らし、またフィットネスを取り入れた暮らしを表現することができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:57  |  
Category: Design   
2010年06月07日

フェードインでロールオーバーできるjQueryプラグイン「hoverFade」

メニューなどのインターフェイスの仕掛の一つとしてスタンダードな手法ロールオーバー。自分が今、何を触っているのかがすぐに分かるUI向上のためには常識的なものです。今回紹介するのはそんなロールオーバー処理をフェードインで表現するjQueryプラグイン「hoverFade」を紹介したいと思います。

developsfover

本の少しの違いですが、通常のロールオーバーに比べると作りこんだ感じを受けます。とくにメニュー部分などユーザーの目が触れやすく、常に触る部分への実装はクオリティを高く見せるためにも重要なのではないかなと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:04  |  
Category: WebDesign   
2009年09月30日

シームレスに敷きつめられるWEB用背景素材配布サイトまとめ

WEBを制作する上で、印象を決定付ける大きな要素が背景。表示面積が大きいだけに背景が与えるものは大きい。今日紹介するのはそんなWEB制作の際に使えるシームレスに敷きつめられるWEB用背景素材配布サイトを集めたエントリー「27 Best WebSites to Download Free Seamless Patterns」を紹介したいと思います。

haikei
Pattern 8

ジェネレーター的な使い方ができるサイトから種類豊富に幅広い背景素材を配布されているサイトまで様々なサイトが収録されています。今日はその中からきになったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:16  |  
Category: WebDesign   
2017年06月24日

シンプルでハイクオリティなミニマルデザインのフリーアイコンまとめ「11 Free High-Quality Line Icon Sets」

最低限の情報を、シンプルなまとめた構成が魅力的なミニマルデザインに欠かせない素材として、情報要素をすっきりとまとめてくれるアイコンは非常に役立つ存在。そんな中今回ご紹介するのは、ミニマルデザインに合わせて使いたい、シンプルでハイクオリティなアイコンまとめ「11 Free High-Quality Line Icon Sets」です。

lineicons1
Goodies Icon Set | Best PSD Freebies

細ラインで描かれたシンプルなフリーアイコンが11種類紹介されています。その中からおすすめのアイコンを幾つかピックアップしてご紹介していきます。

詳しくは以下

(続きを読む…)

続きを読む
2017年08月17日

汎用性の高いデザインされたフリーフォント「Download New Free Fonts for Graphic Design (16 Fonts)」

数あるフォントの中からデザインにあったものを選ぶのは、案外時間のかかる作業。しかしフォントはデザインの魅力の一つと言っても良いほど重要な役割を果たしてくれる要素でもあるため、最適なチョイスができるベースを作っておきたいものです。今回はそんな方にオススメな、汎用性の高いデザインされたフリーフォント「Download New Free Fonts for Graphic Design (16 Fonts)」を紹介したいと思います。

16freefont_01
New! 'Wish' font script on Behance

ちょっとした工夫でおしゃれに見せてくれる、そんなフォントが集約されています。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Font   
2008年11月18日

デザインの現場で使えるデザイナーのためフリーフォント集「50 Incredible Fonts for Professional」

多種多様なフォントが世の中には出回っていますが、今回紹介するのはプロでも使えそうなデザイン性の高いハイクオリティなフォントを集めたエントリー「50 Incredible Fonts for Professional Web & Print Design」です。


Evolution True Type Font

全部で50個のフォントが紹介されていますが、今日はその中から気になったフォントをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:50  |  
Category: Design , firefox , Font , WordPress   
tag: Design Font
2011年07月14日

華やかさを表現するフローラルPhotoshopブラシ集「New Collection of Free Floral Photoshop Brushes」

デザインに華やかさを与える植物素材。デザインにぴったりなテイストの素材をチョイスすることで、クオリティが一気にアップする重要な素材だと思います。そこで今回は、さまざまなテイストの植物を手軽に表現できるPhotoshopブラシを集めた「New Collection of Free Floral Photoshop Brushes」を紹介したいと思います。


Artistic Floral by ~h0ttiee on deviantART

可愛らしいイラストのブラシから、リアルな植物を表現したブラシまで、さまざまなブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:55  |  
Category: Design , Photoshop   
2014年02月10日

高解像度なハイクオリティ写真素材を集めたサイト「picjumbo」

デザインをする際に利用することの多い写真素材。自分で撮影して用意することもあると思いますが、思い通りの写真が無いとき、撮影が難しいビジュアルを探しているといったシーンもよくあるのではないでしょうか?今回はそんな時におすすめ、高解像度なハイクオリティ写真素材を集めたサイト「picjumbo」を紹介したいと思います。

picjumbo

大きなサイズの、デザインクオリティの高い写真素材が多数収録されています。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る