TOP  >  Javascript

Tag : Javascript

2011年10月02日

最近リリースされたjQueryプラグイン集「40 New jQuery Plugins」

軽量で様々なクリエイティブに役立つ、javascriptプラグインjQuery。最近では様々なWEBサイトに利用されていますが、今日紹介するのは最近リリースされたjQueryプラグインを集めたエントリー「40 New jQuery Plugins」です。


Recurly.js

フォーム関連から、パスワードチェッカー、ビデオ関係のプラグインなど様々なプラグインが集められています。

詳しくは以下

(続きを読む…)

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

jQueryで作るクリエイティブなタイムライン「jQuery Timelinr」

物事の流れを説明する際に非常に分かりやすいのが、時系列で整理された情報。タイムラインは時間の流れを感じることができ、どういった順番でなにがなされたのかはっきりとわかります。今日紹介するのはそんなタイムラインをjQueryで実現してくれるプラグイン「jQuery Timelinr」です。

プラグインは非常にシンプルで、簡単に実装することが可能です。

詳しくは以下

WEB上で利用するにはまずjQueryとjquery.timelinr-0.9.jsの2つのjsを読み込ませます。その後以下のjavascriptを記述すれば準備は完了です。

指定したdivタグないのリストがタイムラインとなります。こまかな調整は記述するjavascriptでオプションの値を指定することで調整が可能です。大きなところでは、縦に順に追っていくタイプのタイムラインと横に追っていくタイプのタイムラインをオプションで選択ができます。

簡単に実装できますし、限定的にはなりますが、便利に使えそうなjQueryプラグインだと思います。

jQuery Timelinr ↩ CSSLab

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

サイト全体のプレビュー画像をサイトサイドに出力してくれるjQuery「jQuery.frace」

一枚に連なった、長いWEBページも最近増えてきていて、ユーザーにとっては全体像がよくわからなかったりするなんていうときが時にはあるかもしれません。そこで今回紹介するのは、サイト全体のプレビュー画像をサイトサイドに出力してくれるjQuery「jQuery.frace」。

上記のようにサイトのサイドバーに全体を縮小してどの範囲が見えているかを直感的に理解できるような機能を付加できます。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:22  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2011年07月17日

jQueryコンテンツスライダー15選「15 jQuery Space-Saving Content Sliders and Carousels」

Flashに替わって、avascriptでコンテンツづくりをする事も多くなってきたと思いますが、今回紹介するのはjQueryで制作する、コンテンツスライダーを集めたjQueryコンテンツスライダー15選「15 jQuery Space-Saving Content Sliders and Carousels」です。


dualSlider

写真がメインのもの、動画含めてスライドするスライダー、文章を中心に見せるものなど、あらゆる種類のコンテンツスライダーが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

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

最近リリースされた、ナビゲーション系のjQueryプラグイン集「15 Fresh jQuery Menu Plugins and Tutorials」

WEB制作の現場で幅広く利用されている軽量で高機能なjavasciptライブラリjQuery。様々なプラグインが開発され世界中でリリースされていますが、今日紹介するのは、最近リリースされた、ナビゲーション系のjQueryプラグイン集「15 Fresh jQuery Menu Plugins and Tutorials」です。


naviDropDown 1.0 Plugin

全部で15のナビゲーション系のjQueryプラグインがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:56  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
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月09日

美しいアイコンセットを集めた「40+ Extremely Beautiful Icon Sets」

デスクトップからインターフェイス、WEBデザインまで様々な用途で使えるアイコン。そんなアイコンをまとめたエントリーが今回紹介する「40+ Extremely Beautiful Icon Sets Hand-picked from deviantART」です。このサイトはあらゆるジャンルのクリエイター達のコミュニティ「deviantART」からピックアップしてきたものだそうです。


Aeon

管理者さんが直接ピックアップしているみたいなので、好みがでていて立体的なアイコンが多いです。今日はその中から気になったアイコンをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:41  |  
Category: WebDesign   
tag: webdesign
2016年05月03日

ミニマルテイストなアイコンセット10選「10 Free Minimalist Icon Design Sets」

いろいろな種類のアイコンがフリーで配布されていますが、重宝するのはやはりシンプルなもの。そんな中今回は、ミニマルテイストなアイコンセット10選「10 Free Minimalist Icon Design Sets」を紹介したいと思います。

icon0503_0
Free Wilderness/Camping Icons by Anita Peeples – Dribbble

さまざまなデザインに合わせることができるアイコンセットが10種という厳選された数ですが紹介されています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

トラベル系のwebサイトまとめ「25 Web Design Showcase of Travel Websites」

