JavaScriptでのスタイル参照 基本的な内容ですが案外たまに軽くハマることもあるのでメモします。 Bad var elm = document.getElementById($id); var style = elm.style 上記でHTMLタグにs… ゴトーハック2014.07.11 532
CSSアニメーションの超基礎 CSSアニメーションの特殊例は避けて超基本的な内容を記してみます。 サンプルはこちら。 See the Pen njaCe by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. リ… ゴトーハック2014.07.10 458
CSS3:iframeとtransformでスマホ実機風プレビュー サンプルはこちら。 See the Pen kHIpz by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. transformはなんでも変形させられるので、iframeもこのよう… ゴトーハック2014.07.10 903
Grunt:Compass、CoffeeScript、CSS圧縮を実行するGruntfile設定 module.exports = function (grunt) { var pkg = grunt.file.readJSON('package.json'); grunt.initConfig(… ゴトーハック2014.07.09 230
CSS3:CSSだけでツールチップ サンプルはこちら。 See the Pen CSS only Tooltip by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. リンクにマウスオンでツールチップが出ます。 CS… ゴトーハック2014.07.09 1,238
CoffeeScript:ヒアドキュメントの書き方 ヒアドキュメント(改行を含む長文)を書く場合は下記のようになります。 doc = ''' <ul> <li>ダミーテキスト</li> <li>… ゴトーハック2014.07.08 474
CoffeeScript:配列の扱い方 num0 = [2, 4, 6, 8] num1 = [1…10] // 1,2,3..と1から10までの配列ができる 連想配列の例は下記 price = ["maguro": 300,"… ゴトーハック2014.07.07 272
CoffeeScript:関数の返り値 返り値を戻す関数は下記のように記述します。 sum = (a,b) -> a + b 下記のように利用できます。 sum(2,3); 個人的に return の記述が無いとコードをざっと見る際などの視認性が落ちそう… ゴトーハック2014.07.07 1,051
CoffeeScript:関数の書き方 CoffeeScriptで関数を定義する場合は下記のように書きます。 hello = (x) -> alert "こんにちは"+x+"さん" 上記をコンパイルすると下記JSに… ゴトーハック2014.07.04 603