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   
このエントリーをはてなブックマークに追加

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

2013年06月18日

シンプルなピクトグラムアイコンセット「100 pictograms and icons monochromes」

デザイン制作の必須アイテムともなっているアイコンは、数多くの無料素材が配布されており、特にクオリティが高く、利用用途の幅広いアイコンは、どれだけストックがあっても嬉しいものです。そんな中今回紹介するのは、シンプルなピクトグラムアイコンセット「100 pictograms and icons monochromes」です。

dd_icon_01

イタリアでデザイナーとしても開発者としても活躍するクリエイター・danilo de marco氏によって制作された、シンプルな中にも可愛らしさを感じられるアイコンとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 06:51  |  
Category: Design   
2010年10月26日

青を基調としたwebデザイン集「Color Theory in Web Design : Blue Color Scheme」

webデザインをする時に必要なテーマカラー。色によって印象がそれぞれ違ってきますが、今回紹介するのは青を基調としたwebデザイン集「Color Theory in Web Design : Blue Color Scheme」です。


established1986

青といっても、さまざまなトーンの青色があり、色見によって雰囲気やデザインテイストにもバリエーションがあるということを改めて実感することができます。中でもいくつか気になったものをピックアップしました。

詳しくは以下

(さらに…)

続きを読む
posted 10:19  |  
Category: Design , WebDesign   
2011年04月11日

パターンやテクスチャ背景が活かされたwebサイトまとめ「Patterns and textures in web design: awesome examples and resources」

デザインの大枠を決める背景は、背景に質感を持たせることにより表現の幅が広がる、視覚的アプローチの重要な要素ではないでしょうか?そこで今回紹介するのは、質感を活かした背景デザインが特徴的なwebサイトまとめ「Patterns and textures in web design: awesome examples and resources」です。


galp.in

シンプルなパターンから、サイトの特徴をダイレクトに伝えてくれるテクスチャまで、さまざまなwebサイトが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:47  |  
Category: Design   
2018年03月19日

デベロッパーなら知っておきたい30秒でできるCSSスニペット集「30 Seconds of CSS」

毎日コーディングでさまざまなコードを書くデベロッパーにとって非常に便利なスニペット。知っているだけで作業効率が格段にアップするもの。そんな方におすすめできる「30 Seconds of CSS」をご紹介していきたいと思います。

30SecondsofCSS_top

先進的な知識を多く取り込むためにも、基礎的な業務内容をいかに短縮して行っていけるかは非常に重要なポイント。デベロッパーの方はぜひ下記よりチェックしてみてください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: javascript   
2014年07月24日

デザイン性の高い種類が揃ったアイコンセットまとめ「38 Fresh and Modern Icon Sets」

アイコンには、主流のフラットデザインから、立体感のあるリアルなテイストまで、さまざまなデザインのものが存在していますが、今回紹介するのは、デザイン性の高い種類が揃ったアイコンセットまとめ「38 Fresh and Modern Icon Sets」です。

icon140724_1
Download – figurelab

いろいろなテイストで制作された、多彩なテーマのアイコンが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:45  |  
Category: Design   
2015年08月05日

多彩な種類を揃えた フリーPhotoshopモックアップテンプレート集「Free Photoshop PSD Mockup Templates (25 New MockUps)」

フリーで配布されているモックアップ素材。非常にクオリティの高いものが多く、利用するだけでデザイン性を高めることができます。今回はそんなフリーPhotoshopモックアップテンプレート集「Free Photoshop PSD Mockup Templates (25 New MockUps)」を紹介したいと思います。

mock0805_1
Free 10 Summer Work Mockups Bundle | MockupWorld

いろいろな種類の、ハイセンスなモックアップ素材がまとめられており、どれも使ってみたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Photoshop   
2012年12月05日

ふわふわの可愛らしい雰囲気が表現できるフリーフォントまとめ「27 Cool and Fluffy Puffy Font for Free」

デザイン制作時に選ぶフォントによって、ユーザーに与える印象は大きく変わり、デザインに合わせてオリジナルタイポを制作するということも多いと思いますが、クオリティの高いタイポを作り上げるには時間と手間がかかります。そんな中今回は、デザイン性の高いフォントの中から、ふわふわの可愛らしい雰囲気が表現できるフォントをまとめた「27 Cool and Fluffy Puffy Font for Free」にクローズアップして紹介したいと思います。


Bumbazoid font by Boba Fonts – FontSpace

雲のような雰囲気のフォントから、マンガの効果音で使われそうなポップなフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:52  |  
Category: Design , Font   
2009年10月25日

みんなで作るWEBデザイン参考集「bookma!」

WEBデザインを制作する時皆さんはなにを参考にしていますでしょうか?今回紹介するのはWEBデザインに役立つみんなで作るWEBデザイン参考集「bookma!」です。国内の様々なタイプのWEBデザインが投稿されていて参考にすることができます。

bookma

ただ単に並べるだけではなく、サイトのテイストやカラー、カテゴリ、サイトタイプなど様々なジャンルで絞り込みが行えるみたいです。

詳しくは以下

(さらに…)

続きを読む
posted 03:01  |  
Category: WebService   
tag: WebService
2008年01月08日

役割別にUIデザインを集めたFlickrコレクション「Design Solutions」

様々なFlickrセットやコレクションが公開されていますが、今回紹介するのはWEBのユーザーインターフェイスに特化したコレクション「Design Solutions」こちらではWEBページの役割毎にユーザーインターフェイスのセットを作っています。

ユーザーインターフェイスコレクション

かなりのセットが用意されていて、404ページ、フォームページ、フッターなどの基本的なページから、コメント、ヘッドライン、カレンダーと言った少し変わったUIまで全部で34セットのユーザーインターフェイスが公開されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:34  |  
Category: WebDesign   
tag: webdesign
2015年08月31日

スタイリッシュなデザインフォントを集めた「30 Stylish Fonts for Ultra Sleek Websites」

フォント選びは非常に重要なポイント。選定に苦労される方も多いのではないでしょうか?その原因の一つが、膨大な数のフォントから選定しなくてはいけないこと。今回はそんなときに参考にしたい、スタイリッシュなデザインフォントを集めた「30 Stylish Fonts for Ultra Sleek Websites」を紹介したいと思います。

font0831_0
Rex free font on Behance

デザイン性に優れた、スタイリッシュさを意識したいろいろな種類のフォントが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:48  |  
Category: Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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