TOP  >  Javascript

Tag : Javascript

2009年07月04日

WEB開発者の為のチートシート「40+ Essential Front End Web Developer Cheat Sheets」

WEBの制作、開発に必要な知識は多岐にわたり、毎回使うものは大体覚えていたりしますが、その都度ちょっとしたところを調べて制作していると言う事をされている方も多いのではないでしょうか?今日紹介するのはそんな人に便利なWEB制作者、開発者のために作られたチートシートをまとめたエントリー「40+ Essential Front End Web Developer Cheat Sheets」です。

cheetsheet01
Gosquared CSS help sheets

全部で40ものチートシートが公開されていますが、今回はその中から気になったものをいくつか公開したいと思います。

詳しくは以下

(さらに…)

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

音楽プレイヤーからスライドショーまでjQueryチュートリアル10「Top10 Simplest jQuery Tutorial」

様々な仕掛けや、仕組みを簡単に実装できるjQuery。WEB上では良く見かけますが、今日紹介するのはそんなjQueryを使ったテクニックをあつめたエントリー「Top10 Simplest jQuery Tutorial」を紹介したいと思います。

jquerysimple01
FancyBox

様々なjQueryを使ったチュートリアルが公開されていますが、今日はその中からいくつか気になったチュートリアルをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:53  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2009年05月16日

コードを貼り付けるだけで、サムネイル付きの関連記事を表示してくれる「LinkWithin」

ブログの必須項目とも言える関連記事のエントリー内での表示、特にエントリーが多く、取り上げている内容が多岐に渡るブログであれば、かなり効果的に動いてくれます。今日紹介するのはjavascriptのコードを貼り付けるだけで、サムネイル月の関連記事を表示してくれるWEBサービス「LinkWithin」を紹介したいと思います。

linkwithin01

アカウントの発行は一切必要なく、Emailとブログリンクを入力してあとは実装したいブログのシステムを選択するだけでOKです。

詳しくは以下

(さらに…)

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

jQueryで実現するフルスクリーンスライドショー「supersized」

全画面の写真のスライドショーは迫力があり、写真や作品の魅力を十分に伝えてくれます。皆さんは全画面の写真スライドをWEB上で制作するときどういった物をつかっていますでしょうか?今日紹介するのはJQueryで実現するフルスクリーンスライドショー「supersized」です。

srideshows01

実装もものすごく簡単で、ソースファイルを丸ごとダウンロードできますので、収録されているphpを改変していけば簡単にカスタマイズもできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 01:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2009年05月07日

コンテンツを折り畳んでくれるjavascript集「10 Transition Effects: The art of Showing/Hiding Content」

限りあるスペースを有効に使いたい。コンテンツを沢山盛り込みたいけど、文字情報を溢れさせたくないなど、コンテンツを格納したいと言う方におすすめなのが今回紹介する「10 Transition Effects: The art of Showing/Hiding Content」です。

expand-collapse01
jquery-fade-infade-out

様々なタイプの格納型のjavascriptがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:07  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2009年05月06日

jQueryで作ったWEBデザインショーケース「jQuery Style 」

最近Designdevelopでは「フォームデザインを完成させるjQuery plugin「jqtransform」」や「JQueryを使ったスライド表現を集めた「10 Best jQuery Sliders」」といったjQueryの話題を多数取り上げていますが、今日紹介する「jQuery Style 」は様々な機能使えるjQueryを使ってどんなサイトが作れるのか、どう使えば良いのか、jQueryを使っているサイトをまとめた「jQuery Style」です。

jquerystyle01

単体での機能が素晴らしくても上手く使わないと最大の効果は得られません。「jQuery Style」ではデザインショーケース的にWEBが紹介され、さらに使っている技術を分かりやすくアイコンで記しています。

詳しくは以下

(さらに…)

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

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

2013年04月10日

タグデザインフリーPSDまとめ「25 Appealing Tags PSD Designs for Free Download」

webやBLOGの制作時に必須となってくるタグ自体をデザインすることは少ないかもしれませんが、より細部にまで力を入れることで作品のクオリティを高めることができるのではないでしょうか。今回はそんなシーンに利用したい「25 Appealing Tags PSD Designs for Free Download」です。


Tag Cloud with Post Count (PSD) | Themedy

フリーのタグデザインが、PSDデータで多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 04:45  |  
Category: Design   
2009年11月29日

氷をイメージさせる PhotoShopパターンセット 「WebTreats ETC」

パターンを使ってさまざまな素材感や背景を表現することはデザイナーの方にとって一度は経験したことがあると思います。今回は氷を思わせるようなブルーのパターンセット 「WebTreats ETC」を紹介したいと思います。

ao01

テクスチャの大きさは1024×1024pxとなっており、またパターンはphotoshopのパターンファイル.patで制作されているため簡単に敷き詰めることが可能になっています。いくつかのファイルが公開されていましたので下記に紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:26  |  
Category: Design , Photoshop   
tag: 
2013年03月28日

