TOP  >  facebook

Tag : facebook

2011年06月11日

FacebookのUIやスタイルを再現するjQueryプラグイン集「23 Best jQuery Facebook Style Plugins」

世界中の方々利用しているソーシャルネットワーク「Facebook」国内でも多くの方が利用しているサービスの一つだと思います。今日紹介するのはそんなFacebookのUIやスタイルを再現するjQueryプラグインを集めたエントリー「23 Best jQuery Facebook Style Plugins」です。


2. Creating a Facebook-like Registration Form with jQuery

全部で23個のプラグインが紹介されていますが、今日はその中から幾つか気になったモノを紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2008年11月21日

ハイクオリティで実用的な25のフリーphotoshopブラシ「25 free photoshop brushes」

Designdevelopでも多々とりあげてきたphotoshopブラシですが、今日紹介するのはハイクオリティかつ実作業にも使えそうフリーphotoshopブラシを集めたエントリー「25 Free Photoshop Brushes」を紹介したいと思います。


Dripping Ink Brushes

集められているブラシは様々で、フラクタルから煙り、テープ、血痕、毛並みなどなど様々です。今回は紹介されているものの中からいくつかピックアップして紹介したいとお思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:57  |  
Category: Design , Photoshop   
2012年07月06日

さまざまな場面で利用できるPhotoshopテクスチャまとめ「30 Latest And Free Photoshop Textures」

デザイン制作で利用するリアルな質感のテクスチャは、テイストに合わせて豊富に確保しておきたいもの。そんな中今回紹介するのが、最近公開されたばかりのさまざまな場面で利用できるPhotoshopテクスチャまとめ「30 Latest And Free Photoshop Textures」です。


TEXTURES Pawluk by ~ipawluk on deviantART

紙や木などのリアルな雰囲気を演出できるテクスチャから、画像合成が楽しめるテクスチャまで、さまざまなタイプが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:46  |  
Category: Design   
2009年11月20日

jQueryでよくつかうインターフェイスをまとめた「Toolkit with 6 Awesome jQuery User Interface components」

タブメニュー・ツールチップ・スライドショーなどなど様々なWEBインタフェースを提供してくれるjQueryプラグイン化されていますので、実装もかなり簡易にでき、制作者にとってはありがたい存在です。今日紹介するのはjQueryでよくつかうインターフェイスをまとめたツールキット「Toolkit with 6 Awesome jQuery User Interface components」です。

jquerytools01

各インターフェイス毎に様々な動きを実装できます。さらにToolキットは必要に応じてカスタマイズしてダウンロードできます。

詳しくは以下

(さらに…)

続きを読む
posted 11:27  |  
Category: WebDesign   
2008年08月16日

CSSを条件分岐させ、環境によって切り替える「Conditional-CSS」

通常CSSはプログラミングのようなifのように条件付けなどはできませんが、今回紹介する「Conditional-CSS」はCSSで条件分岐を実現する画期的なものです。

ブラウザや環境が多様化しているなかでは非常に便利な仕組みだと思います。ブラウザ毎に条件を個別に設定する事もできますし、あらかじめ定義しておけば、cssA、cssXなど複数条件をまとめておく事もできます。

詳しくは以下

Conditional-CSSの「デモ」はこちらからどうぞ、IE、firefox,opera,safariでそれぞれ表示が異なります。コード自体は簡単で公式サイトを見ればすぐにわかるかと思いますが、実装にはサーバー側でプログラムを走らさないといけません。プログラムのダウンロードは「Conditional-CSS | Download」からどうぞ。

かなり便利なものでコチラを使えば、様々な環境で表示を最適化する事が出来るかと思いますが、毎回プログラムを読み込む仕組みなので、アクセスが多いサイトでは注意してください。実装の手順として詳しく説明されているサイトをいくつか紹介しておきます。使ってみたいと言う方はそちらを参考にしながら試してみてください。

