TOP  >  アラート

Tag : アラート

2018年04月19日

フリーで使える10種のアラートメッセージスニペット「10 Free CSS & JS Notification Alert Code Snippets」

Webサイトにはアラートメッセージが必要な場面がいくつかあります。多くはJavaScriptのアラートを使用して行われていますが、カスタムCSSとJSコードを使って簡単に表現することができます。今回は、フリーで使える10種のアラートメッセージスニペット「10 Free CSS & JS Notification Alert Code Snippets」の紹介です。

AlertCode04
Ionic Alert

ベーシックな表現からPOPなものまで10種類が紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2016年05月14日

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

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

alart01

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

詳しくは以下

(続きを読む…)

続きを読む
posted 12:32  |  
Category: WebService   
このエントリーをはてなブックマークに追加

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

2015年11月16日

モバイルデバイス操作の手の動きを表現できるフリーアイコンセット「15 Free Gesture Icon Sets for Mobile Developers」

スマートフォンやタブレットなどのデバイスを使う機会はどんどんと増えており、今回はそんなモバイルデバイス操作の手の動きを表現できるフリーアイコンセット「15 Free Gesture Icon Sets for Mobile Developers」を紹介したいと思います。

handsicon1
Dribbble – 38 free gesture icons by Frexy

手の動きが重要なスマートフォン等のデバイス。さまざまな動きをアイコンで表現したフリーセットが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:01  |  
Category: Design   
2011年05月06日

クリエイティブなテキストデザインのチュートリアル「25 Photoshop Text Tutorials」

グラフィックを制作する際には、イラストや写真だけでなく、デザインに盛り込むテキストを加工しデザインする事も多いかと思います。しかしテキストは素材として最初からデザインがされている訳ではなく、加工のアイデアが生まれないと悩む事も多いはず。そこで今回は、クリエイティブなテキストデザインのチュートリアルを紹介した「25 Photoshop Text Tutorials」を紹介したいと思います。


Create a Cosmic Typo Wallpaper in Photoshop and Illustrator « drawingclouds | Design Inspiration and Photoshop Tutorials

テキストをさまざまな形で加工したデザイン例が25種類公開されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:51  |  
Category: Design   
2008年08月14日

クリエイティブな404ページ ベスト100「The 100 most funny and unusual 404 error pages」

前回「404ページのデザイン集「49 Nice And Creative Error 404 Pages 」」と言う記事でいくつか紹介しました、ページが見つからない時やエラーの際に表示させる404ページ。あまりお目にかかりたくないページですが、そんなページだからこそ万が一表示させてしまった場合の対策として、クリエイティブなWEBページでは404ページをがっかりさせない仕組みや、クリエイティブが施されています。

今日紹介する「The 100 most funny and unusual 404 error pages」はユニークでクリエイティブな404ページを集めたエントリーです。100種類以上のクリエイティブでユニ−クな404ページが紹介されています。今日はその中からいくつか気になった404ページをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:33  |  
Category: WebDesign   
tag: webdesign
2009年12月24日

photoshopチュートリアル100選「The 100 Most Popular Photoshop Tutorials 2009」

制作の現場には欠かせないアプリケーションの一つphotoshopですが、今回紹介するのは2009年に公開されたphotoshopのチュートリアルを集めたエントリー「The 100 Most Popular Photoshop Tutorials 2009」です。

psdtutrial01
Computer Arts – Create frozen liquid effects

幻想的な世界観を作るものから、現実のものをより面白く見せるテクニックなどなど様々なphotoshopでのチュートリアルが公開されています。様々なチュートリアルが公開されていますが、いくつかきになったものを下記に紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:40  |  
Category: Design , Photoshop   
2017年01月01日

2017年 新年あけましておめでとうございます。

deve

皆様、新年あけましておめでとうございます。

2016年もDesigndevelopを応援・閲覧して頂き、本当にありがとうございます。最近は更新頻度が滞っており、質ではなく量での優位性をもって、デザインや開発を行っている方に貢献するというブログの軸が少しズレてしまっていました。

開設当初は最低でも毎日2件、多い日はもっと数多くの記事をお届けしていましたが、最近では1週間でも2〜3本になってしまっていました。新年ということで改めて当初のコンセプトを再度認識し進んでいきたいと思います。

記事の編集・発信については今までと変わらず、Designdevelopという名前の通り、主にフロントエンドの開発周りから、デザインの際に役立つツールなど利用するものを中心に、今年は記事更新をなるべく行えるように仕組み化し、もっと多様性のある情報、多くのデザインや開発に役立つ情報を皆様にお届けできればと考えています。

2017年、今年もDesigndevelopをどうぞよろしくお願い申し上げます。

続きを読む
2012年05月10日

水彩画のさまざまな水滴が楽しめるテクスチャまとめ「Watercolor Splashes: Texture Pack」

素材の持つ優しさをダイレクトに感じられるデザインが好まれることも多く、手書きの質感を活かしたデザイン制作を求められることも増えているのではないでしょうか?そこで今回紹介するのが、水彩画のさまざまな水滴が楽しめるテクスチャをまとめた「Watercolor Splashes: Texture Pack」です。


watercolor_01.jpg (JPEG 画像, 2500×1656 px) – 表示倍率 (48%)

色の濃淡を楽しめるモノクロのテクスチャが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:28  |  
Category: Design   
2008年02月27日

【FreeFont】歯磨き粉やケチャップで作られたフリーフォント「FreshFonts」

今まで様々なフォントを紹介してきましたが、今回紹介する「FreshFonts」は少し変わった作り方をしています。その制作方法とはタイトルにもあるとおり、歯磨き粉やケチャップなどを使って作られるFontです。

フリーフォント

実際上記のような形で、書いてから取り込んで、データに起こしているみたいで、かなりリアルな感じです。現在3種類のフォントが公開されています。3つとも下記に紹介しておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:32  |  
Category: Design , Font   
tag: Design Font
2010年04月17日

ハイクオリティなベクターデータ集「35 High-Quality Free Vector Packs」

制作するうえで非常に便利なベクターデータ。かなり自由度が高くカスタマイズが用意なため、様々なカスタマイズが可能で、デザインの素材としてはかなり使い勝手が良いものです。今日紹介するのはハイクオリティなベクターデータ集「35 High-Quality Free Vector Packs」です。

vectorepack01
35 High-Quality Free Vector Packs

シルエットから、背景素材に使えそうなベクターデータなど、様々なベクターデータが公開されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:28  |  
Category: Design , vector   
tag: Design vector
2016年07月26日

そのまま使っても映える フリーベクター素材11選「11 Fresh & Free Vector (AI, EPS Files) Background」

イラストレーターなどでの編集が可能なベクター素材は非常に重宝する存在。フリーで配布されているものも多数存在しています。そんな中今回紹介するのは、そのまま使っても映える フリーベクター素材11選「11 Fresh & Free Vector (AI, EPS Files) Background」です。

vector0719_1
Purple ramadan background with golden decoration Vector | Free Download

魅力的な描写ベクターグラフィックが11種という厳選された数ではありますが、まとめられています。中でも気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2011年10月14日

さまざまな毛並みが表現できるテクスチャ集「35 High Quality Free Fur Texture Sets」

デザインシーンに欠かせないさまざまなテクスチャ素材。デザインのコンセプトによって、多種多様なテクスチャの利用が求められます。そんな中今回紹介するのが、さまざまな毛並みを表現できるファーテクスチャを集めた「35 High Quality Free Fur Texture Sets」です。


Fur Texture pack 02 by ~kittytextures on deviantART

動物の毛並みのリアルなテクスチャから、繊維質のユニークなテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:31  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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