TOP  >  cheat sheet

Tag : cheat sheet

2017年07月22日

HTMLの例をタグ毎に記したクリエイティブなチートシート「Interactive HTML Cheat Sheet」

普段私たちが見ているサイト。それを構成するHTMLはこの数十年のうちに大きく発展をしてきました。開発されたプログラミング言語は膨大であり、追いかけることも一苦労。わからないことを検索するのも非常に手間がかかります。そんなときに活躍してくれる「Interactive HTML Cheat Sheet」を紹介していきたいと思います。

chi-to_sheat_top

目的のHTMLを簡単に検索することができる便利なチートシートになります。

詳しくは以下

(さらに…)

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

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

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   
2017年12月08日

プレゼン時には必ず役に立つ高品質なワークスペースのモックアップまとめ「40+ Free Workspace Mockups for Photorealistic Presentations」

クライアントにWebやアプリのUIデザインを見せる際に役に立つモックアップ。その中でも今回は、室内のバリエーション豊かなモックアップがまとめられた「40+ Free Workspace Mockups for Photorealistic Presentations」をご紹介します。

WorkspaceMockups40_top
Work Space Mockup | Premium and Free Graphic Resources

今回は室内に焦点をあて、さらにワークスペースをテーマにしたモックアップビジュアルが多くまとめられています。下記にいくつかピックアップ致しましたので、ご覧ください。

詳しくは以下

(さらに…)

続きを読む
2008年05月07日

Macで動くフリーストップモーション制作ソフト「FrameByFrame」

クリエイティブの一つの表現方法としてストップモーションという手法があります。WEB上でも様々な作品やサイトで活用されていて、静止画を繋げたようなパラパラ漫画のような動きが特徴的です。今日紹介するフリーソフトはそんなストップモーションが作成できる「FrameByFrame」です。

このソフトは動画からではなく静止画を繋げてアニメーションを簡単に作れるという物です。

詳しくは以下

(さらに…)

続きを読む
posted 11:51  |  
Category: Tool   
tag: Tool
2016年01月01日

2016年 新年あけましておめでとうございます。

dw2016

みなさま、新年あけましておめでとうございます。

2015年もたくさんの方にDesigndevelopを応援して頂き、本当にありがとうございます。非常に多忙な日々を過ごし、例年のごとく年末は非常に慌ただしい日々となりました。

毎年新しい流行やトレンドが生まれ、どんどんと素材やツールも進化していっていることを、情報をお伝えする側として強く感じています。その中で変わらない根強く支持され続けているものも存在していることも事実。新しいものを中心にしつつも、変わらない部分をしっかりと抑えつつ、皆様により良い記事を読んで関心を抱いていただけるよう、2016年も努めて参りたいと思います。また、もっと皆様の興味関心を強める、Desgindevelopの今後の発展も視野に入れた、何か別の新しい目線での記事などもお伝えすることができれば良いなと思っております。

2016年、今年もDesigndevelopをどうぞよろしくお願い申し上げます。

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

クリエイティブなリンクエフェクトを可能にするjavascript「CREATIVE LINK EFFECTS」

WEBの重要な要素の一つリンク。ユーザーが最も利用する機能であり、見せたいものを見せる、次のページに誘導したりそのクリエイティブには気を使わなければいけない部分でもあります。今日紹介するのはマウスオーバー時にクリエイティブなリンクエフェクトを可能にするjavascript「CREATIVE LINK EFFECTS」です。

CreativeLinkEffects1

いくつかのリンクエフェクトが準備されており、フォーカスがあたったり、下線がアニメーションとともについたり、反転したりなどなど面白い動きを簡単に実現してくれます。

詳しくは以下

(さらに…)

続きを読む
posted 07:47  |  
Category: javascript , WebDesign   
2009年02月21日

光を表現する為のphotoshopブラシ「18 Photoshop Brush Sets for Creating Incredible Lighting Effects」

色合いや強弱で様々な印象を与えてくれる光。デザインに置いても重要な要素の一つですが、形が決まって無い上に、色合いやテイストなど無限とも言える広がりがあるだけに難しいデザインの一つですが、今回紹介するのは光を表現する時に便利なphotoshopブラシセット「18 Photoshop Brush Sets for Creating Incredible Lighting Effects」です。

light_brushes_01
Sui Generis 3

稲妻のようなものから力強い物も、キレイ目なものと全部で18個のな光を描く為のphotoshopが公開されていますが、今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:04  |  
Category: Design , Photoshop   
2008年12月31日

タブナビゲーションからフォトギャラリーまでCSSのTips集「20 Ultimate CSS Tutorials」

WEBデザインでは欠かす事ができないCSS。CSSも奥が深く、工夫しだいで様々な表現ができるようになっていますが、今回紹介するのはそんなCSSのテクニックを集めたテクニック集「20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com」です。


Expandable CSS Tabs Tutorial

タブナビゲーションから、角丸、フォトギャラリーに影付けなどなど様々なCSSのテクニックが全部で20個、それぞれのジャンルに分けて公開されています。今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:19  |  
Category: WebDesign   
tag: CSS webdesign
2010年04月06日

商用利用可!グランジテクスチャ40枚セット「Massive Grunge Texture Pack: 40+ Textures」

デザインに質感を与えてくれるテクスチャ。様々なテクスチャがリリースされていて、そのなかでも確立されたジャンルがグランジテクスチャ、様々な風合いの味が魅力的です。今日紹介するのはグランジテクスチャを40枚セットにしたテクスチャセット「Massive Grunge Texture Pack: 40+ Textures」を紹介したいと思います。

Massive Grunge Texture Pack: 40+ Texturesgratex01

グランジといっても様々な表現がありますが、ペンキを塗り重ねたものから、コンクリートが経年劣化したもの、塗装がはがれたものなどなど、様々なグランジテクスチャがセットになっています。今日はそのなかから何枚かピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:43  |  
Category: Design , Photoshop   
2015年08月20日

adobe Photoshop Lightroomでの写真加工をもっと手軽にしてくれるプリセットまとめ「Best Free Lightroom Presets」

フォトグラファーのために設計・開発、「写真」に特化した画像編集ソフト「adobe Photoshop Lightroom」。プロとして活躍されている方はもちろん、写真をプロ並みに加工したい時などに活用されている方もいらっしゃるかと思います。今回はそんなadobe Photoshop Lightroomでの写真加工をもっと手軽にしてくれるプリセットまとめ「Best Free Lightroom Presets」を紹介します。

rightroom0
Pastel Haze: Free Lightroom Preset – Exposure School

いろいろな写真表現を可能にしてくれるプリセットが紹介されており、どれも早速使ってみたくなるハイクオリティなものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

【FreeFont】400以上のフリーフォントがダウンロードできる「FONT SUGAR」

デザインする上で欠かせないのがフォント、世の中には本当に様々な種類のフォントが出回っています。今日紹介する「FONT SUGAR」は様々なフォントがダウンロードできるフォント配布サイトです。

Fontsugar

有料、無料とどちらのフォントも取り扱っていますが、フリーフォントが充実していて現在400以上のFONTがダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:43  |  
Category: Design , Font   
tag: Design Font

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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