CSS jQuery

CSS jQuery

YoutubeのURLを自動的に埋め込みに変更する方法

Wordpressで作ったサイトでこんな要望がありました。 Youtubeの動画の埋め込み方が解らないという内容です。 「ここのコードをコピーして貼り付けてくださいね!」と言えば済む話なのですが、いかんせんクライアントがお年を召した方な...
jquery

1ページで表示される複数のテーブルの形を揃えるjQuery

サイトでtableを使用する事が多いと思います。 1つのページで複数のTabeを使用する場合、見た目がガタガタになってしまいます。 このtableのガタツキをjQueryで自動で直してくれるjQueryを発見しました。
jquery

【レスポンシブ対応】横並びにした要素の高さを揃えてくれるjQuery

要素を横並びにした際、中に入っているテキスト量の関係で高さにバラツキが生まれてしまう事があります。 以下サンプル テスト投稿1 あああああああああああああああああああああああああああ テスト投稿2 あああああああああ...
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 高機能でオシャレな地図検索を作成!

旅行系のホームページでよくある、「地図検索」を作成しました。「じゃらん」等で使われている物は、地図上に都道府県のテキストを配置してリンクするものなのですが、今回僕はマウスを乗せると【文字(画像)】と【地図】の色が変化する連動した物を作成しま...