TOP  >  WebService

Tag : WebService

2016年10月10日

CSSのみで実現する1KB未満の超軽量ツールチップ「Wenk」

WEBサイトなどの補足事項などを表示するのに便利なツールチップ。一般的にはアニメーション表現が伴うため多くはjavascriptを利用して制作されていますが、今回紹介するのはCSSのみで実現する1KB未満の超軽量ツールチップ「Wenk」です。

wenk

非常にシンプルなツールチップで、上下左右位置を表示したり、幅の調整したり細かな調整がデキるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:10  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2016年10月09日

UIデザインのベースにできるシンプルなUIフリーサンプル「Ease UI Component Free Sample」

WEBデザインのトレンドの推移は早く、年々あらたなトレンドが生まれては消えていきますが、今日紹介するのはUIデザインのベースにできるシンプルなUIフリーサンプル「Ease UI Component Free Sample」です。

Ease-UI-Component-Free-Sample-prev02

非常にシンプルでスタイリッシュなデザインでブログ、メディア、フォーム、Eコマース、ベースパーツなどなど様々なユーザーインターフェースのパーツが収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:11  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加
2016年10月04日

あらゆる画像フォーマットを、最適化したjpegに変換してくれる「jpeg.io」

画像の重さはWEBサイトにとって非常に重要な要素で、最適化することで、読み込み速度やサーバー負荷など多くの問題を解決してくれます。今日紹介するのはWEB上で、あらゆる画像フォーマットを最適化したjpegに変換してくれるWEBサービス「jpeg.io」です。

jpegio01

利用方法は非常に簡単で、基本的に変換したいファイルをドロップアンドドラッグするだけでjpgを最適化してくれます。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:04  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2016年09月29日

300以上の背景用フリー動画素材を集めた「Coverr」

最近のWEBデザインの主流として背景に大きな動画を流すというものがありますが、なかなかイメージに合う動画を撮影するのは難しいものです。今日紹介するのは背景用の動画を探す時に便利な、300以上の背景用フリー動画素材を集めた「Coverr」です。

Coverr01

都会の雑踏から、料理しているシーン、大自然、買い物をしてるシーンなど様々な背景用の動画が無料で配信されています。

詳しくは以下

(続きを読む…)

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

WEBの表現をもっと豊かにしてくれるアニメーションまとめ「36 Brilliant User Interface Animations」

WEB上のユーザーインターフェイスの中で行われるちょっとしたアニメーションに驚きと感動をするということがたまにありますが、インターフェイスに即したアニメーションはWEBをより良いものにしてくれます。今日紹介するのはWEBの表現をもっと豊かにしてくれるアニメーションまとめ「36 Brilliant User Interface Animations」です。

dancing_icon
Menu open / tick / close

全部で36ものアニメーションが原文ではまとめられていましたが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:30  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2016年09月25日

CSS3で実現するラジオボタンアニメーション「radiobox css」

WEB上で何かを選択するときに用いるラジオボタン。様々な場所で実装されており、もはや当たり前のユーザーインターフェースの一つですが、今回紹介するのはそんなラジオボタンにアクセントを付けることができる、CSS3で実現するラジオボタンアニメーション「radiobox css」です。

radio01

ラジオボタンの選択時に特定のアニメーションをラジオボタン自体にかける事が可能です。

詳しくは以下

(続きを読む…)

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

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

2014年08月10日

シームレスに使用できるのが嬉しい フリーメタルテクスチャ「Free Seamless Metal Textures For Your Superb Designs」

webサイトなどの背景に柄物の質感を敷き詰める際に活躍してくれるシームレスパターン。継ぎ目を気にすることなく手軽に利用できる点が重宝されています。そんな中今回紹介するのは、シームレスに使用できるフリーメタルテクスチャ「Free Seamless Metal Textures For Your Superb Designs」です。

metaltex0
Texture Metal Seamless by ai-forte on deviantART

いろいろな表情の、鉄板の表面をテクスチャ化したメタル素材がまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2013年08月12日

世界中の有名な建物が揃うアイコンセット「250 Ultimate World Monuments Icon Pack by Freepik」

WEB制作に必要なアイテムはインターネット上でたくさん配布されており、デザイン制作に利用している方も多いと思います。そんな中今回紹介するのは、世界中の有名な建物が揃うアイコンセット「250 Ultimate World Monuments Icon Pack by Freepik」です。

dd_icon_01

アメリカ、イギリス、イタリア、ブラジルなど、世界40ヵ国の有名なモニュメントがセットになった、他にはあまりない貴重なアイコンセットとなっています。

詳しくは以下

(続きを読む…)

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

スポーツアイテムのベクターデータセット「Vector sport」

さまざまなシーンで活用することができる”ベクターデータ”。いくつあっても便利な素材として、webや紙媒体など、幅広いデザインシーンで重宝されていますが、今回はスポーツアイテムのベクターデータセット「Vector sport」を紹介したいと思います。

