Posted: 2012.02.03 / Category: javascript / Tag: jQuery jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 リンク(href)を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場合だと #btn にイベントを設定しても画面遷移してしまいます。 click イベントに「e.preventDefault()」と記述すればhrefを無効にになり画面遷移が行われません。 javascript $('#btn').click(function(e){ e.preventD
コントローラの階層化 Railsで開発を行う場合に、コントローラを継承して階層化することで ずいぶん楽に開発を進められるようになるのですが、意外と知られていないようなので紹介します。 (タイトルにRailsと銘打っているけれど、恐らくRailsからのPHP派生フレームワークcakephpやsymfonyでも同じハズ) コントローラの継承のさせ方を簡単に図にしてみた。 なぜ継承させると開発が楽になるのか? Railsの入門向け書籍などには、一番の大元になるApplicationControllerに対して 共通のロジックを書くことでDRYに書けるよ!と、あったりするんですが、 実際にはRails等フレームワークを使うような開発の場合(規模がそれなりに大きい事が多いため)、 「データをメンテする管理画面」と「ユーザーが参照するための公開画面」の2つに大きく分けられます。 しかし
2017年2月22日 CSS 以前「効率良くCSSコーディングできるSassを使ってみよう!Mac+Codaなら設定も簡単!」という記事で紹介したSass/SCSS。皆さん使ってますか?今回はそのSassの @mixin という機能に注目してみようと思います。中には後述する「Compass」というフレームワークを使えば同様のコードが記述できるものもありますが、お勉強も兼ねてあえて使わず自分で書いてみました。カスタマイズしやすそうなものを中心に紹介するので、自分の使いやすいオリジナル mixin を作ってみてくださいね! ↑私が10年以上利用している会計ソフト! 目次 Sassの基礎知識 @mixin の基本的な使い方 リンクカラーを一括設定 ベンダープレフィックス 透明度 絶対位置の指定 rem を使ったフォントサイズ指定 レティナディスプレイ対応画像 Compassについて軽く。 Sas
このリファレンスについて 元は社内提出用に書いたレポートです。 レポートは1ページに全内容が入っていてだいぶ見辛いので、リファレンスらしい感じに作りなおしました。 (ついでにかなり加筆修正しています) 内容はSass公式サイトのリファレンスを忠実に翻訳したものではなく、構成などを再編集したオレオレ仕様になっております。 もし内容に間違いなどありましたらご一報お願い致します。 おことわり 筆者が重度のChromerなので古いブラウザには全く媚びない悪びれない仕様です。新しいブラウザで御覧ください。
Sass: Syntactically Awesome Style Sheets SassはCSSを簡潔かつ柔軟に記述するための記法で、SCSSはその派生でCSSとの互換性もある新しめな記法です。ともにセレクタをネストして記述できることがわかりやすい特徴のひとつです。 ソースを追ったわけではないので細かい動作まではわかりませんが、処理の流れや嵌りポイントなどはある程度把握できたのでそのメモです。 環境 Mac OS X 10.6.7 Ruby 1.9.2p290 Rails 3.1.0.rc5 Pow 0.3.1 sass 3.1.5 sass-rails 3.1.0.rc5 RailsでのSassコンパイルの仕組み app/views/layouts/application.html.erb <%= stylesheet_link_tag "application" %> app/ass
PagesProfile Archives 2011年5月 2011年4月 2011年3月 2011年2月 2010年9月 2010年8月 2010年7月 2010年2月 2010年1月 2009年12月 2009年11月 2009年9月 2009年8月 2009年7月 2009年6月 2009年5月 2009年4月 2009年3月 2009年2月 2008年12月 2008年11月 2008年10月 2008年9月 2008年8月 Categories 日記 (207) Cocoya.net (3) miyai.jp (25) PC・Server設定 (26) Programing (26) SNS用 (44) Webから (23) 徒然 (80) 映画 (6) 読書 (22) 早朝写真 (19) モデル(product.rb)に標準検証メソッドを追加 ●入力値が空で無いかの判定 va
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く