2012-01-01から1年間の記事一覧

border-image プロパティについて

border-imageってなに?どういうときにつかうの? 今回はboder-imageについて書きます。まずはboder-imageってそもそもなに?ということからなのですが、実例を見て紹介します。スマホのサイトを作るとき、 こういったボタンをよく使うと思います。 このボタ…

gruntの基本的な機能

gruntってなに 本家のHPいわく、 Grunt is a task-based command line build tool for JavaScript projects(http://gruntjs.com/) ということでJavaScript周りのツールらしい。 具体的に何をやっているの? githubのドキュメンテーションを見ると基本的に使…

what is OOCSS

object-oriented CSSについてのさわり。 いろいろなサイトを読んだ結果、OOCSSとは簡単に言うとオブジェクト指向設計に基づいたCSSで保守性と拡張性を得よう!ということだと解釈した。そのための簡単な手法として例を挙げると なるべく子孫セレクタなどを使…

CSS LINT でのHタグの複数回使用エラーについて

こんにちわ。今日は以前なんでや。。って思ったcss lint のhタグエラーについて書きます。 h2 { font-size:20px; } section h2 { font-size:18px; } というコードがあったとしよう。 このコードをcsslintにかけると上記のようなエラーがでる。なぜだって思っ…

ajax and json and jsonp

はじめまして。 mk front-end-engineerの田中塁です。 twitter API とjquery を使って、tweet情報をjson形式で受け取って自前のjsファイルで加工して表示するという事をしていたが、とあることからjsonで受け取ったファイルをローカルで保存して、そこを参照…