こんにちは、つばさ（@tsubasa123）です。 ついに！ついにきました、プレゼント！素直に嬉しいです、はい。というわけで、送り主様といただいた品のご紹介です。テンション高めでお届けします。 プレゼントの送り主様は いただいたものは！ さいごに プレゼントの送り主様は 力こそパワーという、主にガジェットの紹介記事を扱うブログを運営されているうぃる (id:hrktksm)さん。はてなブログを運営されている方なら一度は目にされたことがあるんじゃないでしょうか。 抜群のガジェットセンスに加えて、ユーザー目線に立った親切丁寧なレビューとわかりやすい説明で書かれた記事はものすごく購買意欲を刺激してきます。いい意味での「閲覧注意」ですね。今までにレビューされた商品の一覧ページも自作されていますので、ぜひこちらも覗いてみてください。 いただいたものは！ と、その前に1つ謝らなければいけないことががが

こんにちは、つばさ（@tsubasa123）です。 ちょっと前に私のブログのデザインを変更したのですが、どうもトップページの表示が遅い（気がする）。右半分ははてなブログの仕様上ちらついちゃうのは仕方ないと許容していましたが、なんか全体的に遅い（気がする）。というわけで、本日のテーマはタイトル通り高速化になります。地味な内容ではございますが、よろしくお付き合いください。 早いは正義？ 大袈裟に言いましたが… 画像の圧縮 不要な外部リソースの排除 不要なカスタマイズの排除 カスタマイズコードの位置を調整 ライブラリの遅延読み込み jQueryコードの排除 DNSプリフェッチの導入 一連の施策を終えて 具体的なコードも1つご紹介 今後の展望と課題を CSSのインライン化 はてなスターどうしよう 広告も遅い部類 さいごに 早いは正義？ だと個人的には考えています。SEOとか専門的なことは知りません

こんにちは、つばさ（@tsubasa123）です。 若干出遅れましたが、タイトル通り、私もカスタマイズコードをご用意しました。まだちょっと課題があるんですけど、水物といいますか、旬を逃したくないので見切り発車でご紹介します。 ごめん、バグってた 詳細は公式ブログを 現時点での出来栄え ソースコードはこちら JavaScript CSS 把握している課題 さいごに ごめん、バグってた www.tsubasa-note.blog ごめんなさい記事書きました。上記ページのコードをご利用いただけますようお願いします。 詳細は公式ブログを staff.hatenablog.com どうぞ。特に説明は必要ないと思いますので割愛。/archiveに飛ばす必要がなくなりましたね、やったぜ。 現時点での出来栄え キャプチャでドン。 うん、カード。 www.foxism.jp 本日、先に記事を公開されたore

こんにちは、つばさ（@tsubasa123）です。 はてな運営から届いたメールで気が付きましたが、このブログの運営を始めて丁度半年が経過しました。あっという間でしたね。特に報告できるようなこともございませんが、せっかくなので何か書いておこうかと思います。運営報告半分、雑記半分な感じです、よければお付き合いくださいな。 わたしとブログ ぶろぐのすぺっく ぶろぐとおかね わたしのへんか わたしとぶろぐ おまけ さいごに わたしとブログ では、改めましてわたしと当ブログ、つばさのーとの半年を振り返ってみます。 リアルな生活が結構退屈だったので雑記でも書いて気分転換しようかなと思って始めた当ブログですが、気が付いたらJSやらCSSやらのカスタマイズネタが多めのブログになっておりました。仕方ないね、WEB大好きなんで。まぁ、それなりに「ありがとう」とか「助かりました」とかお礼の言葉をいただく機会もあ

こんにちは、つばさ（@tsubasa123）です。 タイトルのとおりですが、ブログのデザインをリニューアルしました。はてなが提供しているテーマがベースにはなっていますが、ほぼオリジナルテーマと言っていいくらいごちゃごちゃと手を入れました。今回はPCのデザインのみの変更ですが、スマホはスマホでそのうちがんばります。 現時点でのスナップショットではないですが、自分用のメモと今後の課題をまとめてここに書いておこうと思います。 脱Brooklynしたかった 自作を決意 トップページはインパクト勝負 各エントリのページはシンプルに その他もろもろ 今後の課題 さいごに 脱Brooklynしたかった まずはリニューアルを決行した動機を少しだけ。 Brooklynは本当にいいテーマなんですが、それゆえに使ってる人多すぎ。いや、いいテーマだからしょうがないんですが。あれこれ手を加えてみてはいたんですが、元

こんにちは、つばさ（@tsubasa123）です。 今日は雑記、というかちょっとした自慢？記事になります。はてなブログネタ、プログラム要素高め、そしてコードは載せない、なので最後まで読んでもあまり得るものがない記事かもしれません。それでも良い方はよろしくお付き合いください。 タイトル通りなんですけど、記事の画像を圧縮して差し替える作業を外注したい、というツイートをお見かけしまして。これ、私が受注してシステム化して自動でできるようにしたら大儲けじゃね？ってのが事の発端です。 そもそも圧縮してます？ なぜ圧縮するのか でもめんどくさいよね はてな運営はAPIを用意してくれている （たぶん）できた！ さて、ほんとに効果はあるのかな 公開したいけどできないジレンマ 把握している問題や課題 技術的な補足も少しだけ さいごに そもそも圧縮してます？ 皆さん、ブログに画像を掲載する時にちゃんと圧縮したも