iconssports

普段から頻繁に使用することは少ないかもしれませんが、スポーツをテーマとしたデザインをもし手がけることになった際には非常にありがたい素材ではないでしょうか?

詳しくは以下

(続きを読む…)

続きを読む
posted 11:08  |  
Category: Design , vector   
tag: vector
2010年05月28日

レトロなベクターデータセット40選「40 Retro and Cool Pop Cultural Vector Resources」

最新のものだけが、心に響くグラフィックではありません。伝える内容だったりターゲットによってはレトロなモチーフも時に刺さります。今回紹介するのはレトロなベクターデータセットを集めた「40 Retro and Cool Pop Cultural Vector Resources」です。

reto
40 Retro and Cool Pop Cultural Vector Resources

カセットテープ、VHS、ローラースケートなどズバリ年代を表したようなモチーフやレトロ感溢れる色彩の平面構成などなど、様々なレトロベクターがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:50  |  
Category: Design , vector   
tag: vector
2008年12月24日

モックアップ制作に最適!ブラウザのパーツpsd「Browser Form Elements PSD」

前回で「iPhoneのユーザーインターフェイス素材集「iPhoneのユーザーインターフェイス素材集「iPhone GUI PSD」」という記事でiphoneのインターフェイス素材を紹介しましたが、今回紹介するのはiphoneの素材集と同じく「teehan+lax」で公開されているブラウザのインターフェイスのパーツを集めたpsd素材「Browser Form Elements PSD」です。

このpsdにはラジオボタン、フォーム、カーソルmアイコンなどなど様々なデータが収録されています。WEBデザインのモックアップを実際に近い形で見せるには便利なデータだと思います。

詳しくは以下

(続きを読む…)

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

先進的な印象を与えてくれるカラフルな幾何学パターンセット「Colorful Geometric Pattern」

WEBデザインは背景によって大きく印象が変わり、それだけにテクスチャや背景パターンの素材は数多くリリースされていますが、今回紹介するのは先進的な印象を与えてくれるカラフルな幾何学パターンセット「Colorful Geometric Pattern」です。

freebie01kika

全部で8枚の繰り返しで利用できるシームレスな背景パターンがまとめて配布されています。収録されているパターンについては下記からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:45  |  
Category: Design , vector   
2016年08月16日

水彩で描かれたオシャレなシームレスなパターンセット「Watercolor Seamless Patterns」

シームレスな背景素材は解像度が多様化しているWEBサイト制作においては非常に役立つ素材の一つです。今日紹介するのは暖かくて柔らかな印象を与えてくれる水彩で描かれたオシャレなシームレスなパターンセット「Watercolor Seamless Patterns」です。

wsp01

パターンは非常に実用的で、ドットから幾何学的な模様、破線のボーダーまで全部で8つのパターンが収録されています。全パターンは以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:38  |  
Category: Design , Photoshop   
2010年04月29日

WordPressテーマ探しの決定版「50 Best Websites To Download High Quality Free WordPress Themes」

世界中で利用されているCMS、Wordpress。かなりの数のテーマがリリースされていて、無料でもかなりクオリティが高いテーマも配布されています。今日紹介するのはフリーのテーマを探すときに役立つサイトを集めたエントリー「 50 Best Websites To Download High Quality Free WordPress Themes」を紹介したいと思います。

wodpress_sa00
wordpress.org

上記のwordpress.orgといった定番中の定番から、様々なテーマ配布サイトがまとめられています。今日はそのなかから気になったサイトをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:57  |  
Category: WebDesign , WordPress   
2008年09月16日

フリーのベクターグラフィックソフト「DrawBerry」

ベクターデータでデザインしたいけども、illustratorは高くて手が出ないと思っている方や、出先でちょっとしたデザインを制作しなければ行けない時、これからデザインを勉強したいけど、とりあえずデザインに触れたいという方にオススメなソフトウェアが今回紹介するフリーのベクターグラフィックソフト「DrawBerry」です。

実際動作しているスクリーンキャストが公開されていましたので、下記に動画を貼り付けておきます。

動画は以下から

(続きを読む…)

続きを読む
posted 06:13  |  
Category: Tool   
2015年03月20日

デザイン性を重視した最新フリーフォントまとめ「65 best free fonts, Spring 2015」

どんどんと新しいデザインのものが公開されているフリーフォント。種類もテイストも、さまざまなタイプのものが存在していますが、今回紹介するのは、デザイン性を重視した最新フリーフォントまとめ「65 best free fonts, Spring 2015」です。

font0320_1
geomanist, a new sans serif font designed by @atipostudio. download regular weight for free

デザインが魅力的なフリーフォントが揃っており、ベストなフォントを見つけることができそうです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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