jarallax.jsの使い方解説
こんにちは、デザイナーのサリーです。 JSを書けない私が、いろいろとパララックスのJSを漁ってみて、一番書き方がシンプルでわかりやすそうだったのが「jarallax.js」でした。 使ってみたら簡単でいい感じでしたが、ところどころクセがあって悩んだ箇所があったので、覚え書きの意味も兼ねて、今回はjarallax.jsの使い方を解説します。 （注：スマホやタブレットでは上手く動きませんので、PCでご覧ください。詳しくはこちら「パララックスサイトをつくるときにディレクターが気をつけるべき4つのこと」をどうぞ。） jarallax.jsとは？ パララックスの動きが実装できるJSです。その名の通りjQueryを使用します。 公式ページはこちら： http://www.jarallax.com/ HTML <!DOCTYPE html> <html lang="ja" dir="ltr"> <hea
RDFa 1.1 Primer - Third Edition
RDFa 1.1 Primer - Third Edition Rich Structured Data Markup for Web Documents W3C Working Group Note 17 March 2015 This version: http://www.w3.org/TR/2015/NOTE-rdfa-primer-20150317/ Latest published version: http://www.w3.org/TR/rdfa-primer/ Latest editor's draft: http://www.w3.org/2010/02/rdfa/sources/rdfa-primer/Overview-src.html Previous version: http://www.w3.org/TR/2013/NOTE-rdfa-primer-20130
MTソースの余計な空白、改行を削除するプラグイン
ソースを見ると空白、改行だらけ MovableTypeでサイト構築するとソースに空白や改行が目立ちます。MTタグ( ソースを見ると空白、改行だらけ MovableTypeでサイト構築するとソースに空白や改行が目立ちます。MTタグ(や等)を使用すると、タグが入っているところが空白、改行になってしまうのです。 HTMLソースはなるべく軽くしたいので、空白や改行を取り除きたいと思い地道に作業していたのですがページ数が多いため日が暮れてしまいます。更にMTタグの改行をテンプレートから取り除くと、なんとも見えずらくなって管理がしにくくなってしまいます。 書き出すHTMLソースの改行、空白だけを取り除くプラグイン ソースの余計な空白、改行をまとめて削除するプラグイン【RemoveBlank】を紹介します。 RemoveBlank設置手順 まず、プラグインのダウンロード先SourceForge.JPへ行
BEMという命名規則とSass 3.3の新しい記法 - アインシュタインの電話番号
BEMを使った命名がとても明快で、このところHTMLやCSSを書くのによく使っている。CSSのクラス名として書く場合は、BEMをCSS用に使いやすくしたMindBEMdingという書き方を採用している。最初にこれを知ったときは「こんな汚い記述の仕方は使いたくない」と思ってたんだけど、すっかり慣れて、今ではその明快さにちょっと心酔しかけているほど。 BEMの方法論とMindBEMdingのルールについてはそれぞれの文書を読んでもらうとして、それらをひっくるめて大雑把に説明すると、BEMとはBlock、Element、Modifierの頭文字を取ったもので、構成する要素をそのどれかに当てはめて命名していく方法。どの場合でも必ずBlockもしくはそのModifierがルートにあり、その中に、所属するElementもしくはそのModifierが含まれる構成になる。 Block - 構成のルートとな
CodeGrid - フロントエンドに関わる人々のガイド
HTML/CSS 385 CSS仕様 119 CSS設計 53 HTML仕様 40 SVG 25 スタイルガイド 14 HTML/CSSの実践 135 HTML/CSSドリル 4 フォント 3 データ形式 6 性能と品質 49 セキュリティ 16 パフォーマンス 12 アクセシビリティ 21 デザイン 64 ディレクション 50 ドキュメンテーション 7 JavaScript 592 ECMAScript 45 ライブラリ 70 ブラウザAPI 38 WebGL 42 テスト 36 JavaScriptの実践 64 JavaScriptの設計 9 JavaScriptドリル 15 非同期通信 5 Vue.js 73 DOM 9 Angular 30 Electron 4 Web Components 14 jQuery 24 Backbone 17 TypeScript 24 Coffee
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
