このサイトは1カラムなのでフッターにページナビゲーションを設けている。フッターまで移動しないと他のページにアクセスしにくいためにグローバルナビゲーションをドロップダウンにした。しかしiPhoneではクリックしてもドロップダウンが閉じてしまいリンクにアクセスできない。

検索してみるとBootstrap 2.3のバグによる不具合だった。(通常のNavbarでは不具合はないのでFixed navbarの場合だけかもしれません。)

Twitter Bootstrapのドロップダウンメニューがタップできない場合の対処法

上記のbootstrap.js編集でも上手くいかなかったが、他の方法で対応できた。

CSSに以下を追加

.dropdown-backdrop {
    position: static;
}

ドロップダウン

Posted

覚書とサンプルのコードをGistに移行したので、デスクトップから気軽に使えるGistoをインストールしてみた。

Gisto

GitHub用のアカウントでログインすると左側に一覧が表示された。クリックして内容を表示することが出来る。

既に作られたGist

新規にGistを作る場合は右上のファイルアイコンをクリック。

Gistを新規作成

簡単!

Posted

ヤスヒサさん(初めてお会いした時に「私もヤスヒサです」と言った)のTweetで気になったので、早速ダウンロードしてみた。

Pingendo is a visual desktop application that helps you to prototype responsive web pages based on the popular Twitter Bootstrap framework.

http://www.pingendo.com

Pingendo
Pingendo

Bootstrapのグリッドやデザインを使ってHTMLファイルを作成できるので便利です。

保存したHTMLファイルをテキストエディタで開いてみたら改行は一切なし、1行で記述されていた。DOCTYPE なども後から追加する必要があるけれども、簡単です!

Posted

地元の皆さんに当サイト(アットスタイル)を紹介すると、「何書いてあるのかわからない」と言われます。

Webサイト制作だけに絞ったサイトを作成しました。現在、内容は当サイトからの転載ですが、わかりやすく書き直したいと思います。

Pear County

よろしくお願いします。

ちなみに地元の特産品は「梨」です...

Posted

これまでアクセス解析には個人アカウントのGoogle AnalyticsとResearch Artisan Liteを使ってきた。

Movable Type 6からはダッシュボードやloupeでアクセス解析表示できるので、Google Analytics の連携 : Movable Type 6 ドキュメントを参考にGoogle Appsのドメインアカウントで設定した。

Google Analytics の連携

はじめの「ページ上部のナビゲージョンから [システム]、ウェブサイトあるいはブログ を選択する」をGoogle API Consoleで探しMovable Typeのダッシュボードと気づくまでに時間がかかったり、GoogleのUIが変わっているので少々迷う

サイトで利用しているMovable Typeの設定は簡単に終了したが、デモ用のテーマなど385個ものブログのトラッキングコード張替えは大変。2日がかりで完了。データは正しく取れている模様

Posted

Mavericksへのアップデートに伴いローカルの開発環境も入れ替えしたかったが途中でエラーが発生し、放置していた。休暇中にMovable Typeを動かす設定ができたので覚書

インストールの手順

Mac App StoreからXcodeをインストールする

Command Line Developer Toolsをインストール

xcode-select --install

MAMPのダウンロードとインストール

MacPortsのダウンロードとインストール

MacPortsの初期化

echo 'export PATH=$PATH:/opt/local/bin:/opt/local/sbin/' >> ~/.bashrc
echo 'export MANPATH=$MANPATH:/opt/local/man' >> ~/.bashrc
echo 'source ~/.bashrc' >> ~/.bash_profile
sudo port -d selfupdate
sudo port -d sync

ImageMagickなどのインストール(*ここ、1時間くらいかかります!)

sudo port install ImageMagick +perl

ImageMagickのインストールでエラー発生したがGDで代用するつもりで、そのまま次に

PerlのパスをMacPortsのインストールディレクトリへ変更

cd /usr/bin/
sudo mv perl perl.bak
sudo ln -s /opt/local/bin/perl /usr/bin/perl

DB関連モジュールのインストール

sudo port install p5-dbi
sudo port install p5-dbd-mysql
sudo port install p5-dbd-sqlite
sudo port install p5-dbd-sqlite2

オプションモジュールのインストール

sudo port install p5-gd
sudo port install p5-crypt-dsa
sudo port install p5-archive-zip
sudo port install p5-xml-atom
sudo port install p5-mail-sendmail

FTPクライアントを使って.htaccessを追加

Options +ExecCGI
AddType application/x-httpd-cgi .cgi .pl
MAMP
Posted

Happy New Year!

おかげさまで良き新年を迎えることができました。
今年もアットスタイルをどうぞご利用下さいますようお願い申し上げます。

平成二十六年元旦

アットスタイル 柳 泰久

Posted