読者です 読者をやめる 読者になる 読者になる

カメラとか、ノートとか。

X-E2が好きなおっさんのブログ

HTML

ブログ記事下にあるSNSボタン

なんかFBやらはてなBやらいっぱいあってジャマだったので、HTMLいじって消そうかと思ったらデザイン設定から簡単に選べるのね。知らなかった。ツイッターだけ残しておこうっと。

検索窓では必ず日本語になるようにする

仕事中Windows8でIE使ってるとブラウザの検索窓に入力すると必ず英語になってうざい。 で、検索したらメモ帳で下記の1行を書いてcssで保存し、 input,textarea{ime-mode:active} インターネットオプション>ユーザー補助>自分のスタイルシートでドキュメント…

ul li style background float

リストを横並びにしてマークは画像でマウスオーバー。 リスト毎に長さが変わるのでwidthはautoがいいのかな。 意外とわからん。 <div id="linklist"> <ul> <li><a href="#">リスト1</a> </li><li><a href="#">リスト2</a> </li><li><a href="#">リスト3は長いテキストで</a></li> </ul> </div> #linklist{ width: 350px; height:20px; margin: 0 auto; background: #ccc; …

faviconについて

サイズは32*32pixで大丈夫。 で、透過にしたい場合はインデックスカラーのgifで吐き出し、下のサイトで変換! http://ao-system.net/favicon/index.php 注意事項 「透過画像のアイコンを作成する場合は、透過情報の有る丁度のサイズの画像を指定します(イン…

ChromeでUser Agent別のWEBサイト表示確認

Chromeで右クリック→要素の検証 で、左下の切り離しをクリックして一旦別ウィンドウに。 まぁこのほうが見た目ラクなので。 で、こんどは右下のセッティング的なとこをクリック するといろんな設定が可能に。 OverridesタブのUserAgentでiPhoneを選びDevice …

LimkMakerでAppStoreロゴを

アップル公式サイトにこんなの発見。 よくブログとかに貼付けるAppStoreバナーを手軽に作成できます。英語→http://itunes.apple.com/linkmaker/ 日本語→http://itunes.apple.com/jp/linkmaker/まず探したい名前を入れて、国とかメディアタイプとか選択して検…

FC2ホームページで携帯変換の画像が邪魔だった

FC2ホームページでページを開くたびに「FC2携帯変換」というQRコードが出てきて、まぁ、無料で使わせて頂いているのだし、このくらいは仕方がないか、と思っていた。んが、これ設定で消せるのね。 こんなに堂々と載っていたのに気付かなかった。 こちらを「…

MobileSafariでフォントサイズがおかしくなる件

PCブラウザ上では問題ないのだがiPhoneで見るとフォントサイズがおかしく(大きく)なってレイアウトが崩れた。jQueryを外すと表示は戻るのでそれが原因なのはわかったのだが、今後jQuery無しでは困るのでどうしたものかと思っていたら...どうやらMobile Saf…

Youtube動画をフルスクリーンで背景に

jQueryの「jquery-tubular」を使ってみた。 jsのダウンロード先はこちら。 jQueryはこちら。サンプルページ(音楽と雲が流れます)以下手順メモ。 スクリプトのソースをhead内に記述。 <link href="css/screen.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script> </link>

CSSによるレイアウト変更

ブログのレイアウト変えてみたのでメモ。 1カラムにしたかったのだが、サイドバーにあるモジュールだけ横並びにしたかったのでちょっと手こずった。 どこがどういうid名、class名なのかはFirefoxのfirebugと、CSSでbackground-color#000とか使って背景を塗り…

iPhoneアプリへのリンクを貼る [ app Viddy ]

動画版Instagramと呼ばれるViddy、この二日間くらいでフォロアーが怒涛の100人増。 最近日本人の利用者も増えてきたし、順調に盛り上がってますなー。 やっぱ15秒っていう絶妙な時間が肝だね。ViddyViddy, Inc.価格: 0円 posted with sticky on 2012.9.20で…

Responsive Web Design

レスポンシブWebデザインを試すものの、IEで変化が見られない。Respond.jsを使っていたのを <script src="js/respond.min.js"></script> css3-mediaqueries.jsに変えてみたら動いた。感動。 <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> しかしいろいろ問題もあるようで [ IMAGINATION DESIGN BLOG ]さんより、『Media QueriesがIE8で効かない場…

しょうもないミスをしてみた

IE条件付コメントを使ってみたのだが、IEのときだけそのコメントが表示されてしまう。 これ、[if lt IE]の[lt]のとこを[It]にしてた... L(エル)とI(アイ)を間違えるというなんとも情けない間違いだ。

GoogleWebフォント使ってみた

GoogleWebFontsでフォントを探す。 左のメニューでSerifとかSans-Serifとかフィルターかけられる。 で、これといったフォントで「Quick-use」ボタンをポチって、したのほうで「Standard」「@import」「Javascript」のタブから「@import」を選んでコピー。 は…

GoogleAnalytics導入してみた

とりあえずアカウント作成。 で、自分のプロパティIDを[管理]→[設定]→[詳細設定]→[Google Analytics 埋め込み]のとこにコピペ。 これで完了。のはず。ページのソースで「googleanalytics」で文字検索してみるとそれらしきソースがあったので多分問題無いでし…

jQuery FlexSlider にトライ

非常にシンプルなスライダー「FlexSlider 」を使ってみた。 デモ&ダウンロードはコチラ。 で、使い方を見るとまずスクリプトを貼れと。 <script type="text/javascript"> $("document").ready(function(){ $('.flexslider').flexslider();}); </script> この通り貼ったらIE8で表示されなかった。 し…