つばさのーと

つばさの日常を綴るのーと

ブログ

横並びに配置したインライン要素の隙間を埋める7つの方法

こんにちは、つばさ(@tsubasa123)です。 先日、スマホサイト向けのシェアボタンのカスタマイズを考えていたんですが、CSS?HTML?の基礎をちゃんと理解せずに結構時間を無駄にしてしまったので同じ過ちを繰り返さないように簡単にメモっときます。今回の…

Re:はてなブログでslick.jsは使えるのか?というかjQueryプラグインは使えるのか?

こんにちは、つばさ(@tsubasa123)です。 今日はのんびりカスタマイズに勤しもうかと思っていたのですが、ちょっと興味深い記事を見つけたので私も挑戦してみます。結論から言うと成功しましたので、誰かのお役に立てれば幸いです。

で、はてなブログの関連記事は結局どーやって表示させるのがいいのかね?

こんにちは、つばさ(@tsubasa123)です。 先日、はてなブログの公式機能として “記事下に「関連記事」を表示する” というものが追加されました。過去記事には反映されない(かつ、デフォルトで有効になる)仕様のようで、なんだかちょっとな、って印象を抱…

つっちーさんのブログ「非アクティビズム。」のレビュー商品一覧ページを作らせてもらいました!

こんにちは、つばさ(@tsubasa123)です。 自分のブログより人のブログのソースコードを覗く方が楽しいというちょっとアレな性格の持ち主である私ですが、先日、とある人気ブログのカスタマイズのお手伝いをさせていただきました。 そちらの記事でもご紹介…

Re:関連記事と記事下の順番を変えたり、いろいろカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 IDコールをいただいたのでちょっとだけ。今日はほんとにちょっとだけ。

目指せ最速!はてなブログで表示を高速化するために行った7つの施策

