html・css GoogleWebフォントは読み込むだけで簡単に使える
最近Webフォント流行ってますよね。 海外だと英数字なのでWebフォントたくさんありますが、日本語Webフォントは限られますし、有料なことも多いです。 今回、数字部分だけWebフォントを使用するサイトのコーディングがあり、初めてGoogle...
プログラミング
html・css 
WordPress WordPressでページごとに読み込むcssを変更する方法
WordPressで構築されたサイトの更新を依頼されました。 固定ページの更新だったので、固定ページを複製したものを修正してサンプルとして見てもらうことにしました。 複製して、元のページ名にアンダーバーを足したページ名（例：元「info」→...
js・jQuery jQueryでスクロールしてふわっと表示させる方法
以前スクロールしたらふわっと表示させる方法として、animate.cssとWOW.jsを利用すると簡単にできるという記事を書きました。 この方法だと簡単に導入できるのですが、商用サイトだとWOW.jsを利用するのに料金が発生してしまいます。...
html・css 簡単！スクロールでふわっと表示させる方法
スクロールしたらふわっと表示するサイトが増えていますよね。 なかなかそういうサイトをコーディングする機会がないのと、難しそうだったので躊躇していました。 でも、Animate.cssとWOW.jsを使えば簡単にできるんですね！ 「Anima...
js・jQuery jQueryでタブの中身を表示・非表示切り替えする
タブ切り替えとアコーディオンを組み合わせたようなものを、jQuery事始めvol.3・プラグインに頼らず自分でクリックで切り替わるタブメニューを作ってみるを参考 にして作成しました。 作成したいものは下記になります。 作り方はトグルに似たよ...
html・css 電話リスティングコンバージョンタグをスマホ表示のみ埋め込む
レスポンシブデザインのものに、リスティングコンバージョンタグを埋め込んで欲しいという依頼がありました。 html側にYahoo、Googleから発行されたタグ埋め込みしてある状態で、電話部分にonclickタグを埋め込んで欲しいということで...
html・css IE11で背景画像が表示されない時の対処法
クライアントからIE11で背景画像が表示されていないので確認して欲しいとの連絡がきました。 IE11はマイクロソフトが現在もサポート対象としているバージョンです。 でも、比較的最新なので不具合が少ないように思っていました。 IE11における...
html・css カラーミーのレスポンシブテンプレートは禁則処理解除される
カラーミーのテンプレートを使用してフリーページを作ったりしていて気になったのですが、テキストエリアの文章が変なところで改行されるんです。 具体的には、句読点の前で改行されて句読点から文章が始まったりするんですよ。 例えば下記の文章の場合 書...
カラーミー MACでカラーミーにFTP接続できない！接続方法間違ってる？
最近、カラーミーの新規構築案件で四苦八苦しております。 FilezillaでFTP接続しようとすると接続できません。 きちんとカラーミーの説明を読めばいいものを読まずに作業していました。 黄色い背景に注意書きとして「■FTPソフトはFTPE...
html・css bxsliderで両サイドに画像を表示させて横スクロールさせない
bxsliderで両サイドに画像を表示させたことは以前もあったのですが、忘れて思い出すの大変なのでメモしておきます。 bxsliderからソースをダウンロードしてきます。 html内でjqueryとダウンロードしたjsを読み込みます。 sc...