lisz-works

技術系だけど関係ないこと多い系ブログ

ブログ

シングルカラムにする為にするCSSカスタム:はてなブログ デザインカスタム

はてなブログのデザインカスタムをして、シングルカラムにする方法を模索してみました。

CSSセレクタの子、孫、隣について試してみた

CSSのセレクタについて。 子要素、孫(配下)要素、隣接要素の指定方法と、それによる適用され方のサンプルです。

左下固定シェアボタンを作ってみた!シェアや読者登録ボタンかわいく固定

ブログ左下に固定のシェアボタンを作ってみました!ので、紹介と作り方についてです! SNSへのシェアや、読者登録がこのボタンから行えます。 小さなアイコンボタンなので、邪魔にならならず、かわいいです。

Tempermonkeyではてなブログ(PC)の記事作成画面をカスタマイズしてみた

Tempermonkeyで、はてなブログのエディタ画面をカスタマイズしてみました。 ダークテーマ好きや、ホワイトテーマが見ていてしんどい方、簡単なので試してみてはいかがでしょうか!? スクリプトはコピペでOKです。

【Win】画像自動リサイズバッチ

Windowsで画像を自動でリサイズしてくれるバッチファイルの作り方と、それに使用するツール「ImageMagick」で躓いた箇所についてです。 これで記事作成の手間が1つ省けます……!

ブログ全体を背景画像にしたらオシャレな感じになるんじゃないか試してみた

ブログ全体に背景画像を設定したら、オシャレな感じになるんじゃないかと試してみました。 設定自体は簡単だったので、気になったらお試しくださいませ!

トップページ一覧形式を全文形式と比較してみた!+設定方法!

トップページ一覧形式を全文形式と比較してみました! ついでに設定方法も掲載します!

現状を晒してみた!:はてなブログテーマ作ろうと頑張る(その4)

はてなブログテーマ作ろうと頑張る(その4)「現状を晒してみた!」です。 大枠は割とできてきた気がするので、適用したブログを晒します。 それと今後の展望という名のTODOメモです。

数字入タイトルが目を引く理由を2つ考えてみた

改めて数字入りのタイトルを見て、目を引くという事を体感したお話。 それを基に「なんで目を引くのか?」を考えてみました。

記事を全削除→再インポート!見出しh3→h2にするための道

はてなブログ記事の見出しをh3からh2にする方法! 今までh3で記事を作成していたアナタ!今までの記事をh2に修正しましょう!

はてブロ マークダウン記法で先頭に「#」を簡単に表示させる方法

マークダウンで先頭に「#」を簡単に表示させる方法です。 見出し文字である「#」を先頭に「表示」させる方法となります。

外観と全体の幅を調整してみた!:はてなブログテーマ作ろうと頑張る(その3)

はてなブログテーマ作ろうと頑張る(その3)「外観と全体の幅を調整してみた!」です。 今回は大枠の見た目自体の修正と、表示幅ごとコンテンツの幅調整を行いました。 これでPCでもタブレットでもスマホでも、それっぽい表示になるはず!

ブログ記事作りが面倒で嫌いだったが、Markdownのおかげでこんなに続いている

Markdownのおかげで、ブログがこんなに続いているというお話。 昔ブログを作っていたのですが、記事作りが面倒で嫌いでした。しかしMarkdownのおかげで、今こんなに続いています。 なのでMarkdonwをご紹介です!

CSSのデザイン編集するならChrome使った方が早い

CSSのデザイン編集するならChrome使った方が早いのでオススメするお話! リアルタイム編集できるし、分かりやすいので、他のエディタでリアルタイム編集とかするよりもサクサク作れます!

マテリアルデザインな見た目に近づけてみた!:はてなブログテーマ作ろうと頑張る(その2)

はてなブログテーマ作ろうと頑張る(その2)「マテリアルデザインな見た目に近づけてみた!」です。 現状報告と、今回の編集にあたってのポイント箇所をご紹介です。

サブブログを作る:はてなブログテーマ作ろうと頑張る(その1)

はてなブログテーマ作ろうと頑張る(その1)「サブブログを作る」です まずは下準備として、サブブログの作成と、確認用記事を作成する手順です。

超簡単!会話形式表示のCSSを入れてみた!+設定する画像の注意点

超簡単に会話形式表示のCSSを入れてみたお話!と設定する画像についての注意点です。 CSSにコピペして、HTMLコピペしながら記事を書くだけで、簡単に会話形式の表示をしてくれるものを導入してみました! この表示に使うアイコン画像を設定する上での注意点…

CSSのみで「PCはダブルレクタングル、スマホはレクタングル1つ」を作ってみた

CSSのみで「PCはダブルレクタングル、スマホはレクタングル1つ」を作ってみました。 Adsenseコード貼り付け時に、少しタグを追加するのと、CSSをコピペするだけで実現可能です! 簡単なので、やってみたい方は是非ご覧ください!

Google Adsenseからお手紙きた!アドセンス収益を手に入れる為の準備、口座登録と住所確認

Google Adsenseからお手紙きた!というお話。 アドセンス収益を手に入れる為の準備の最終段階?口座登録と住所確認についてと、住所確認の手順です。

イケハヤ本「武器としての書く技術」7つのポイント

「武器としての書く技術」を読み終え、個人的に気になった7つのポイントをご紹介します。 この書籍は、有名ブロガー 通称「イケハヤ」こと「イケダハヤト」さんの書いた、ブログで文章を書く技術について書かれた本です。 ブログだけでなく、普段作成する文…

レスポンシブ対応グローバルナビゲーションを付けてみた

レスポンシブ対応グローバルナビゲーションを付けてみた。 2段階に変化するものを見つけたので、コチラを設定してみました。

レスポンシブグローバルナビゲーションの作り方と設定

レスポンシブ対応グローバルメニューの作り方と設定方法のご紹介。 骨組みのコピペと、CSSを設定していき、メニューらしいメニューを作っていきます。コード全文掲載あり。

はてなブログ開始から3ヶ月。今までやってきた設定

はてなブログ開始から約3ヶ月。 開始から今までしてきた設定を公開してみます。 何かのお役に立つかも?

Android版Chromeでタブ色の変更方法

AndroidのGoogle Chromeで、タブ色やページ一覧の枠色を変更できるのはご存知ですか? 簡単に設定できて、表示に個性が出せますよ!

「はてブロimageTitle」での画像センタリング設定をするCSS

どうもlisです。 ぽけっとしすてむ (id:psne)さんの「はてブロimageTitle」を利用させて頂いていますが、その場合での画像のセンタリング設定をしましたので書きます。

かわいいフォローボタンを付ける方法

フォローボタンのデザインアップデートをしたお話