CSSのtext-shadowだけで、文字の枠線をゴリ押し気味に付けてしまう方法
背景に画像を使っていたりすると文字がはっきり見えなかったりしますよね そんな時には文字に枠線を付けてやれば視野性が良くなります そこで、文字の縁取り専用のCSSプロパティもあるのですが、text-shadowで文字に枠線 […]
GitHubからコードを探す方法（アドバンスドサーチ）
Web制作に使えそうなコードがサイトで色々紹介されていたりしますが、元はどこかな？と思ったらGithubで有ることが多いです、それならばGithubから直接探せばまだ見ぬ素晴らしいコードが沢山見つかるんではないのかな？と […]
All In One SEO Packが2.1.1にバージョンアップ
All In One SEO Pack の新しいバージョンが出ていました アップデート内容 Google Analyticsのディスプレイ広告向け機能をトラッキングコードに追加することが可能になりました デ […]
jsdo.itって何？ HTML、CSS、JSに特化したコードコミュニティサイト 最近はコンテスト盛んみたい
jsdo.itなるものがあるんですね 簡単に言えば日本製のgithubみたいなもの、特にHTML、CSS、JSに特化しているのが特徴 githubって何？って方には もう少し説明が必要ですね インターネット […]
WordPressのパーマリンクは何がベスト？ SEOに効くURL形式はどれがいいのか！
WordPressではサイトのURLの構造を設定するパーマリンク設定がありますが、いったい何がベストなのか？ WordPressでサイトを作るときに一番最初に決定することで その後の変更はリスキーです なので一番最初に慎 […]
日本語のURLと英数字のURL SEO的にも 結局どっちがいいの？
サイトのページのアドレスは、日本語にも対応していて 例えば https://9-bb.com/カテゴリ/ワードプレス/テーマ とういうように日本語名のURLが使えます、なので日本語名で使っても問題ありません ただ、SEO […]
WordPress 3.8 日本語版が公開 管理画面のデザインを大幅変更
WordPress 3.8が公開され、つい先程日本語版も公開されました 大きな変化としては、見た目の変化が大きいです WordPress3.8で気になった所等を私の目線で紹介したいと思います デザインが大幅 […]
2013年 お世話になったWordPressプラグインを一挙紹介
WordPressが本領を発揮し、多様性を持つのは何千ものプラグインの存在のおかげ そんなプラグインに今年もお世話になりました、卒業したプラグインもあれば新たに出会ったプラグインもあります。 現在稼働しているWordPr […]
CSSだけでメニューが開いたり閉じたりするアコーディオンを作る！javascript不要
jQueryを使うと簡単にアコーディオンを実装する事が出来るのですが、CSSでもアコーディオンの作成が可能です CSSだけでアコーディオンを作成 実際の動作はDEMOで確認出来ます […]
WordPressでカテゴリごとに、テンプレート（テーマ）のデザインを変えたい場合は条件分岐か投稿フォーマットを使うと良い
WordPressでカテゴリによって記事のレイアウトやデザインを変えたい時があります、WordPressでは基本single.phpが投稿のテンプレートでこれ一つだけになるのですが 条件分岐をつかってカテゴリによってsi […]
CSSを完全にキャッシュコントロールしたい場合には、ファイル名のあとの？を付けてクエリ名にすれば良い
CSSの完全なキャッシュコントロールをするにはクエリ文字をファイル名の後に付けてやれば解決できる クエリ名は？のあとに自由つけることが出来て、クエリ名があるものはキャッシュされているCSSとは別物として読み込まれます、絶 […]
CSS3のFilterを使って画像を加工する
CSSのフィルターを使うと、画像にブラーやグレースケール、セピアなどの色々な効果を加える事が出来ます。まだ対応ブラウザは限られますが、今後スタンダードになれば色々な見せ方が出来て。決まったパターンで編集するような場合に、 […]
CSSだけでhoverでキャプションがスライドして入ってくるアニメーションを作る方法
CSS3のtransitionでhoverした時にアニメーションを設定して、画像等にマウスが乗った時にキャプションをスライド＆フェードで表示するテクニック このようなアニメーションになります 実際にDEMOで確認したもら […]
スマホのメニューなどに使えるjQueryを使って要素をクリックした時に開閉させる方法（ドグルボタン化）
jQueryを使えば色々と便利なことがあります、今回はjQueryを使って要素をボタン化して、それにアクションを加えてやるというものです TENPARA.NETで現在作成中のテンプレートで作成しているスマートフォンでボタ […]
WordPressのループで記事と記事の間に広告を入れて、表示位置を毎回ランダムにする
WordPressのトップページなどで記事一覧の間に広告を挿入したいという場面が結構あると思います。 また毎回同じ場所っていうのも面白みにかけるので、位置を毎回ランダムで変えてみようと思いコードを少し改良しました。 &n […]
WordPressのアイキャッチを自動でbase64化して表示を高速化する方法
自分の中では画像のbase64化してHTMLやCSSに直接書き込むことがトレンドなんですが 今回はWordPressでアイキャッチを呼び出すときにbase64化して表示する方法です WordPressでアイ […]
はてなブックマークのボタンをオリジナルの画像やテキストに置き換える方法
はてなブックマークへ記事をブックマークしてもらうためのボタンがあります でも、オリジナルの画像に差し替えたり、テキスト化したいって時がありますね はてなブックマークの場合は、TwitterやFacebookの時よりも簡単 […]
実は簡単 PHPで画像をbase64化する（画像をインライン化）
まず画像をbase64化するということは、どういうことなのか？ 画像をHTMLやCSSに埋め込める（直接記入出来る）ようにする為に、画像をbase64にエンコードします そうすることで何がいいのか？ HTMLやCSSに直 […]
テキストリンクだけでツイートボダンを作る
Twitterのつぶやきボタンをテキストリンクだけで作ってしまう方法です 通常は公式が提供しているツイートボタンを設置するのですが、デザインが気に入らない場合とかは 独自にテキストリンクにして、CSSでデザインする事が出 […]
Chromeとoperaの開発モードで手早くCookieの確認と削除する方法
WebサイトでCookieを使ってテストを行っていると、Cookieをいちいち消さなくてはいけません そんな時に、Chromeやoperaの設定からCookieを削除するのはとても手間なので、デベロッパーモードでCook […]
