「 Web制作 」 一覧

no image

OS+ブラウザごとのcssが簡単に書けるJavaScript「CSS Browser Selector」

「このブラウザだけデザインが崩れてる?!」というのはよくあることで、時々cssにブラウザハックを書かねばならないことがありました。 そんな時、ほんの少しcssでクラスを指定するだけで、簡単にOSやブラ …

no image

「AMPPS」にa-blog cmsのローカル環境を作ってみる

「MacでもWindowsでもOKな「AMPPS」でローカル環境を作ってみる」で作ったローカル環境に国産CMSの「a-blog cms」をインストールしてみたいと思います。 WordPressには随分 …

no image

画像最適化に便利な4つのツール

スマホを意識したWebページを作っていると、避けて通れない「画像最適化」。 昨年あたりから少しずつ使っていますが、見た目は変わらないのに軽量になるから不思議です! 私がお世話になっている便利ツールを個 …

no image

XAMPP(Bitnami)で簡単にWordPressローカル環境を構築してみた。(for Windows)

以前、「WordPressテスト環境をXAMPPで作ってみた♪ for Windows」でWindowsにXAMMPでローカル環境を作ってWordPressを入れてみました。 気が付くと2年が経過。久 …

no image

パンくずリストをGoogleの検索結果ページで表示させる方法

Googleで検索をした時に、検索結果でサイトタイトルの下にパンくずリストが表示されているのを見かけたことはありませんか? 最近妙に気になって・・・(今頃?!)、私も表示させてみようと思うようになりま …

no image

Photoshopでレイアウト設計をする時に便利なエクステンション「GuideGuide」を試してみた

日頃、WebページのデザインはPhotoshopを使っています。何か便利なツールないかなぁ~と思っていたところで知ったエクステンション。 Photoshopでレイアウトを設計する時にガイド引きが少し楽 …

no image

ナビゲーションボタンのコーディングについて考えてみた

ナビゲーションボタンのコーディングをする時に、どんな風にコーディングしていますか? 対応するブラウザとかによっても変わると思うのですが・・・。 今回、ちょっとナビゲーションボタンのコーディングについて …

no image

Google Mapの吹き出しを消してみた

2014/02/14   -Webの記録
 ,

Google Mapをサイトに表示させる方法は、たくさんあると思います。 単純にGoogleMapを開いて、「ウェブサイトへの地図埋め込み用 HTMLコード」をそのまま貼りつけた場合に、吹き出しが切れ …

no image

レスポンシブに便利!様々な端末サイズでの見え方を確認できる「Viewport Resizer」

レスポンシブサイトを制作途中、いろんな端末サイズでちょっと見え方を確認をします。 最終的にはやっぱり実機での確認なんですが・・・コーディング途中ではやっぱり手軽に確認したいもの。 そんな時に使える、便 …

no image

スマートフォン用サイトで、タップで電話をかけさせたい時

スマートフォン用のサイトで、必要になったのでメモ。 ボタンをタップした時に電話をかけさせたい時の記述と、郵便番号などの数字を電話番号と間違えて勝手に電話番号のリンクが生成されないようにする記述です。