IT the Best

HTML/CSS/JSに関する情報やはてなブログのカスタマイズに関する情報を掲載しています。

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

はてなブログでのパンくずリストを含むカテゴリーを階層化表示させるための処理を、JavaScriptとCSSで可能にしました。今回開発した機能では、階層化カテゴリーの表示(カテゴリー一覧など)、パンくずリストの階層化を実現することができます。階層カテゴリー…

コードフォーマッター | コード公開のため組み込みも可 | 【JavaScript】| コード整形ツール Code formatter

Photo by Chris Ried on Unsplash コード整形ツール HTMLコードを自動で改行、インデント設定をして見やすくするJavaScriptによるHTMLコードフォーマッター(Code formatter)です。(コメントアウトは対象外) ※注意:一般的なHTMLコードに適しています(整形が…

パンくずリスト生成ツール | SEO対策 | Google検索

パンくずリスト生成ツールBreadcrumb list creation tool入力欄にパンくずのリンク先のURL、パンくずリスト名を入力することで、コードが生成されます。...パンくずリストとはGoogle検索では、検索結果にパンくずリストが表示されます。パンくずリストはその…

正規表現 | HTMLタグのみを取得する | JavaScript

正規表現によるHTMLタグのみの抽出 属性の取得を行わないHTMLタグのみを抽出する正規表現です。 str.match(/<([\w]*?>|\/[\w]*?>|[\w]* |\/[\w]* )/g) <ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> </li></ol>

濁点・半濁点文字を一文字ずつに変換する「自動変換ツール」 - 【JavaScript】

コード ひらがなの濁点・半濁点文字をそれぞれ一文字ずつに分ける(変換する)処理コード。また、文字と濁点・半濁点を一文字にする処理、その両方の処理もあり。ツール 上記のコードを実装したツール。文字を入力しボタンを押すだけで簡単に文字列の変換をし…

【ゲーム】タイピング(フリック入力)練習ゲーム【ことわざ】 ー ちょっとした暇つぶしに...

暇つぶし用のゲームに、タイピング練習ゲームを開発しました。 PCで遊ぶ場合は、ローマ字入力設定でタイピング練習ができます。スマホの場合は、かな入力設定で日本語入力のフリック入力練習ができます。

【CSS】背景パターン --サンプル集-- | 【WEBデザイン】

投稿日:2019/07/19 CSSだけでできる柄物の背景を、備忘録として書き記している記事です。 ドット柄 光沢 ドット柄 ドット柄を表現できる背景色のCSS一覧 緑-水玉(濃緑) HTML CSS JS <div class="style1"></div> .style1{ background-color: #04bd41; background-image: linear-gradien…

iPhoneで【Safari】のバージョンを確認する - userAgent情報の確認

現在あなたが使用しているブラウザのユーザーエージェント情報 上記のuserAgent情報から判明したあなたがお使いのSafariのバージョンは です。 // {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","posi…