Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

2013-10-01から1日間の記事一覧

backbornjs | RailsのServer側のValidationエラーの制御

概要 Server側のValidationエラーの制御 詳細 Server側のValidationエラーの制御について。 サンプル Scaffoldを利用した時の新規登録処理を元に説明。 モデルはTODOでsubjectが必須項目とする。 新規登録View views/todos/new_view.js.coffee jqXHR.respons…

デザイン | アナログカラースキーム

概要 アナログカラースキーム 詳細 隣り合う色相を選択するスキーム。 色の自然な変化と、まとまりが出るのが特長。 CSS3サンプル サンプルhtml+CSS3 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <style> span { border-style: solid; } th { background-color:hsl(100,50%,50%); } tr.even td {</meta></head></html>…

デザイン | モノクロマティックカラースキーム

概要 モノクロマティックカラースキーム 詳細 モノクロマティックカラースキームとは同一色相で、 彩度と輝度で変化を付けるレイアウト手法。 CSS3サンプル サンプルhtml+CSS3 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <style> span { border-style: solid; } th { background-color:hsl(90,5</meta></head></html>…

css3 | 色指定時にアルファも同時指定する

概要 色指定時にアルファも同時指定する 内容 CSS3では色指定時にアルファも同時指定することが可能です。 background-color:hsla(h,s,l,alpha); background-color:rgba(r,g,b,alpha); サンプル サンプル作成用のRubyスクリプト # encoding: utf-8 require "…

デザイン

概要 デザインについて。 主にWebシステムのデザインに役立てるための内容をまとめる。 詳細 項目 内容 HSL http://d.hatena.ne.jp/tbpg/20131001/1380640715 モノクロマティックカラースキーム http://d.hatena.ne.jp/tbpg/20131001/1380643782 アナログカ…

デザイン | HSL

概要 HSL 詳細 HSLとは色相(Hue)、彩度(Saturation)、輝度(Lightness)からなる色空間。 種別 内容 色相 色の種類。0-360度で表す。0〜100%の範囲に平準化されるケースもある。 彩度 色の鮮やかさ。0〜100%の範囲 輝度 色の明るさ。0〜100%の範囲。 CSS…