CSS jQuery YoutubeのURLを自動的に埋め込みに変更する方法
Wordpressで作ったサイトでこんな要望がありました。Youtubeの動画の埋め込み方が解らないという内容です。「ここのコードをコピーして貼り付けてくださいね！」と言えば済む話なのですが、いかんせんクライアントがお年を召した方なのでここ...
CSS jQuery
CSS jQuery 
jquery 1ページで表示される複数のテーブルの形を揃えるjQuery
サイトでtableを使用する事が多いと思います。1つのページで複数のTabeを使用する場合、見た目がガタガタになってしまいます。このtableのガタツキをjQueryで自動で直してくれるjQueryを発見しました。
jquery 【レスポンシブ対応】横並びにした要素の高さを揃えてくれるjQuery
要素を横並びにした際、中に入っているテキスト量の関係で高さにバラツキが生まれてしまう事があります。以下サンプル テスト投稿１あああああああああああああああああああああああああああ テスト投稿２ああああああああああああああああああああああああ...
CSS Chrome拡張機能「Pesticide for Chrome」はWeb製作者必須ツールだ！
WEBを制作している方が使用しているブラウザは、ほとんどがGoogle ChromeかFirefoxだと思います。製作中に「あれ？なんか横幅がおかしい・・・？スマホで右端に空白が出てるぞ・・・？」なんて事たくさんありますよね。そこでブラウザ...
jquery 【解決済み】スムーススクロールのせいで、他のjQueryが動かないぞ！！
スムーススクロールってサイトの機能をグッと上げてくれる素敵なjQueryだと思うんですよね。ただ、何かと競合しあってサイトに不具合を起こすことが多々ありました。僕の記憶ですが、主に#で起動をフックしているjQueryが動かないことが多かった...
CSS CSS Google Web Font のNoto Sansをホームページに！！
サイトを制作していると、「フォントがいまいちなんだよなぁ・・・」って事ありませんか？僕はいつも思います。Macで見れば綺麗だが、Windowsでみるとあんまり・・・またその逆もしかり・・・すべてimgで作ってしまえば問題は解決するのですが、...
CSS WordPress Popular Posts アクセスランキングにPHPを使わずCSSで順位の数字をつける方法
前回WordPress Popular Posts を週間・月間・全期間 PHPで吐き出す方法】の記事を作成しました。これで人気の記事を【週間】【月間】【全期間】の三種類表示できるようになりました。今回はこのランキングをもっと解りやすくする...
CSS CSS inline-blockを均等に配置する！
普段、ブロック要素を横並びする時にinline-blockを使用しています。ただmarginの設定がとても面倒臭い。。。「横幅いっぱいで均等に配置してくれんか！？」と常々思っていたものですハイ。ついに重い腰をあげ、やり方を探したら簡単に見つ...
jquery html5 動画共有サイトを使用せずHTML5で動画をサイトに埋め込む方法
動画共有サイト(Youtubeやニコニコ動画、Dailymotion)を使わず動画を公開したい時がある。例えば会員限定で動画を公開したい場合だ。Youtubeの限定公開使えば良いじゃないって話だが、今回は一旦置いておく。サーバーに動画ファイ...
jquery jQuery 高機能でオシャレな地図検索を作成！
旅行系のホームページでよくある、「地図検索」を作成しました。「じゃらん」等で使われている物は、地図上に都道府県のテキストを配置してリンクするものなのですが、今回僕はマウスを乗せると【文字（画像）】と【地図】の色が変化する連動した物を作成しま...