[B! design] kohiro0のブックマーク

Material Design Lite

Material Design Lite Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get started now. Templates The MDL components are created with CSS, JavaScript, and HTML. You can use the compone

kohiro0 2015/07/07

design

リンク

GitHub - windyakin/Honoka: Honoka is one of the original Bootstrap theme.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

kohiro0 2015/06/10

"日本語表示に適したフォント指定や，文字サイズに関するコードを追記したBootstrapテーマの一つです"

リンク

エンジニアのための配色まとめ - Qiita

無彩色白と黒との混合で得られる色（白と黒自体も含む）の総称。白・黒・さまざまな濃度の灰色が含まれる。彩度が0であることを表す。無彩色でない色は、有彩色である。 via 写真技術　色と陰影（手代木さんblogより） - 写真技術と光への道でフォトディレクション-Jimdo撮影編有彩色白、黒、灰色以外の色味を持った色のこと。有彩色にはさらに、純色、清色、中間色に分類される。以下のような図を、等色相面と言う。 via 純色、清色、中間色｜株式会社ノイエデザイン純色各色相において、最も彩度が高い色。ただし、色空間によっては純色以外にも彩度が最大になる色がある。清色清色はさらに、明清色、暗清色に分類される。清色にはくすんだ印象がなく、濁りがない色という特徴がある。明清色純色に白だけを加えた色。ピンクや水色など暗清色純色に黒だけを加えた色。紺色や茶色など中

kohiro0 2015/06/10

design

リンク

Material Design Icons - Icon Library - Pictogrammers

Open-source iconography for designers and developersWe're a collective of passionate individuals creating beautiful icon and font libraries for drop-in use in your designs and development. Made with from all over the world!

kohiro0 2015/01/30

リンク

Paletta – 選択した色に合わせたカラーリングを自動展開

Webサイトに限らずデザインをする際に大事なのは全体としての調和がとれていることです。それは色合いであったり、オブジェクトの形であったりします。そういった全体のパランスが保たれていることがまず基本でしょう。最近は多くのHTML5デザインフレームワークがありますので、そういったフレームワークとPalettaを組み合わせてカラーテーマを作ると格好いいサイトに仕上がりそうです。 Palettaの使い方全て同色系という訳ではなく、黒やグレーも織り交ぜつつ全体としてバランスが保たれるようになっています。とは言え全ての色を使う訳ではなく、この中から3〜4つ程度をピックアップして適用するといい具合のカラーリングになるのではないでしょうか。 PalettaはHTML5/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 Paletta - HS

kohiro0 2014/09/08

design

リンク

Bootstrap3 LESSのカスタマイズ -カスタマイズ編 | ajike switch

前回の、Bootstrap3 LESSのカスタマイズ -環境設定編で、Grunt環境構築などの準備をしましたが、今回はカスタマイズする方法について解説します。 Grunt起動１．ターミナルを開きbootstrapフォルダまで移動まずは、ターミナルなりコマンドプロンプトを起動して、ダウンロード・解凍したbootstrapの置き場所まで移動してください。以前、やさしいSassとCompassの導入方法（Windows、Mac）でもコマンドの簡単な使い方を説明しましたが、慣れていない人は、cd␣を入力した後に移動したいフォルダをコマンド画面にドラッグ＆ドロップ＆Enterで楽に移動できます。 ※␣は半角スペースです２．Grunt実行のコマンド入力その後、 grunt watch を入力するだけで、Gruntの監視がはじまります。 Waiting…　となれば成功です。編集ファイルを保存

kohiro0 2014/09/08

design

リンク

Bs3 Document

CSSフレームワークの一つであるBootstrapの解説ページです。機能説明や使い方をサンプルもつけながら説明していきます。当ページの説明以外にも機能はありますので、詳しく知りたい方は本家ページを参照して下さい。

kohiro0 2014/09/08

design

リンク

Start Bootstrap

Start Bootstrap develops free to download, open source Bootstrap 5 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap.

kohiro0 2014/09/08

design

リンク

Bootswatch

Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.2 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.

kohiro0 2014/09/08

design

リンク

kuler

kohiro0 2014/09/08

design

リンク

//// COLOURlovers :: loving colours since 1981

Share Your Color Ideas & Inspiration. COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles... All in the spirit of love.

kohiro0 2014/09/08

design

リンク

PaintStrap.com is for sale | HugeDomains

Make 24 monthly payments Pay 0% interest Start using the domain today. See details

kohiro0 2014/09/08

design

リンク

Bootstrap Live Customizer

× Custom LESS code applied after bootstrap's LESS files, can use any of the variables and mixins

kohiro0 2014/09/08

design

リンク

Color Combinations | Color Schemes | Color Palettes

Welcome to the world of colors where you're sure to find the perfect color combination for your project. This site was built to help web developers quickly select and test web design colour combinations. The heart of the site is the Combo Tester, which allows web developers to see how different color combinations work together on the screen. If you are looking for colorcombo ideas, check out the C

kohiro0 2014/09/08

design

リンク

色見本と配色サイト - color-sample.com

色色は、雑誌、広告、テレビ・パソコン、家具・小物、雑貨など、生活する上で自然と目にするものですが、私たちはその目にする色の影響をどれほど受けているのでしょうか。人は750万色以上の色を目で認識できるそうですが、実は目を閉じていても、皮膚から色の違いを感じ取れることが分かっています。ここでは、Web上のフルカラーで表現できる1600万色の色見本を見ることができます。心理的・生理的に影響のある色ですから、それぞれの色と向き合って色の個性を体感してみてください。