TOP  >  javascript.design

Tag : javascript.design

2011年01月26日

ハイクオリティーなスライダー集「Top 20 Premium Quality Sliders 」

FLASHの代用として多くのサイトで取り入れられているスライダー。主にjavascriptなどで制作されており、管理のしやすさや、お手軽に導入できることから人気を集めています。今日紹介するのはハイクオリティーなスライダー集めたエントリー「Top 20 Premium Quality Sliders 」。


o’Slider

様々なタイプのスライダーがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2014年11月03日

クリエイティブなイメージフォトを簡単に フリーpsdモックアップフォト「Creativity Free Bundle」

webサイトやスマートフォン・タブレットサイトを制作し、プレゼンテーションやイベント、企画書などでイメージを公開する際には、実際に使用している風景に当てはめることで、使用イメージがしやすくなるもの。今回はそんな時に利用したい、フリーpsdモックアップフォト「Creativity Free Bundle」を紹介します。

freemock1

非常にハイクオリティなビジュアルが特徴のモックアップフォトが12種セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 03:16  |  
Category: Design   
2009年04月20日

IE6をこの世から無くすプロジェクト「IE6 Update」

そろそろie8の自動アップデートが迫ってきて、そろそろIE6のサポートも打ち切ろうかなと思っているWEBデザイナーも多いはずです。ただ根強いファンもいるみたいで、依然として様々なブラウザが争っている中でもie6のシェアは無いとは言いがたいのが現状です。

ieupload01

そこで今回紹介する「IE6 Update」はIE6からブラウザーのアップデートを促す為のコードをみんなで貼ってIE6ユーザーにアップデートを進めようとするプロジェクトです。

詳しくは以下

(さらに…)

続きを読む
posted 09:13  |  
Category: WebDesign   
tag: webdesign
2013年06月11日

豊富なバリエーションが嬉しい ハイクオリティフォントまとめ「45 New High-Quality Free Fonts For Designers」

デザインに欠かすことのできないフォントは、選定する種類によってデザインそのものの印象が変わってくる重要な役目を持ったもの。イメージにぴったり合ったものを是非見つけたい、そんな時に参考にしたいフリーフォントまとめ「45 New High-Quality Free Fonts For Designers」を今回は紹介したいと思います。

newfont_201306_1

ゴシック、スクリプト、手書き風など、いろんなテイストのフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:54  |  
Category: Font   
2015年10月26日

テキストデザインをより魅力的に デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」

イラストや写真などの他、テキストを使ってデザインを魅力的に表現する方法もありますが、表現の幅がどうしても狭くなってしまいがち。今回はそんなシーンに活用したい、デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」を紹介したいと思います。

texteffect1
How to Conform Text to a Surface Using a Displacement Map in Photoshop | Design Panoply

テキストデザインをより魅力的に演出できるエフェクト例がまとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

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

表示中のWordPressの記事をワンクリックで編集画面に飛べるブックマークレット

編集ボタンを付けている方も多いかと思いますが、ちょっと記事下につけるのはみっともないから…と言う方にはうってつけのブックマークレットがChocolateさんで公開されている「1クリックで表示中のエントリーの編集画面を表示するブックマークレット(WordPress用)」です。

エントリーを投稿した後、間違いに気がついた時、または書き足したい時に瞬時に使え便利そうです。ただしWordPressのパーマリンクの設定がid表示になっているのが利用条件なので当ブログのように投稿スラッグを指定している方は使えないので注意が必要です。

ブログの仕様、階層によって若干コードを変更する必要があるらしいので、このブックマークレットを使ってみようかなと思う方は本家のコードを参考にカスタマイズしてみてください。

管理人もよく誤字脱字分けの分からない文章をたまに書いているので、編集画面に何度も行き来したりしています。パーマリンクの設定がID表示になっている方は導入しても損は無いブックマークレットだと思います。

1クリックで表示中のエントリーの編集画面を表示するブックマークレット(WordPress用)

続きを読む
posted 01:46  |  
Category: WordPress   
tag: WordPress
2015年06月16日

宇宙をテーマにしたフリーアイコンセット「Free Space Icon Set」

デザインをわかりやすくしてくれる役目をすることが多いアイコン。種類やデザインは非常にさまざまなものが配布されています。そんな中今回紹介するのは、宇宙をテーマにしたフリーアイコンセット「Free Space Icon Set」です。

space1

幻想的な世界観が特徴の宇宙を、ポップなテイストのアイコンでシリーズ化。かわいらしいデザインが特徴のアイコンセットとなっています。

詳しくは以下

(さらに…)

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

拡大縮小などのアイコンとして活躍してくれる 虫眼鏡アイコンまとめ「11 Free Magnifying Glass Search Icons (PSD) Set」

webデザイン制作時に利用する機会や、見かける事の多い虫眼鏡アイコン。よく使う素材だけに、意外にデザインがワンパターンになってしまいがちです。そんな状況を解消できる虫眼鏡アイコンまとめ「11 Free Magnifying Glass Search Icons (PSD) Set」が公開されていましたので、紹介いたします。


Magnifying Glass Icon | Inventlayout.com – Download free PSD, AI resources like textures, icons, buttons, backgrounds and many many more…

ベースの虫眼鏡の形は同じですが、ちょっとしたデザインテイストや加工の違いで、デザインの方向性や好みに合わせて使い分けられるアイコンがまとめまれています。気になったものをピックアップしてみましたので、下記よりご覧ください。

(さらに…)

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

WordPressのフリーギャラリーテーマの決定版「Gallery WordPress Theme」

画像や実績を見せるのに適しているギャラリーページ。普通に静的なページで作ると管理が面倒だし、数が増えてくるとメンテナンスも苦労します。そこで今日紹介するのはwordpressで作るフリーギャラリーテーマ「Gallery WordPress Theme」です。

450x450-release

細かな設定が必要な部分はありますが、Wordpressを用いて簡単に良くあるギャラリーページを構築することができます。

詳しくは以下

(さらに…)

続きを読む
posted 12:49  |  
Category: WordPress   
2014年11月08日

webサイトに魅力的な動きを演出可能なjQueryプラグイン「A Cool Collection Of jQuery Plugins To Make Your Website More User Friendly」

シンプルなwebサイトももちろん魅力的ですが、独特な動きを取り入れることでもっと見栄えの良いサイトに仕上げることができるのではないでしょうか?今回はそんな時に利用したいjQueryプラグイン「A Cool Collection Of jQuery Plugins To Make Your Website More User Friendly」を紹介したいと思います。

js1108_1
Textillate.js

ちょっとしたさりげない動きから、メインとなる部分に取り入れられる演出まで、いろいろなタイプのjQueryプラグインが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:59  |  
Category: Tool   
2017年08月09日

こんにちは!貴方の名前は?など、チャットのように会話できるUI「BotUI」

LINEなどでお馴染みのチャットのユーザーインターフェイス。メールに代わるコミュニケーションツールとして台頭し、多くのサービスで取り入れられているチャット。今回ご紹介するのは、そんなチャットのユーザーインターフェイスを実現できる「BotUI」です。

botui_1

動作のイメージや動きなどについては、BotUI – A JavaScript framework to build conversational UIs.
からご覧いただくことが可能です。

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

続きを読む
posted 08:30  |  
Category: javascript , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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