世界の美しい風景や、新しい土地での出会いに憧れを抱き、旅行をする方はとても多いと思います。今回は、そんな旅行シーンに是非活用・閲覧したい、クリエイティブな旅行案内サイトをまとめた「25 Web Design Showcase of Travel Websites」を紹介したいと思います。


Definitely Dubai

それぞれの国の雰囲気や、旅行全体のコンセプトが感じられるwebサイトばかりが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2011年07月16日

2011年に発表されたハイクオリティなフリーwordpressテーマ集「Free WordPress Themes: 2011 Edition」

世界中で利用されているCMSの一つWordpress。拡張性の高さから、多くのWEB制作者に利用されユーザーが多いのもあり、便利なプラグインやクオリティの高いテーマが多くリリースされています。今日紹介するのは2011年に発表されたハイクオリティなフリーwordpressテーマを集めたエントリー「Free WordPress Themes: 2011 Edition」。


Portfolium

様々なジャンルのwordpressのテーマがまとめられていますが、今日はその中から特に気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:00  |  
Category: WebService   
2010年08月23日

個性的なフリーフォントを集めた「15 Fresh And Beautiful Fonts For Free Download」

フリーフォントは世界中で日々リリースされており、中には非常に特徴的なフォントもリリースされています。今日紹介するのはちょっと個性的なフリーフォントを集めたエントリー「15 Fresh And Beautiful Fonts For Free Download」です。


Cuqueta

正統派とは少し違うクリエイティブなフォントが全部で15個紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:20  |  
Category: Design , Font   
2008年05月02日

様々なベクター素材がダウンロードできる「Free Vector Graphics」

当サイトでは今まで数多くのベクターデータをダウンロードできるサイトを紹介してきましたが、今回紹介する「Copyright」も同じように様々なベクターデータがダウンロードできるWEBサイトです。

インターフェイスがかなりわかりやすく大きなサムネイルと簡潔な説明それに加えて、どんな形式でファイルが配布されていてどのくらいのサイズなのかが瞬時にわかります。下記に現在公開されているベクターデータの一部を貼り付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:58  |  
Category: Design , vector   
tag: Design vector
2007年11月19日

【FreeFont】9800個のフリーフォントがダウンロードできる「creamundo.com」

9800個と言う膨大な数のフォントを集めて公開しているのが今回紹介する「creamundo.com」です。キレイ目な書体から、面白い書体、イラストフォントまで幅広く収録されています。

9800のフォントcreamundo.com

フォントはフォント名のアルファベット順に収録されていて、サイト内検索もできるようになっています。また特徴的なのが自分が打ち込んだ文字をそのフォントで試せるプレビュー機能がついている点です。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:51  |  
Category: Design , Font   
tag: Design Font
2010年12月01日

ソース付き!HTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」

開発者の間では次世代の規格として注目を集めているHTML5。まだまだブラウザも対応していない部分もあり商業デザインではなかなか使いづらいところもありますが、従来のHTMLと比べてかなり表現できる幅が広く、確実に今後WEBデザインの世界では必要となってくるものだと思います。今日紹介するのはそんなHTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」です。


Design & Code a Cool iPhone App Website in HTML5

レイアウト的なものからJSと組合わえたものまで様々なHTML5のテクニックが学べるチュートリアルがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:39  |  
Category: WebDesign   
2008年02月26日

プレビューしながらテキストのCSSスタイルを簡単に設定「CSS Type Set勝手に日本語版」

前回「プレビューしながらテキストのCSSスタイルを簡単に設定できる「CSS Type Set」」という記事でお伝えした。プレビューしながらテキストのCSSスタイルを設定できるWEBサービス「CSS Type Set」を紹介しましたが、今回紹介するのはこれの日本語版に当たる「CSS Type Set 勝手に日本語版」というものです。

テキストのCSSスタイルを簡単に

本家の「CSS Type Set」もそこまで難解な物ではありませんが、どうしても英語が苦手、英語のサービスは使う気になれないという方はこちらで試してください。完全に日本語化されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:28  |  
Category: WebDesign , WebService   
2010年07月04日

新しめのクオリティの高いフリーフォント集「20 New High-Quality Fonts for Your Designs」

デザインの印象を決定づける大きな要素の一つフォント。様々なフォントが公開されていますが、今回紹介するのは、最近発表された、クオリティの高いフリーフォント集「20 New High-Quality Fonts for Your Designs」です。

more_fresh_fonts_4
Dekar

洗練されたものから、ガッチリした印象のフォントまで、様々なイメージのフォントがまとめられています。今日はその中から今までDesigndevelopで紹介したことが無いフォントを中心にいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:31  |  
Category: Design , Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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