tarのブログるっ by @tarVolcano

メガネ男子のtarが書くブログです。

WEB

ブログデザインを考える:1行の字数とWEB幅

WEB

すこしづつではありますが、ブログのデザインを変えています。 今回の変更は、読みやすいブログサイトにするには、どうしたらよいかということを考えながら、デザインを決めてみました。 MacBook Air Station by MattsMacintosh 正直なところ、私はデザイナ…

スマフォやタブレットの画面幅で表示確認できるChromeエクステンション「Mobile Layouter」

iPhone 5S Photo by Janitors ブログの記事を書いたり、ブログサイトのカスタマイズをしていると、「ちゃんとスマフォでも見えるかな」と気になったりすることがありませんか? スマフォの実機を使ってチェックするのって結構面倒くさいですよね。ということ…

WEB上の色々なシェアを調べられるサイト

ブログデザインを変えようと思い始めてしばらく経ってしまいました。 正直なところ、未だ考えがまとまってなくて、試行錯誤を繰り返してます。 例えば、ブログサイト全体の幅を考えていると、「一般的に良く使われている解像度ってどのくらいの幅なんだろう…

圧縮されたJavaScriptを読みやすく整形するWebサービス

the JavaScript Code Photo by Dmitry Baranovskiy ブログやWebサイトを見ていると「このサイトの機能いいなぁ」と思ったりすることがあります。当然盗作は「ダメっ、絶対」ですが、どんな風に実装しているのかな、という興味が湧くとコードを参考にしてみた…

LinkWithinは手軽にブログの関連記事が表示できるのでオススメ!

My desk with the Link Photo by tychay 私のブログ記事の最後に、関連する記事が表示されているのはご存知でしょうか? 実はこれ、「LinkWithin」という関連記事を簡単に表示するブログパーツ(ウィジェットといいます)を使っているんです。 関連記事を表…

ブログ内で常時表示するシェアボタンのソース公開

先日「ブログのカスタマイズは楽しいけど..」でブログに常にシェアボタンを表示させるボックスを付ける試みを始めましたが、やっとお見せできる形になってきました。公開&解説していきまーす。

ブログデザインはブログ記事の一種なのかもしれない

| design | Photo by maher berro 今回は軽めに。日中、カフェで慣れないドヤ顔 してたので..w はてなブログのデザインをカスタマイズしたいときに役立つサイトとかいろいろ - はなこのブログ。 上のはなこさんの記事、というか、カスタマイズされたブログを…

ブログタイトルにツイッターIDを入れると読者のシェアコメントを見逃さないよっ

イケハヤ書店でおなじみの池田勇人さんのブログで、数日前にこのような記事があり、興味があったのでブクマしてあったのを思い出しました。 ブロガーおすすめTips。ブログタイトルにツイッターIDを入れてみたらいい感じ! : イケハヤ書店 by @IHayato ブログ…

独自ドメインに変えるとTwitter cardsが使えなくなるよっ!忘れずに新ドメインで申請を!!

Twitter Photo by Tom Raftery 先日新ドメインに移行した際に「 独自ドメイン(はてなブログPro)にしたら変更したい6項目 」を書きました。 実は旧URLの時は記事ツイートをクリックすると記事の概要(これ、Twitter cardsと言います)がこんな感じで表示さ…

はてなブログでスマフォ(iPhone)向けページのBlockquoteタグのCSSをカスタマイズするコツ

モニュメントバレーの夜明け Dawn in Monument Valley Photo by Yuya Sekiguchi はてなブログで、スマフォ向けページのCSSをカスタマイズするには、設定画面から「headに要素を追加」の中にStyleタグを追加する必要があるのは、ご存知の方も多いと思います。…

ブログに載せる画像のサイズを手軽に最適化するツール

Is she right for me? Photo by Elizabeth Haslam 皆様いかがお過ごしでしょうか。今回の冒頭は、このお悩みをお持ちのかたへのメッセージから始めて参ります。 ブログで使っていた画像を誤って全部消してしまいました。 急いで代わりの画像を探したいのです…

はてなフォトライフ2HTMLブックマークレットの解説をするよ

フラワーパーク Photo by i764gt ※2016/04/12 はてなフォトライフの仕様変更に対応して一部サンプルコードとブックマークレットソースを修正しました。 お待たせしましたっ(いや、誰も待ってない気が..w) 前回「はてなフォトライフの画像ページからHTMLを…

はてなフォトライフの画像ページからHTMLを生成するブックマークレット

カメラガール Photo by Froschmann : かえるおとこ ※2016/04/12 はてなフォトライフの仕様変更に対応して一部サンプルコードとブックマークレットソースを修正しました。 はてなフォトライフへ保存した画像ファイルを、はてなブログに埋め込む時って、外部エ…

Feedlyの購読者数付きボタンを使ってみた

RSS Food Photo by acagamic (Lennart Nacke) 前回、以下の記事で、Foodly..(食べ物かよっ)もといw、Feedlyの購読者数を調べる方法を取り上げましたね。 はてなブログのRSS配信URLは2つあった! - tarのブログるっ 今回は、購読者数付きのFeedly登録ボタ…

はてなブログのRSS配信URLは2つあった!

feedly Photo by tecnomovida RSS配信のURLはFeedlyやLivedoor Readerを使って購読するのに使われますよね。 はてなブログにもRSS配信用のURLが存在していることはGoogleなどで調べたことがあるかたはご存知だと思います。 そう、ブログURLの後ろに/feedを付…

ブログ記事のアイキャッチ画像を探すブックマークレットを作ってみた

Flickr RoMarathon 2008 Photo by luvi 私はよくFlickrでブログ記事のアイキャッチ画像を探してきます。 アイキャッチ画像があると、記事がシェアされたときにサムネイル画像として使われるので、インパクトのある画像や、センスの良い写真を使いたいですよ…

デジタルデザインを学びたい人に無償で提供されているドキュメント

photo by Matt Lindley 前回投稿した IPAから無料でダウンロードできるプログラミング学習教材15+α - tarのブログ では、思いもよらない大反響をいただき、驚きと喜びでいっぱいです。たくさんのブクマ、ありがとうございました。 あ〜記事の出来が良かった…

引用内のaタグにCSSのbefore擬似要素を指定したら大変なことにっ => 解決策判明

photo by serdar 他のWEBサイトから内容を転記したりする時、「引用」を使いますよね?例えば下のスクショのように引用元のWEBサイトのリンクを引用内に記述したときに、「引用元:くぁw〜」っと頭に 引用元: が自動でセットされると楽ですよね。 これはCSS…

はてなブログの幅をCSSでカスタマイズするコツ

photo by Risager 冒頭、話題から外れて恐縮ですが、購読させていただいているブロガーさんの記事を見ると「文章力があるなぁ〜読んでて面白いわぁ」と感心しています。けど相変わらず私の記事は地味ですわぁwもっと見習いたいものです^^ さて今回は、はてな…

テスト環境のススメ => はてなブログ

photo by kc7fys ブログで記事を書き始めてから数日経つと、今度はブログのデザインなど、ちょっとしたカスタマイズをしてみたくなりますよね。 けど、せっかく他の人に見てもらえるように書いているメインブログでいきなりデザインを変えたり、動くかどうか…

  • このエントリーをはてなブックマークに追加