タグ「web備忘録」が付けられている記事

IE11でFont Awesomeが表示されない問題の対処法
Webのことサイト制作tips

IE11でFont Awesomeが表示されない問題の対処法

こんにちは、まりもです。 仕事でクライアントの要望で久しぶりにIE9対応してます。言い訳で「レガシーブラウザ」とか「プログレッシブ・エンハンスメント」とか言って相手を困惑させる作戦をとりつつ。 で、いつも使ってるアイコンwebフォント「Font Awesome」がIE11で表示されませんでした。モダンブラウザのくせになぜだ・・・。いつまでたってもIEはクソだな。 いろいろ試してたら、原因と対処法
ロリポップ(ヘテムル)のWordPressやMovableTypeで記事を保存すると403エラー!の対処法
Webのことサイト制作tips

ロリポップ(ヘテムル)のWordPressやMovableTypeで記事を保存すると403エラー!の対処法

こんにちは。おひさしぶりです社畜web担です。 ハッスルサーバーからロリポップにお引っ越しして1年近く経ちました。 お仕事でもロリポサーバーを使う機会があったんですが、既存記事を移設してきて、保存しようとすると403エラーに!! 今回はその対処法を書いていきたいと思います。
日本地図をwebフォントとCSSで!これはもうベクターデータもイラストもいらなさそう
Webのことサイト制作tips

日本地図をwebフォントとCSSで!これはもうベクターデータもイラストもいらなさそう

これはすごい! 日本地図が都道府県ごとにフォントになってるwebフォント!! 各都道府県が個別にCSSでスタイルを変更できるから色も簡単に変えられるし、サイズ変更もCSSで簡単にできる!
Font Awesome3.2.1(旧バージョン)のクラス名
Webのことサイト制作tips

Font Awesome3.2.1(旧バージョン)のクラス名

種類が豊富でハイクオリティなアイコンを表示できるwebフォント「Font Awesome」。 最近制作しているサイトではほぼ採用しているのですが、バージョンアップの度にクラス名が変わってしまい、旧バージョンのクラス名が分からなくなってしまいます。 そこで、Font Awesome3.2.1のクラス名を残しておきます。自分のために。みんなのために。
ページ読み込み後にjavascript(jQuery)を実行する方法
WebのことjQueryサイト制作tips

ページ読み込み後にjavascript(jQuery)を実行する方法

こんにちは。まりもです。 ひさしぶりにweb系の備忘録です。 わざわざ記事にすることじゃないかもしれませんが、javascriptなんて全然理解してなくてjQueryもなんとな〜く使ってる無能コーダーな僕には有用な事で、しかも物忘れが激しいので残しておきます。
firefox16で Movable Type カテゴリにチェックしても反映されない不具合発生
Movable TypeWebのこと

firefox16で Movable Type カテゴリにチェックしても反映されない不具合発生

こんにちは。まりもです。 10月10日にFirefox16がリリースされて、その後すぐに脆弱性の問題でversion16.0.1がリリースされました。 本日よりそのバージョンで仕事をしていますが、なんと、Movable Type で不具合が発生しました。 記事作成のところで、カテゴリにチェックを入れて保存しても反映されません。 リロードされた後、チェックが外れていて、内部的にも選ばれたことにはなっ
Webのことサイト制作tips

PCの入力フォームで「かな入力」「ローマ字入力」を強制的に切り替えるCSS「ime-mode」

こんばんは。まりもです。 お客様から、PCのフォーム入力で、自動的にキーボードの ローマ字入力/かな入力 を変更できないか、と依頼がありました。 この機能、ぼくは大嫌いです。 この機能はガラケーやスマホだと重宝しますけどね。 かってにこっちのインターフェース入力切替されてすごく気分が悪いです。 しかし、ノーの言えない弊社ですので対応すべく調べたら、CSSで意外と簡単にできるんですね。 下記の3種類
よく使う47都道府県リストのhtmlソース集
Webのことサイト制作tips

よく使う47都道府県リストのhtmlソース集

コーディングでたまに使う、47都道府県のリスト。 メモ帳にでも準備しておけば良いのだけど、毎回書いてる。 効率化のためメモ。
Firefox14でFlashが見れない!の対処法
Webのことサイト制作tips

Firefox14でFlashが見れない!の対処法

IE6 no more をパクって適当に画像作ったけど、本当にキャンペーン立ち上げたい。 いつから糞ブラウザに成り果ててしまったのか。 WebDevelopertoolが日本語じゃなくたってしまっている2012.08.18現在、おれがForefoxを使うメリットは何一つ無い。しいて言うならTabMixPlusが使えるくらいだ。 Firefox14になった瞬間から、なぜかFlashが見れないという現
Webのことパソコンお役立ち情報

firefox13 ヌルヌルスクロール解除方法

Firefox13に更新したら、なんかスクロールがヌルヌルになってた。 一番やっちゃあかんことしやがった。 解除しましょうそうしましょう。 ツール→オプション→詳細 [一般]タブ内 ブラウズのところの、 「スムーススクロール機能を使用する」 のチェック外そう。
DO NOT TRACK「トラッキングお断り」Firefox トラック防止方法
Webのことパソコンお役立ち情報