こんにちは、つばさ（@tsubasa123）です。 今日も元気にネタ系CSSです。出オチで行きますのでお付き合いのほどよろしくお願いします。 すごーい！ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

こんにちは、つばさ（@tsubasa123）です。 最近、CSSだけで作れるグラデーションを利用した見出しデザインの作成に挑戦しております。色々と試行錯誤しているわけですが、今日は時間がかかった割りにあまりクオリティの高くない、どちらかというとコスパの悪かった作品のご紹介です。 きっかけは某ブログのプロフィール画像 とりあえずやってみる ソースコードも貼っときます さいごに きっかけは某ブログのプロフィール画像 ブログ歴がまだまだ浅い私の最近の日課はお気に入りのブログ様の過去記事を漁ること。有名ブログになるまでの軌跡を学ぶことができたり、昔はこんな記事も書いていたんだなとか、意外と苦労されているんだなとか、最初っから戦略的に書いていたんだなとか、色々な発見があっておもしろいものです。 で、某ブログでプロフィール画像をコンペ形式で募集している記事を発見。確かにプロフィール画像は大事ですよね、

こんにちは、つばさ（@tsubasa123）です。 結構有名？なフリーの写真素材サイト、「GIRLY DROP」さんのご紹介です。割とWEBにどっぷりな私ですが、こちらのサービスは今まで使ったことなかったなーと。ちょっとオシャレすぎて私の手に負えないものもあったりなかったり。 最近、はてなブログ界隈では美少女ブロガーが流行っているみたいなので、美少女な方にはピッタリなサービスだと思います。美少女ブロガーといえばやっぱり月無ことのはさんなのかな？よろしければ使ってみてください。 GIRLY DROPとは？ 使いかたで困ることはないかと 特に不満はございませんが ガーリーってなによ？ そのほかにも さいごに GIRLY DROPとは？ こちら！ girlydrop.com サイトからの引用です。 クレジット不要・商用利用可能なフリー写真素材サイトです。 おしゃれでガーリーな写真を配布しています

こんにちは、つばさ（@_tsubasa123_）です。 またまた「けものフレンズ」便乗記事です。昨日は見出しのカスタマイズを作りましたが、今日は囲みバージョンです。記事を投稿した後すぐに「囲みもあったほうがいんじゃね？」って思いついたんですよね。 昨日の記事にまとめるか迷ったんですが、URLに「midashi」って使っちゃったので別記事にしました。計画性無さすぎ、IQが溶けてきてますね。次からは1記事にまとめてお届けできるように気をつけます。 サンプルはこんな感じ コピペでどうぞ さいごに 関連記事 サンプルはこんな感じ すごーい！たーのしー！すごーい！たーのしー！すごーい！たーのしー！すごーい！たーのしー！ すごーい！たーのしー！すごーい！たーのしー！すごーい！たーのしー！すごーい！たーのしー！ すごーい！たーのしー！すごーい！たーのしー！すごーい！たーのしー！すごーい！たーのしー！ す

こんにちは、つばさ（@_tsubasa123_）です。 前回に引き続き、またしても「けものフレンズ」ネタです。見出しのデザインを作ってみましたのでお気に召した方がいらっしゃいましたら一度お試しください。 すごーい！たーのしー！ コピペでどうぞ さいごに すごーい！たーのしー！ こんな感じです。いかかでしょうか？我ながらよくこんなことで記事を書いたなと思います。 これ、けものフレンズに便乗しているのでなんかくだらないことをやっているように見えますが、何気にCSSだけでこのように複数の色を利用した線を表現できるというのは結構勉強になりましたし、応用したりアレンジしたりでかなり実用できそうな気がします。たーのしー！ コピペでどうぞ 使ってみたいという方がいらっしゃいましたら、下記のCSSをコピペしてください。 h2 { position: relative; padding: 0 0 .5em

こんにちは、つばさ（@tsubasa123）です。 www.tsubasa-note.blog 年明けから暇な時間を利用してちょっと遊び心のあるページを作成しました。とりあえず完成としましたが、もうちょっとだけ機能にこだわりたいなと思っています。カエレバ・ヨメレバを利用している方、もしよければ遊んでいってください。 まず最初におことわりが カスタマイズCSSをカスタマイズしよう！ 使い方 なぜこのサービスを作ったのか 懸念している問題 今後の展望 さいごに まず最初におことわりが 本記事投稿時点で、IEでは意図したとおりに動かないことを確認しています。推奨環境はGoogle Chromeの最新版となっております。遊んでいただける方はChromeで閲覧していただけますようお願いします。Fire Foxも多分大丈夫だと思います。Operaは確認していません。 本サービスはPCブラウザから閲覧さ