jQuery利用例:値操作のサンプル 表示サンプルはこちらhttp://jsdo.it/goto_jp/oovM 値の表示・取得はJavaScriptを使ったUI操作の基礎中の基礎です。CSSができる人ならばstyle属性やクラス名操作が出来てしまえば、表示… ゴトーハック2014.04.10 372
jQuery利用例:偶数行の自動判別 サンプルはこちら。http://jsdo.it/goto_jp/9yGi jQuery(及びJavaScript)を使うのは特殊な動作をするためのものと思われがちですが、UI表現の効率化に利用することもできます。 HTM… ゴトーハック2014.04.09 422
jQuery:toggleとtoggleClassを正しく使いこなす toggle()指定した要素に直接スタイルの「display:none」を付与・解除を行う。 toggleClass()指定した要素に指定したクラスの付与・解除を行う。 toggleは表示のオン・オフのみでシンプルに扱え… ゴトーハック2014.04.09 18,480
jQueryのeach文で特定条件ループを作る each文の詳細についてはこちら。http://semooh.jp/jquery/api/core/each/callback/ HTML <ul> <li><a href="#&… ゴトーハック2014.04.08 8,168
jQueryでアコーディオンメニューを作る See the Pen jquery accordion menu by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 以前CSSだけで動くものを紹介しましたが、古いブラウザ対応… ゴトーハック2014.04.08 2,644
ノンプログラマーのGithub:日常利用とコミットとプッシュの取り消し 弊社ではプログラマー以外のデザイナーもGithubを利用しています。とりあえずこれだけは抑えておいた方が捗るというコマンドと概念を軽くまとめてみます。 まず pull しよう git pull ソースをいじり始める時、ま… ゴトーハック2014.04.07 343
Compassで画像のパスを自動出力する Compassの「image-url」関数を使うことで、長い画像の参照パスを意識することなくCSSコーディングすることができます。 まずCompassの設定ファイル(config.rb)に下記設定があることを前提とします… ゴトーハック2014.04.07 550
GithubのStar、Forkボタンを設置する BootstrapやFontAwesomeなどGithubでリポジトリを公開しているOSSでよく見かける、GithubのStarやForkの数を表示するボタンを設置する方法です。 ※例で表示させているのは先日公開した自分… ゴトーハック2014.04.04 587
GoogleのWebフォントサービス「Google Fonts」を使おう 「Google Fonts」を使うことでごく簡単にデザイン性の高いWebフォントを使えるようになります。 Google Fonts 使い方 左側のFiltersより形状で検索でき、使いたいフォントを見つけたら「 (Qui… ゴトーハック2014.04.04 668