こんにちは、つばさ(@tsubasa123)です。 ちょっと前に私のブログのデザインを変更したのですが、どうもトップページの表示が遅い(気がする)。右半分ははてなブログの仕様上ちらついちゃうのは仕方ないと許容していましたが、なんか全体的に遅い(気がす…

更新日自動表示カスタマイズのCSSの調整始めました。ご協力よろしくお願いします

こんにちは、つばさ(@tsubasa123)です。 本日は私の代名詞(にしたい)カスタマイズに関する追加の修正といいますか、おせっかいなCSSの調整ネタになります。私のカスタマイズを導入してくださっている方向けという限定的な内容になりますがよければお付…

ごめんなさい、カード型にするカスタマイズにバグがあったみたい。アプデしたのでご確認ください

こんにちは、つばさ(@tsubasa123)です。 えーっと、先日公開したカスタマイズコードに不備があったようでして、ご迷惑をお掛けしました。修正・改良版を作成しましたので、私のコードをご利用いただけた方はこちらに差し替えていただけますようよろしくお…

はてなブログのトップページ一覧表示機能を利用してカード型っぽいレイアウトにするカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 若干出遅れましたが、タイトル通り、私もカスタマイズコードをご用意しました。まだちょっと課題があるんですけど、水物といいますか、旬を逃したくないので見切り発車でご紹介します。

コピペでどうぞ。はてなブログにパンくずリストを表示するカスタマイズ(schema.org版)

こんにちは、つばさ(@tsubasa123)です。 何番煎じになるのかわかりませんが、タイトル通りパンくずリストを表示する処理を書き直したので簡単にご紹介。特に目新しいものはありませんがまぁ他に書くことがないのでせっかくなのでシェアしておきます。パン…

コピペでどうぞ。はてなブログのカテゴリー別記事一覧におすすめ記事のリストを表示するカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 本日、はてなブログの新機能としてカテゴリー別記事一覧に説明文を設定できる機能が実装されたみたいです。HTMLが入力できるらしいのでここは1つカスタマイズ記事でも書いてみようかと思い筆をとりました。記事の…

ブログ開設六ヶ月、ざっくりまったり運営報告してみたり

こんにちは、つばさ(@tsubasa123)です。 はてな運営から届いたメールで気が付きましたが、このブログの運営を始めて丁度半年が経過しました。あっという間でしたね。特に報告できるようなこともございませんが、せっかくなので何か書いておこうかと思いま…

【bxSlider】サムネイル表示だけで物足りない方、キャプションも表示してみてはいかがでしょうか

こんにちは、つばさ(@tsubasa123)です。 今日も今日とてちょっとおせっかいなカスタマイズネタをお届けします。といっても私が何かしたわけではないんですけどね、ちょっとした設定変更のお話です。今日は短めですのでお時間がありましたらお付き合いくだ…

4回目で無事通過!Amazonアソシエイトの審査を突破できない人はプライム会員を検討してみよう

こんにちは、つばさ(@tsubasa123)です。 皆さまゴールデンウィークいかがお過ごしでしょうか。私は今日もパソコンと戯れていいます。さて、タイトル通りなのですが無事にAmazonアソシエイトの審査を通過できたのでそのご報告といいますか、やったことをま…

ZENO-TEALでシェアボタンがずれちゃっている方、よければお試しください

こんにちは、つばさ(@tsubasa123)です。 タイトル通りですが、今日はちょっとおせっかいなカスタマイズネタ、対象となる方は「ZENO-TEAL」というテーマを使われていて、さらに特定のシェアボタンカスタマイズをご利用中の方になります。お心当たりのある…

Amazonアソシエイト登録完了。さて、何を売ろうかな

こんにちは、つばさ(@tsubasa123)です。 たまには雑記的なものを。タイトル通りなんですが、Amazonアソシエイトに申し込んでみました。実は過去に何度か利用したことがあったのですが、今回はまじめにがんばります。

コピペでどうぞ。ラブライブ!サンシャイン!!のバナー広告風な見出しデザインのカスタマイズ(メンバー編)

こんにちは、つばさ(@tsubasa123)です。 今日も今日とてネタ系CSS、はりきっていきましょう。 以前、下記のような記事を書きました。 www.tsubasa-note.blog 本日はこれの続き、各メンバーのデザインをCSSで再現しました。基本的にはコピペでいけるように…

ブログデザインリニューアル、感想とか今後の課題とか

こんにちは、つばさ(@tsubasa123)です。 タイトルのとおりですが、ブログのデザインをリニューアルしました。はてなが提供しているテーマがベースにはなっていますが、ほぼオリジナルテーマと言っていいくらいごちゃごちゃと手を入れました。今回はPCのデ…

はてなブログってAmazonのリンクも作れるんだって。知らんかった

こんにちは、つばさ(@tsubasa123)です。 タイトル通りなんですが、はてなブログって色んな機能があるんですね。そろそろはてなブログを始めて5か月くらいたつんですが、全然使いこなせてなかったな、って話です。ちょっとしたカスタマイズコードもありま…

はてなブログのトップページに表示されるアイキャッチ画像にリンクを設定したい

こんにちは、つばさ(@tsubasa123)です。 今日はささいなカスタマイズですが、結構気になっていた部分を修正しました。同じ条件に当てはまる方、もしよろしければ参考にしてみてください。

はてなブログで掲載する画像に自動でウォーターマークを表示する(仮)

こんにちは、つばさ(@tsubasa123)です。 今日も元気にネタ系カスタマイズ、使いどころがあるかどうか微妙なラインのものをお届けします。もう少し真面目に作り込むことができれば実用性が上がるのかもしれませんが、ちょっとはてなブログでは難しそうだっ…

更新日自動表示のカスタマイズをアップデートしました、レスポンシブデザインの方はご確認ください

こんにちは、つばさ(@tsubasa123)です。 私が公開したカスタマイズ入れると表示が崩れる、といった報告をいただきましたのでコードを修正しました。お手数をお掛け致しますが、気になる方は本記事で掲載する修正コードで上書きしていただけますようお願い…

Re:ブログ記事の画像を圧縮して差し替える作業を外注したい

こんにちは、つばさ(@tsubasa123)です。 今日は雑記、というかちょっとした自慢?記事になります。はてなブログネタ、プログラム要素高め、そしてコードは載せない、なので最後まで読んでもあまり得るものがない記事かもしれません。それでも良い方はよろ…

CSSで某ブログのプロフィール画像を真似てみたけど失敗したってはなし

こんにちは、つばさ(@tsubasa123)です。 最近、CSSだけで作れるグラデーションを利用した見出しデザインの作成に挑戦しております。色々と試行錯誤しているわけですが、今日は時間がかかった割りにあまりクオリティの高くない、どちらかというとコスパの…

「GIRLY DROP」ってフリーの写真素材サイトがオシャレで見ているだけで楽しいです

こんにちは、つばさ(@tsubasa123)です。 結構有名?なフリーの写真素材サイト、「GIRLY DROP」さんのご紹介です。割とWEBにどっぷりな私ですが、こちらのサービスは今まで使ったことなかったなーと。ちょっとオシャレすぎて私の手に負えないものもあった…

コピペでどうぞ。ラブライブ!サンシャイン!!のバナー広告風な見出しデザインのカスタマイズ

こんにちは、つばさ(@_tsubasa123_)です。 最近、ブログに限らずあちこちのサイトで「ラブライブ!サンシャイン!!」の広告が表示されるようになりました。これって閲覧者の行動やサイトのコンテンツに基づいて適切なものが表示されるんですよね?Google…

無料で使えるWordPressテーマ 「yStandard」がカスタマイズフレンドリーでいい感じ

こんにちは、つばさ(@tsubasa123)です。 最近流行っているっぽいので、ちょろっとWordPress界隈の情報収集をしていたら新しいテーマを見つけたのでご紹介です。まだ公開されたばかりのようで、あまりメジャーじゃないかもしれませんが、個人的にはかなり…

コピペでどうぞ。けものフレンズ風な囲みデザインのカスタマイズ

こんにちは、つばさ(@_tsubasa123_)です。 またまた「けものフレンズ」便乗記事です。昨日は見出しのカスタマイズを作りましたが、今日は囲みバージョンです。記事を投稿した後すぐに「囲みもあったほうがいんじゃね?」って思いついたんですよね。 昨日の…

コピペでどうぞ。けものフレンズ風な見出しデザインのカスタマイズ

こんにちは、つばさ(@_tsubasa123_)です。 前回に引き続き、またしても「けものフレンズ」ネタです。見出しのデザインを作ってみましたのでお気に召した方がいらっしゃいましたら一度お試しください。

はてなブログで100記事書いてわかったこととわからなかったこと

こんにちは、つばさ(@tsubasa123)です。 早いもので当ブログ「つばさのーと」を始めて3ヶ月弱、この記事が100記事目となりました。とりあえず、休むことなく毎日1記事以上書いてきましたが、いい機会なので今思っていることをまとめてみようと思います。…

はてなブログ用のChrome拡張機能を作ってみようと思う

こんにちは、つばさ(@tsubasa123)です。 タイトル通り、現在、Chromeの拡張機能を作成中です。本当は完成してから記事にしようと思っていたのですが、諸事情がございまして今後のモチベーションを維持するために途中ではありますが、記事にしてみることに…

CSSアニメーションを考える前に利用できるプロパティを予習する

こんにちは、つばさ(@tsubasa123)です。 WEBページにおいてアニメーションを考える時はついついJavaScriptを利用してしまいますが、CSS3全盛期の昨今はCSSのプロパティを利用するのが王道というものでしょうか。時代の流れを追うために私もちょっと試して…

CSSだけで三角形を作る仕組みを自分でしっかり考える

こんにちは、つばさ(@tsubasa123)です。 知っている人からしたら何年前だよ、って突っ込まれるようなネタですが、実は仕組みをちゃんと理解せずにコピペで使っていたのでこれを機に仕組みを整理します。意外と応用がききそうなので基本はしっかり押さえた…

コピペでどうぞ、スマホサイトのパンくずリストを横スクロールさせるカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 なかなか便利そうなCSSコードを発見したのではてなブログでも使えるようにちょっと調整してみました。実用性はあまり高くないかもしれませんが、スマホサイトのカスタマイズに興味がある方、もしよろしければお付…

WordPress本体のバージョンが4.7や4.7.1の人は今すぐアップデートしよう

こんにちは、つばさ(@tsubasa123)です。 余計なお世話だとは思いますが、最近、はてなブログからWordPressに移行する方をお見かけする機会が多かったので、ちょっとだけセキュリティ関連についてのお話です。とりあえず、対象となる方は急いでアップデー…

カエレバ・ヨメレバのデザインCSSジェネレーターを作りました

こんにちは、つばさ(@tsubasa123)です。 www.tsubasa-note.blog 年明けから暇な時間を利用してちょっと遊び心のあるページを作成しました。とりあえず完成としましたが、もうちょっとだけ機能にこだわりたいなと思っています。カエレバ・ヨメレバを利用し…

カエレバ・ヨメレバCSSジェネレーター

カエレバ・ヨメレバのCSSデザインをカスタマイズするジェネレーターを作成しました。よければ試してみてください。

私事ですが独自ドメインに変えました、あとサイト名もちょっと変えました

こんにちは、つばさ(@tsubasa123)です。 もう疲れたので報告だけ。当ブログにもついに独自ドメインに変更する運びとなりました。なんかめんどくさくて先送りにしていましたが、知人との約束がなくなり暇だったのでサクッと変更しました。 設定方法とかは…

CDNの速度比較サービス発見 「CDNPerf」 がキレイで見やすくていい感じ

こんにちは、つばさ(@tsubasa123)です。 ちょっと便利なサービスを見つけたのでご紹介。どちらかというとカスタマイズを作る人向けのサービスです。プログラムとかちょっと…という人にはつまらない内容になりますがご容赦ください。

コピペでどうぞ。サイドバーのカテゴリーモジュールに親子関係を持たせて表示するカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 久しぶりにカスタマイズの記事を書いている気がします。今日はやろうやろうと思っていたものの、ついつい後回しにしてしまっていたカスタマイズをご紹介します。コピペでいけますので気になった方はお試しください…

Re:何故、はてなブログのカスタマイズが楽しいのか

こんにちは、つばさ(@tsubasa123)です。 nasust.hatenablog.com 先日のナスさんの記事に便乗した記事です。私もカスタマイズ好きとして少し思うところがあったのでまとめてみたいと思います。

リベンジ成功。自分が今までたくさんブクマしたのは誰か調べてみた

こんにちは、つばさ(@tsubasa123)です。 3日連続ではてぶAPIに関する記事になります。今日もコード無しの自己満報告となります。興味がありましたらお付き合いください。

自分のブログにいただいたブクマにどんなタグが付けられているのか調べてみた

こんにちは、つばさ(@tsubasa123)です。 basanote.hatenablog.com 昨日は自分のブログにブクマしてくれた方を調べましたが、今回はそのブクマ達にどのようなタグが付けられているのかを調べてみました。まぁ昨日の続きみたいなものです。

自分のブログに誰がどのくらいブクマしてくれているのか数えてみた

こんにちは、つばさ(@tsubasa123)です。 タイトルに「数えた」と書きましたが、自分で数えたわけではありません。システムで自動化してみた、って話です。

WEBサイトで使われているフォントが簡単に確認できるChrome拡張の「WhatFont」が便利

こんにちは、つばさ(@tsubasa123)です。 最近、Chromeの拡張で遊ぶのがマイブームとなっておりまして、そのうち自分でも作ってみたいなと憧れを抱きながら色々なアドオンを試しています。で、タイトル通り、「WhatFont」ってアドオンがいい感じだったので…

ブログ開設二ヶ月。当ブログの傾向とか今後の運営とか

こんにちは、つばさ(@tsubasa123)です。 早いもので当ブログも運営開始から二ヶ月が経ちました。この一ヶ月は記事を書くよりカスタマイズを考えている時間の方が長かった気がします。二ヶ月経って色々気が付いたことや思うことがあったので今回もちょっと…

コピペでどうぞ。はてなブログ用見出しカスタマイズをとりあえず25個ほど

こんにちは、つばさ(@_tsubasa123_)です。 今日はみんな大好きコピペシリーズで王道の見出しデザインを試してみました。とりあえず25パターンほど用意しましたが、今後も気が向いたときに追加していければいいかなと思っています。ありきたりなデザインば…

コピペでどうぞ。CSSでテキストの下線をちょっとオシャレにみせるカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 今日はカスタマイズにちょっとした遊び心を付け加えてみました。お時間がある方は遊んでみてください。

CSSでテキストを垂直方向に中央揃えにする4つの方法

こんにちは、つばさ(@tsubasa123)です。 脱CSS初心者に向けて絶賛勉強中の私ですが、今日はタイトル通り、テキストを中央揃えにする方法を勉強しましたのでメモしておきます。これは意外とカスタマイズでも使う機会が多いのでしっかりと覚えておきたいと…

CSSでハンバーガーメニューのアニメーションを実装する方法

こんにちは、つばさ(@tsubasa123)です。 ハンバーガーメニューってご存知ですか?スマホサイトのページ上部にあるタップするとメニューがベロンってでてくる三本線のボタンのことをハンバーガーメニューと呼びます。「≡ 」こーゆーやつ、見たことあります…