春らしさを楽しめるフローラルブラシまとめ「A Collection Of Free Floral Brushes For Photoshop」

桜も見頃を迎え春を感じられるようになり、制作するデザインにもあたたかみのあるものが増えてきていると思います。そんな中今回は、春らしさを楽しめるフローラルブラシをまとめた「A Collection Of Free Floral Brushes For Photoshop」を紹介したいと思います。


Floral Stroke by ~noniq on deviantART

花や植物をモチーフにしたベクターイラストのブラシから、手書きの優しい雰囲気のフローラルブラシまで、さまざまなブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

【商用可】無料で利用できるシンプルなアイコン350個セット「350 pixel Perfect Icons」

WEBのデザインには欠かせないアイコン。シンプルなものでも、いざ制作となるとそれなりに時間を取られてしまいます。今日紹介するのは、無料で利用できるシンプルなアイコン350個セット「350 pixel Perfect Icons」。

上位のように350個ものアイコンがセットとなっており、あらゆる用途が想定されており、cスタンダードなものから、使いどころあるの?といったマニアックなものまで、様々なアイコンが収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 07:58  |  
Category: Design , Photoshop , WebDesign   
2011年11月02日

デザイン性の高い新しいフリーフォント集「30 New Free Fonts For Designers」

日々変化する流行に合わせてデザインを作り上げるということは、デザイナーとして仕事を続けていくために重要なこと。そこで今回紹介するのが、最近の流行に合わせたデザイン性の高いフリーフォントを集めた「30 New Free Fonts For Designers」です。

Bright Young Things Font | dafont.com

シンプルなフォントはもちろん、コンセプト性の強いフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 04:27  |  
Category: Design , Font   
2009年10月20日

フォームのためのjQuery集「10+ jQuery Form Enhancement Plugins」

ユーザーとのコミュニケーションに一般的に使われているフォーム。メールフォーム、アンケートフォーム、会員登録と幅広い使われ方をしていますが、今回紹介するのはそんなフォームを快適にしてくれるフォームのためのjQuery集「10+ jQuery Form Enhancement Plugins」を紹介したいと思います。

formjquery01

フォームをちょっと便利にしてくれるそんなテクニックが詰まっています。エントリーに収録されているモノのから気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:47  |  
Category: WebDesign   
2018年01月23日

パワーポイントのデザインがワンランクアップする エレガントな雰囲気が魅力のpptテンプレート「Elegant Presentation Template Pack」

パワーポイントでデザインの提案やコンペなどで提案書を作る際は特に、デザインにもこだわりたいもの。そんな時に活躍してくれる、パワーポイントを使った資料作りをサポートしてくれるテンプレート「Elegant Presentation Template Pack」を紹介します。

elegant-presentation-template1
Elegant Presentation Template Pack – Free Design Resources

エレガントな雰囲気が魅力的な全22ページにも及ぶデザイン性の高いpptテンプレートです。

詳しくは以下
(さらに…)

続きを読む
2016年04月12日

デザインに役立つ素材やツールを多数ピックアップした最新まとめ「What’s new for designers, April 2016」

たくさんの素材がインターネット上では配布・紹介されており、デザインの幅を広げる要素として非常に重要な存在です。今回はそんなデザインに役立つ素材やツールを多数ピックアップした最新まとめ「What’s new for designers, April 2016」を紹介したいと思います。

designer0412_0
Little Wizzy – Free Typeface on Behance

wordpressテーマやオンラインツール、サービス、UI、フリーフォントなど、さまざまな種類の素材が紹介されています。

詳しくは以下

(さらに…)

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

Actionscript 3.0のチュートリアルを集めた「30 Hand-picked Flash and Essential Actionscript 3.0 Tutorials」

クリエイティブな表現には欠かせないFLASH。Actionscript 3.0によって大きく変わりしましたが、今日紹介するのはそんなActionscript 3.0を使ったFlash表現のチュートリアルをあつめたエントリー「30 Hand-picked Flash and Essential Actionscript 3.0 Tutorials」です。

flash-tutorials01
3D Menu on a Cube with Perspective

様々なクリエイティブや技が紹介されていますが、今日はその中からいくつか気になったチュートリアルをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:27  |  
Category: WebDesign   
2011年02月02日

高いデザイン性を誇る タイポグラフィロゴ集「Creative & Beautiful Designs with Typography」

ロゴデザインにも、シンプルなものから凝ったデザインのものまで、さまざまなテイストのものが存在していますが、今回紹介するのは、高いデザイン性を誇る タイポグラフィロゴ集「Creative & Beautiful Designs with Typography」です。


HBO ‘Unexpected’ on the Behance Network

見ているだけでも楽しくなるような、アーティスティックなロゴが多数紹介されています。中でも特に気になったものを選んでみましたので、以下よりご覧ください。

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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