【参考サイト】
[CSS]スタイルシートに「if」を使った条件式が利用できる -Conditional-CSS | コリス
CSSの記述に条件文が使えるようになる「Conditional-CSS」:phpspot開発日誌

続きを読む
posted 08:06  |  
Category: WebDesign   
tag: CSS webdesign
2014年04月22日

シンプルなデザインが魅力のシングルページワイヤーフレーム「One page website wireframes」

webサイトのレイアウトの中で、サイト全体にワイド感を出したい時、主流のデザインに仕上げたい時などによく取り入れられるシングルページレイアウト。一から構築しようと思うと、デザインのセンスはもちろん、制作 する時間も必要になってきます。そんな時に活用したい、シングルページワイヤーフレーム「One page website wireframes」を今回は紹介したいと思います。

freetemp

シンプルなデザインが魅力のワイヤーフレームに、いろいろな要素がセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2009年02月18日

日本をテーマにしたphotoshopブラシ集「Japanese Brushes Collection」

表現の幅を広げてくれる様々なphotoshopブラシですが、今日紹介するのは日本をテーマにした、photoshopブラシ「Japanese Brushes Collection」です。日本をといっても様々な表現があり、扇子や家紋のようなスタンダードなものから、日本語自体のものまで幅広く収録されています。

japaneseb01

収録されているブラシセットは全部で21セットにも及びますが、今日は収録されているphotoshopブラシの中から気になったブラシをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:03  |  
Category: Design , Photoshop   
2014年05月20日

擦れた雰囲気を表現できるグランジテクスチャセット「Six Free Grungy Metal Texture」

デザイン制作時に利用する素材の中でも定番として幅広いシーンで活躍してくれるテクスチャ。種類も非常に豊富でいろいろな表現や使い道があるため、デザイナーにとっては欠かせない素材ではないでしょうか?そんな中今回紹介するのは、擦れた雰囲気を表現できるグランジテクスチャセット「Six Free Grungy Metal Texture」です。

grange1

自然に劣化した風合いを活かしたグランジテクスチャがセットになってフリーで配布されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2016年05月30日

リッチなホバーエフェクトを実現するCSSセット「IMAGE HOVER EFFECTS」

マウスオーバーすると、色が変わったり、様々なアクションが走ったりと、WEBデザインでは多用されるホバーエフェクト。簡単に透明度だけ変えたり、色を変えたりというシンプルなものも良いのですが、一工夫されたホバーエフェクトは上手に使えばサイトの質を向上させてくれます。今日紹介するのはリッチなホバーエフェクトを実現するCSSセット「IMAGE HOVER EFFECTS」です。

hover01

画像が拡大されたり、フィルタが掛かったような表現になったり、全部で16ものホバーエフェクトを簡単に実装することが可能です。

詳しくは以下

(さらに…)

続きを読む
posted 10:34  |  
Category: WebDesign   
2011年10月15日

2011年度に発表されたシンプルでミニマムなWordPressテーマ30選

世界中で利用されているCMS WordPress。使い勝手が良く、様々なプラグインと豊富なテーマが魅力的なオープンソース。今日はそんなwordpressをクリエイティブに利用できるシンプルでミニマムなWordpressテーマを集めたエントリー「30 Fresh Minimal WordPress Themes (2011 Edition)」を紹介したいと思います。


mimiThem

そのままでも利用できますし、シンプルなので、カスタマイズのベースにも良さそうなテーマが多数集められています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:56  |  
Category: WebDesign , WordPress   
2012年10月27日

使える見出しフリーフォント25 from 2012「25 Yet More Free Fonts for Headlines」

見出しに使うフォントは、デザインを決定づける非常に重要なもの。それだけに武器となるフォントはある程度それておきたいものです。今日紹介するのは比較的使いやすいクリエイティブなつかえる見出しフリーフォントをまとめたエントリー「25 Yet More Free Fonts for Headlines (from 2012)」です。


Nexa

シンプルなものから、クリエイティブによったものまで、全部で25のフォントがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:00  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る