Clik here to view.
ChatworkをモノトーンにするCSS書いた
以前、メール書くのやめたら捗ったというエントリを書いて、その後も継続してチャットワークを便利に利用しています。 で、そのチャットワークなんですが、もう少し配色を自分好みにしようと思ってCSSを書きました。 before after 変えたとこ 全体的にモノトーンになります 広告が消えます フッタの存在感を薄くします ロゴが変わります エモーティコン入力するボタンは非表示になります（使わないし）...
View ArticleClik here to view.
Basecampを良い感じにするuserstyle書いた
プロジェクト管理ツールのBasecampを使う機会があったのですが、少しスタイルを良い感じにしようと思ってuserstyleを書きました。 Before <br/> after 変えたとこ 白っぽくなります 横幅100%になります ボタン類のスタイルが変わります（Twitter Bootstrapをパクってベースにしています）...
View ArticleClik here to view.
jaddaウェブサイトをリニューアルしました
本日、jaddaウェブサイト（http://www.jadda.info/）をリニューアルしました。 旧サイトは作ったのが2010年と結構古く、より情報を見やすく、jaddaらしい清潔感のあるデザインにするため丸ごと書き換えることにした次第です。日曜と月曜に作業して火曜の朝に出しました。会社に遅れそうだったので慌ててアップロードしたら、結構色々不具合ある予感がしています…。あとで直します。...
View ArticleClik here to view.
jadda.infoにおけるLESS
LESS便利 先日jadda.infoをリニューアルしたときに、LESSを使ってCSSを書きました。割と、というかめっちゃ便利だったので激しくおすすめします。 LESSのメリット 比較的覚えやすい CSSと基本的な書き方は変わらないので、習得が容易です。覚えるの大変なんじゃないか、と心配していましたが、LESSの公式サイトを読んだり、「LESS...
View Articlejaddaで使ったmixin
jaddaサイトで使ったMixinを公開しました。 100行目くらいまでは、とにかくよく使うプロパティを入れまくっていて、慣れるとかなり楽に書けます。（正しいやり方なのかは分かりません…） CSS3プロパティの部分は既存のMixinsセットとかを参考にしたりコピペしたりしています。 jaddaで使ったmixin is a post from: SANOGRAPHIX.NET
View ArticleClik here to view.
普段使ってるHTMLテンプレートを公開しました
普段使っているHTML/JS/CSSの初期テンプレートを公開しました。 有名なテンプレートにHTML5 Boilerplateがありますが、そんな感じのものです。 ダウンロード こちらからダウンロードできます。 https://github.com/sanographix/html-template CSS LESSで書いています。あと便利なmixinに色々入っています。使えるクラスは以下の通り。...
View ArticleClik here to view.
新刊告知とかに使えるカウントダウンタイマーをサクッと作れるHTMLテンプレート公開した
よく告知ページとかティザーサイトで、公開までのカウントダウンを出しておくことがありますが、そういうカウントダウンのページを簡単に作れるCSS3 Countdownというのを作りました。名前がダサいですが良い名前が思いつきませんでした。 そろそろコミケが近いので、新刊の告知ページを作る時に公開までのカウントダウンに使うといい感じかもしれません。 デモ こういうのが作れます...
View ArticleClik here to view.
LESS で勢いよくサイト制作する人のためのテンプレ「Maki」を作りました
LESS で勢いよくサイト制作する人のための Boilerplate 「Maki」を作りました。 なんで Maki かっていうのは察してください。 「サイトをフルスクラッチするときに CSS (LESS) の下準備が大変だなァ」みたいな時があると思うんですけど、そういう時にあらかじめ下ごしらえを済ませてある LESS 一式です。これを土台にするとスムーズに LESS...
View ArticleClik here to view.
OGPとか色々書かれてて便利なHTMLテンプレート「Rin」を公開しました
HTML と Less をセットにした Boilerplate 的なテンプレート「Rin」を作りました。ダウンロードは下のリンクから。 Rin をダウンロードする Rin は、以前 html-template という名前で公開していたプロジェクトの改良版ですが、あまりに名前に芸がなさすぎたので、今回の変更に合わせてリポジトリ名も変えました。リーンなテンプレートなので凛です。 Rin は色々な...
View ArticleClik here to view.
Web Designing 9月号にjaddaのサイトが紹介されました
今月17日発売の Web Designing 9月号の特集で、jadda vol.02のサイトが掲載されました、めでたすぎる!!!!11 掲載されたのは「サイトを彩るアイデア&テクニック」という特集で、jadda vol.02 のサイトで使っている<span>でカーニングする手法が紹介されました。fladdict さんの FLAutoKerning...
View Article
