MAMPを使ってMacのローカルで複数サイトのバーチャルホストを設定する方法
Webサイトを制作するときに、いちいちサーバーにアップしてプレビューするのも々どうなので、案件ごとにMAMPでバーチャルホスト設定して、自分のパソコンで確認しやすいようにして作業をしているのですが、みなさんってどうしてます？ ローカル環境でも複数サイトのホストを予め設定しておけば、いろいろと便利なこともあるので、ちょっとご紹介。 追記：2012/12/25 より具体的に「MAMPを使ってローカルで複数サイトのバーチャルホストを設定＆イントラ環境や仮想環境からもそのサイトを確認する設定方法」というエントリーを書きました。 MAMPを使って、ローカルに複数サイトをバーチャルホスト設定して利用するのは、とっても簡単です！自分はMAMP Proは使ったことないので、どうなのかわからないですが、無料版のMAMPでも十分副サイトの管理できるのでそれだけであれば購入の必要はないかと思います。 ちょっとし
【jQuery】inputのvalue値をもとにしたセレクタがうまく動かない？
jQueryを使って入力フォームにサンプル文字を入れておき、フォーカスで消すスクリプト:応用 機能追加編 以前紹介した、入力フォームでプレースホルダーを実現する方法を紹介したのですが、inputのvalue値を元にセレクタの指定をしようとしたところ、うまく動作していないことに今更気づいた。 エントリーを書いた当時は問題なかったから書いていたと思うのですが、今確認しても動かないという・・・とりあえず確認してみることに。 動作していない部分 動作していなかったのは、入力後のボタンを押した後に、何も入力がされていなかった場合に、プレースホルダーとして入れていた文字を消すという部分。 valueが空っぽの時に「キーワードを入力」を表示させておくという例なのですが、その「キーワードを入力」という文字を元にセレクタを指定していたのですが、どうやらこれがうまく動いていない様子。 何が原因か最初分からなか
もっと少量のjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする方法
ちょっとしたコードの解説 せっかくなので、どういうコードなのかというのを、さらっとみましょう。 jQuery(function($) { //data-hrefの属性を持つtrを選択しclassにclickableを付加 $('tbody tr[data-href]').addClass('clickable') //ata-hrefの属性を持つtrをクリックしたら動作 .click( function() { //data-href属性の値をattr()メソッドで取得し、ページを遷移させる window.location = $(this).attr('data-href'); //もしtr内にa要素があれば、a要素にホバーした時に以下動作させる }).find('a').hover( function() { //a要素の先祖要素trのクリックイベントを解除 $(this).paren
SaCSS Special！ jQueryセミナー
7月23日に札幌市産業振興センターで「SaCSS Special！ jQueryセミナー」を開催することとなりました！SaCSS勉強会初めて以来の大人数版の勉強会です！ 以前からずっと、東京や本州など北海道外からWeb制作業界において活躍している方をお呼びして、大きな勉強会を開催したいと考えていたので、このスペシャル版が開催できるのが大変うれしく思っております。 『jQuery逆引きマニュアル』の著者である、to-Rの西畑一馬さんとピクセルグリッドの中村享介さん、5509徳田和規さんがスピーカーとして札幌にやってきます！ みなさん是非参加ください！！ 札幌でフロントエンドの大きな勉強会ってあまり開催されないのですが、今回西畑さんのお力添えもあり、開催できることとなりました。SaCSSでも何度かjQueryの内容をテーマとしてあつかってきたのですが、今求められている技術の一つのためか、いつも
フォントサイズを変える「大・中・小」ボタンを実装する方法
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
Thickboxで表示したコンテンツだけを印刷するテクニック！
[mixi] jQuery.js | しつもん 162 Thickboxで表示したコンテンツだけを印刷できるようにするテクニックというのはあるのでしょうか？ [mixi] jQuery.js | しつもん 162 Thickboxで表示させた部分だけ印刷できるようになんてできるんだろうか・・・？なんて思ったけど、印刷ボタンつけてそこであれこれしたらできそうだなーなんて思ったので実践！！ Thickbox部分のみ印刷できるようにする 早速実践！ ※とりあえずブラウザでのプレビュー確認報告。Firefox3.6、IE7、IE8は大丈夫な様子。ChromeはデモのThickbox表示がおかしい状況･･･Opera微妙？ ■デモ 上記の画像表示中は、その部分のみが印刷される（ハズ）です。 尚、今回の内容はFirefox3.6で動作確認済み。他ブラウザ、時間の関係で未確認です＞＜ カスタマイズ箇所
IE7・8で透過PNGにJSで透過させたら画像が汚くなった場合の対処方法
[mixi] jQuery.js | しつもん No.153 コミュを見ていたところ、自分の書いたプラグインがうまく動作していないとの書き込み。ん？どういうことだ？なんて疑問に思ったのですが、どうやらIE7・8で透過PNGにプラグインを適用させたら画像が汚くなったとのこと・・・ おっと、なぜ！？ どのようなことなのか、確認しつつ対応方法を見つけようと思います。 とりあえず確認 デモとしてあがっていたのをちょっと私の方で処理をしたものと、私の方で用意した画像の計６つをプレビューしてみようと思います。 ※今回はIE6用の処理をいれていないので、PNG32の画像などは背景が透過されずに灰色の色がついて表示されてしまいます。IE7,8での問題なので、今回のエントリーはIE7かIE8で見て下さい。 上記のプレビューをIEで見ると、透過PNG全てが透過処理部分がギザギザになったり透過されていなくなった
SOY CMSを試してみようと思ったけど…
最近話題のSOY CMS。デモをみてみると、使い勝手がよさそうだったので、自分のサーバーとかXAMPPでも…と思い、環境的にMySQL版を試してみようとしたのだが・・・ いろいろつまづきまくったので、メモとして残しておきます。 マルチドメインでつまづく まず最初につまずいたのがこれ。マルチドメイン(サブドメイン)。例えば[/home/hoge/httpdocs/]がルートディレクトリだとして、[/home/hoge/httpdocs/cms/]これマルチドメインのルートドメインに設定したとする。そしてそこがを「http://h2ham.jp/」の設定にしたとする。 そしてその中に、soycmsのMySQL版(インストーラー無し)を展開し、いざアクセス！！アクセス先は「http://h2ham.jp/admin/」、ブラウザで開いてみると・・・表示されない。あれ？ その際のURLをみてみると
float関連の問題で覚えておくべき５つの対策
CSSのfloat関係って、基本的に覚えておくべき事ですが、 動作がいまいちわかり辛かったり、バグが多かったりと、 float一つとっても覚えておくべきことって多いと思います。 なのでfloat関連の問題で覚えておくべき解決方法や 回避方法のことなどについてをまとめてみた。 １）floatしたボックスの下にコンテンツがこないようにする 写真の横に文字をもってきて、その文字が多ければ 写真の下にも文字をもってくる・・・というような場合は、 単純にimgにfloatをつけるだけでできるのですが、 コンテンツが下に来ないようにしたい場合はどうしたらいいか。 ■例１ー１（imgにのみfloat:left、下に回り込む） ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキス
SaCSS 第3回XHTML&CSSコーディング勉強会参加受付開始！
第１回、第２回XHTML&CSSコーディング勉強会をおえて、次で３回目となる勉強会。開催決定しました！今回はWordpressのカスタマイズなどについての内容です！ SaCSS 第３回コーディング勉強会応募フォームへ ※追記 09/05/30 協賛についてを追記しました 09/06/01 講師紹介、タイムスケジュール更新 第３回開催内容 今回は第１回目のように、セミナー形式の勉強会で、何かと導入機会が多いWordpressのカスタマイズについてなどの内容で開催いたします！ 第１回目のセミナー形式の勉強会では、数日で満席になってしまったのですが、今回はそれよりも部屋を大きくして、34名募集いたします！参加ご希望の方は、お早めに申し込みをお願いいたします。 第３回コーディング勉強会の詳細 日時 ： ６月２７日（土） 18:00～20:50 (開場17:40)予定 場所 ： 「かでる２・７」54
札幌で「一番おいしい」と思う苺大福
札幌はおいしいスイーツがたくさんあって、有名どころはどこも甲乙つけがたいのですが、最近たべた「かど丸餅店」の『苺大福』は、本当においしかった。人生の中でトップクラスのおいしさだったので紹介しておきす。 有名？マイナー？ 札幌でスイーツって言ったら、かなりいろいろなお店や商品がでてきて、おいしいお店もものすごく多い。まさにスイーツ都市だと個人的なイメージがある。そんな中、今回紹介するお店は、そんなお菓子店とはちょっぴり違う。たぶん口コミでものすごく広がって有名になったお店なのではないかと思う。札幌のいろんな人にきいても、このお店を知っている人は少ない。 しかし・・・ このかど丸餅店のすごいところ このかど丸餅店、お店自体たくさんの人が知っているわけではないと思うのですが、かなりすごいお店だということに、昨年思い知らされました。 まず、このお店のすごいところは、朝の６時開店という、すごく早い時
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
