IT the Best

はてなブログのカスタマイズ情報を中心に、WEBデザインからJavaScriptまでWEB系の開発情報を発信します。便利ツールや暇つぶしのゲームなど開発物も公開します。

【はてなブログ】カテゴリー別記事一覧のサイトマップページを作る |【カスタマイズ】

www.it-the-best.com 当処理の改良版を以下の記事で作成しました。 www.it-the-best.com カテゴリーを取得 カテゴリー別に記事を取得 表示 カテゴリー別の記事一覧ページを固定ページで作りました。 html,css,javascriptそしてphpを利用して表示させています…

【WEBデザイン】CSSで画像をホバー時にハイライトさせてオシャレにする

記事トップ画像のように、マウスホバー時に画像を拡大/縮小・ぼかしをしてハイライトさせます。cssの「transition」「opacity」「transform」プロパティの3つを使用しています。サンプル(マウスホバー時)拡大/縮小ぼかし透明度の値:0.5変化時間の設定説明tr…

navigatorプロパティ一覧 判定処理の使用例あり | 【JavaScript】【navigator】

navigator プロパティ一覧(2019/6/20時点の標準のみ) 実際の値 ブラウザ情報 デバイス情報 使用例 navigator.userAgent navigator.onLine navigator navigatorオブジェクトは、ブラウザの情報やデバイスの情報を取得することができます。 ・ブラウザ情報 ブ…

はてなブログのカテゴリーとパンくずリストを階層化表示にする -SEOに効果あり- #階層カテゴリーパンくずリストの表示

初期Scriptファイルのため、不備などがありあまり参考になりません。 新しく、カテゴリー・パンくずリストを階層化表示にする機能を作成しました。こちらの方が扱いやすく、不具合が起こる可能性も低いと思われます。 www.it-the-best.com ほとんどの機能変…

はてなブログのカテゴリーとパンくずリストを階層化表示にする -SEOに効果あり- #カテゴリーの表示を変える

初期Scriptファイルのため、不備などがありあまり参考になりません。 新しく、カテゴリー・パンくずリストを階層化表示にする機能を作成しました。こちらの方が扱いやすく、不具合が起こる可能性も低いと思われます。 www.it-the-best.com ほとんどの機能変…

【簡単】カテゴリーとパンくずリストを階層化表示にする -SEOに効果あり- | はてなブログ #説明

当記事は、はてなブログのカテゴリーを階層カテゴリー表示にするために開発した機能の、おおまかな説明になります。 はてなブログのカテゴリーを階層化するには、ファイルを読み込み、カテゴリーを階層ごとにハイフンで区切る必要があります。..ハイフンで書…

【CSS】超簡単「WEBデザイン」を美しくする | ボックスシャドウ(box-shadow)

Google Chromeで簡単にUIで設定値を変更できる前回、Google Chromeの開発ツールが超便利という記事を書きました。今回は、その開発ツールを使った簡単WEBデザインの紹介をします。CSSのbox-shadowというプロパティをつかって要素にかげをつけるデザインです…