DO NOT TRACK「トラッキングお断り」Firefox トラック防止方法

Mozillaが提供している、DO NOT TRACK「トラッキングお断り」の動きを、Twitterも支持してるという記事が載った。 →「トラッキングお断り」の動きが広まる―TwitterもMozillaのDo Not Trackをサポート そもそもこの動きは、ユーザーの行動を把握して、それにマッチした広告を出す。 というのが主な目的で、ユーザーの閲覧記録や検索ワードをトラッキングされてしまうんだ
jQueryフルスクリーン画像ギャラリー「Sliding Panel Photo Wall Gallery with jQuery」
WebのことjQueryサイト制作tips

jQueryフルスクリーン画像ギャラリー「Sliding Panel Photo Wall Gallery with jQuery」

→デモを見る   jQueryで動くシンプルな画像ギャラリーのプラグインを探してた。 サムネイルが左右に流れたり、サムネイルガなかったり、背景画像が動いたりするものはあるけど、サムネイルをクリックで拡大するだけのシンプルなのはなかなか無かった。 で、見つけたのがこれです。 →Sliding Panel Photo Wall Gallery with jQuery なにせ使いやすいので、実
Webのことサイト制作tips

「iPhone Android共通」mailto:で本文body=を使うときの改行コード

めったに無いと思うが、スマートフォンサイトでmailto:を使って subject= body= などの機能を使いたいとき、改行コードが微妙なので備忘録。
Webのことサイト制作tips

googleマップのパラメータについて

googleマップをサイトに設置することなんて日常茶飯事なんだが、たまにいやらしい指示が来る。 新しい事務所とかだと住所がなかったりなんてよくあること。そんな時はマイマップでやってたりするけど、今回はこんなのが来た。 最初に表示されたときに吹き出しを消してくれ。 めんどくせーよなほんと。。 とりあえずいろいろいじくったら出来た。出来たけど、ついでに他のパラメータもまとめとく。デフォルトで入るやつだ
Webのこと

Googleマップのリンクや埋め込みで英語表記にする方法

企業の英語サイトを作るときに、アクセスマップでGoogleマップを使うことが多々あるけど、マップの中が日本語だと困りますよね。 そういう時は、リンクや<iframe>のパラメーターの中にある、 hl=ja のところを en に変えれば一発解決です。 たぶん、URLの最初の方にあります。
WebのことjQueryサイト制作tips

いつか使いたいjQueryプラグイン

業務じゃ使えないかもしれないけどいつか使いたいな。 と言ったjQueryプラグインたち。 備忘録です。ちょっとずつまとめます。     ■背景系   スクロールすると背景が3Dよろしくずれていくやつ →jQuery 3D Parallax Background Effect →サンプルまとめてくれてるサイト     背景画像がレイヤーみたいになっ
Webのことパソコンお役立ち情報

Firefox7 アドレスバーに「http://」を表示させる方法

Firefox7がやってくれた。Google Chrome や Opera を真似たのか、アドレスが表示されるところから「http://」を省略しやがった。 もう十年以上、URLとお付き合いしてるのに、いきなり無くなられると違和感がありまくり。しかも、コピペするとちゃんと出てくれるという親切設計だが、IPアドレスだとコピペしても出てくれないし。 まぁ、間違っちゃいないんだろうけどweb業界にいると
Googleマップで目的地までの距離を計測するツール
Webのことネットのネタ系パソコンお役立ち情報

Googleマップで目的地までの距離を計測するツール

会社から家までの距離、出張費とか申請するための移動距離、旅行するときにナビ設定するまえに距離をだいたい把握したい。などなど、目的地までの距離を測りたいときってたまにあると思うんだけど、Googleマップのマイマップ機能からやるのってちょっとめんどくさい。 ということで探してみたら、そんなかんじのページがあったのでご紹介。 http://www.benricho.org/map_distance/
WebのことjQueryサイト制作tips

jQueryで画像をフェード切り替え。1枚目からフェードしてくれる。

さて本日も実にクダラナイご依頼をお客様より賜りました。 よくある、jQueryによる画像のフェード切り替えでプロモ画像を切り替えるサイト。 それを、1枚目からフェードして欲しいと。 このくそツマラナイ依頼のために、そうとう探しましたよそういうプラグイン。。 いつもは、おそらくjQueryの画像トランジションプラグインの中でも王道中の王道、「jQuery Cycle Plugin」を使ってるんですが
Webのことサイト制作tipsパソコンお役立ち情報

GoogleMAPで経度緯度を取得and経度緯度から場所を取得

Googleマップで、微妙に位置がずれてたり、このあたりを指定したけど住所とかそういうんじゃない。みたいなこと無いですか? たとえば、Wi-Fiエリアを見せたいとか。 まぁ、マイマップつくってやりゃいいんですが、それにしてもなんかお客様から面倒な依頼が来たり。 で、しかたないので、経度緯度からバッチリ指定してやろう。地球基準で考えてやるぞバカヤロー。 ってことでこちら。 このサイトで、マップを触っ