CSSの設計 – FLOCSSをベースにしたファイルの構成と命名規則を考える
「どうやってコーディングをして組み立てていこうか？」 いくつもの案件を経験しても、いつも悩んでしまうのがCSSの書き方です。「それなら自分なりの考えをまとめてルールを作ってしまおう」と考え、CSS設計に関する情報から自分…
TAM のテクニカルチームがお届けする WEB技術ブログ！
「どうやってコーディングをして組み立てていこうか？」 いくつもの案件を経験しても、いつも悩んでしまうのがCSSの書き方です。「それなら自分なりの考えをまとめてルールを作ってしまおう」と考え、CSS設計に関する情報から自分…
今回はJavaScriptの構文チェックツールについてまとめました。 これからチェックを始める方が、基本的なチェックを始めるまでの方法を紹介したいと思います。 主な構文チェックツール(JSLint,JSHint,ESLi…
まずはこちらのボタンをごクリックください。 こちらのボタン 一見、なにも変わったように見えませんが、ブラウザ内の適当な場所をクリックして文字を入力してみてください。ブラウザ内のどんな部分でも、テキストエディタのように文字…
Google Maps APIを使って、地図を表示したりマーカーを立てたりをやってみます。 今回使用するのは、以下のJavaScript API になります。 Google Maps JavaScript API | G…
みなさん、モーダルしてますか？ Webサイトでモーダルウィンドウを実装する機会は多いと思うのですが、プラグインも豊富なので何を使おうか悩んだことがある人も多いはず。 僕は、定番ですがColorboxというjQueryプラ…
ページに埋め込んだYouTubeをJavaScriptで制御する機会が何度かあったので、 YouTube Player API の使い方をまとめてみます。 今回使用するのは、以下のIFrame API になります。 if…
jQuery のイベントのバブリング (伝播) については下記のサイトがほんとに分かりやすくて、読んでいただければもうあらためて書くことはないのですが、 jQueryのバブリングと、「return false;」「e.s…
position:fixedを使ってヘッダを固定した場合 ページ内リンクの位置がヘッダの高さ分ずれてしまいます。 ヘッダを固定する案件が増えてきましたので覚書です。
正規表現（jquery）を利用した入力チェックを紹介します。 正規表現は、文字が一致しているのか、していないかを判定する機能です。 応用としてフォームで入力された文字が条件と一致、不一致をチェックし、 ユーザーに正しい入…
JavaScriptでcookieを扱うのは、値のエンコード・デコードや書き込む際の文字列結合、値を取り出す実装など、意外に面倒です。しかし、「jquery.cookie.js」を利用すれば、cookieを簡単に扱えるよ…