GitHub のリポジトリで og:image に好きな画像を指定できるようになった - アルパカ三銃士
twitter とか facebook のタイムラインを見てると、URL が共有されてて場合にいい感じにその URL 内で使われてる画像が表示されるはず。 今回 GitHub の変更でリポジトリの URL を共有する際に表示される画像である og:image をカスタマイズできるようになった。 github.blog こんな感じで好きな画像を設定できるが、最低限の画像サイズとして 640×320px、 推奨として 1280×640px が挙げられてる。 はてなブログでも小さく反映されてる。 github.com 追記 なんか反映されないなと思ってたら Some platforms have tag caching that may initially affect your link’s unfurling. （一部のプラットフォームでは、タグのキャッシュ機能があり、最初はリンクの展開に影
【決定版】はてなブログ・スマホデザイン最強カスタマイズ集 - ひつじの雑記帳
※記事更新から1年以上が経っているため情報が古い可能性があります 当ブログ「ひつじの雑記帳」は5月1日で運営1ヵ月目を迎えました。お陰様で5記事しか書いてないにも関わらず1ヵ月目で4万PVを達成することができました。 投稿する記事の質は当然意識してきましたが 、短期間でここまで成長できたのはブログデザインの影響も少なからずあるかなと感じています。 そこで今回は、当ブログ「ひつじの雑記帳 」で実践しているカスタマイズ・コード全てを紹介していこうと思います。 当初はこのブログのスマホデザインのカスタマイズコード全てをひとつのパックとして5000円で販売しようと思っていたんですが、いろいろと気が変わったので全て無料で公開することにしました。 デザイン完成図 使う色を落ち着いた色に統一したフラット風のデザインに仕上げています。おすすめ記事を宣伝するスペースもいくつか設けているので直帰率の改善にも貢
シンプルで美しいはてなブログの新テーマ「Minimalism」を公開しました。 - ひつじの雑記帳
※当テーマの紹介する際は、テーマ配布ページではなくこの記事のURLを使用してください。 ※追記あり：デザインのアップデートについて+ 元のデザインに戻す方法 当ブログ「ひつじの雑記帳」を開設して間もなく、フラットデザイン風のおしゃれな自作テーマ「Codomisu Flat」を公開しました。 レイアウト的に少し扱いにくいテーマでしたが、思っていたよりたくさんの方に使ってもらえました。 力こそパワー +ログ ゼロから始めるビットコイン さんなど特におしゃれにカスタマイズされているので是非見てみてください。 あれから約2ヵ月経った今、オリジナルのはてなブログテーマ第二弾「Minimalism」を公開しました！ Minimalism（ミニマリズム）の特徴 このテーマは、テーマ名「Minimalism」にある通り、デザインは最小限のみに抑えてあり、「美」をとことん追求しました。 こどみすフラットとは
はてなブログのデザインの変え方についての覚え書き。 - 5日と20日は歌詞と遊ぼう。
注意：この記事はもう古いです。 いまわたしはBlankというテーマをカスタマイズして使っています。それに際しては作者さまのブログが参考になりますのでご覧ください！ moonnote.hateblo.jp （2016/04/03） こんにちは！ 先日はてなブログにお引っ越ししてきました。こちらでもよろしくお願いします。 引っ越してきたときにはありもののテーマのデザインにしていたのですが、先日デザインを（若干）オリジナルのものに刷新しました。やったぁ！ ということで、今回はそれに関する覚え書きを記します。「5日と20日は歌詞と遊ぼう」というタイトルのブログですが、今回歌詞は読みませんごめんなさい。 おことわり： 私はWeb関係のデザインにはまったく詳しくありません。 体系的に学びたい方は、他のサイトか書物をどうぞ。 http://lunasaurus.hatenablog.com/entry/
はてなブログにはてなブックマークウィジェットを設置/カスタマイズする方法 - マトリョーシカ的日常
ブックマークウィジェットをつけよう ブログを始めて良い記事を大量生産していると少しずつブクマがつけられるようになってきます。どうせなら読者の人に自分の人気記事を知らせたいですよね。というわけで今回ははてなブログにブックマークウィジェットを設置する方法を紹介します。カスタマイズ方法も少し載せようかな。 ブックマークウィジェットとはブログパーツの一種です。いろんなはてなブログを閲覧していると目にする人もおおいはず。設置方法は簡単。まず以下のリンクへ飛び自分のサイトのURLを入力します。 ブログパーツの設定 そうしたらいくつかの設定項目に記入していきます。新着エントリーは記事がはてブがついた記事が時系列で並びます。人気エントリーは総ブクマ数が多い順に並びます。好きな方を選んでください。あとは下のコード貼付け欄からコピペしてブログへ持ってくるだけです。とりあえずサイドバーにつけてみましょう。はてな
【改訂版】はてなブログ サイドバーのカテゴリ表示をタグクラウドにする！ - TMD45INC!!!
何人かの方に気に入って使っていただいたようなのですが、以前の記事では jQuery だけベロっと貼ってあってわかりずらかったので、きちんと通して説明するために、改訂版として本記事を書くことにしました。 改訂版といってもまとめ直しただけで、コードが改「善」されたわけでないのであしからず…(´・ω・｀) はてなブログのサイドバーの「カテゴリ」表示、よく一般的なブログで見かける「タグクラウド」のようにしたいと思う方は少なくないと思うのです。そもそもこの、記事にキーワードをがしがし追加してく感じって「タグ」じゃないのかなぁ…というわけで、自分のブログでもやってる「タグクラウド」表示の仕方を以下にまとめました。 ちなみにタグクラウドっていうのは↓みたいなやつです。ここにあるコードではこんなに格好良くはなりませんが（苦笑） Original by Markus Angermeier. Vectoris
はてなブログデザインカスタマイズの解説。WEBデザインのノウハウも詳しく解説。 - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ
2014-01-04 はてなブログデザインカスタマイズの解説。WEBデザインのノウハウも詳しく解説。 WEB ライフ こんにちはnasustです。今回は、はてなブログのデザインのカスタマイズが完了したので、どうやってカスタマイズしたのかをノウハウ含めて詳しく解説します。 始めに 今回のはてなブログのデザインカスタマイズは「よりiOSに近づいたOS Xのコンセプトデザイン : ギズモード・ジャパン」で紹介されているフラットデザイン風MAC OS Xデザインをモチーフに行いました。 このデザインに近づける為にカスタマイズしたポイントを解説します。 はてなブログのデザインテンプレートを選ぶ はてなブログのデザインのカスタマイズとは「ブログのテーマ」のCSSを修正するという作業のことです。 何故、CSSの修正かというとHTMLの修正ができないので「ブログのテーマ」の元から設定してあるCSSのスタ
知っておきたいMacOSXの効率化ツール10選 | readwrite.jp
日頃のパソコンライフに活を入れてみたいという方は必見だ。以下に紹介するツールは、MacOSを使う上で厄介だったり面倒だった作業を一気に楽にしてくれる。ほとんどは無料だし、有料であっても値段が安いのでMacユーザーにとっては必要不可欠なツールたちだ。 1）Jumpcutコピー・ペースト作業は一度に一つずつしかできないと相場が決まっている。でももしパソコンが脳の作業記憶（ワーキングメモリー）のような機能を持っていたとしたらどうだろう。過去のコピー履歴をスクロールしながら今必要なアイテムを選べたらさぞ便利ではないだろうか。 「Jumpcut」はまさしくそのためのツールだ。Macのコピー・ペースト機能を拡張するソフトは他にもあるが、Jumpcutはシンプルで洗練されているのであっという間に指先がショートカットを覚えてしまうだろう。自分でカスタマイズ可能なキーコマンドを入力すれば（私は[コマンド]+
Gumby - Bootstrapの強力なライバルになるか！？シンプルかつ強力なCSS3フレームワーク MOONGIFT
CSS3フレームワークは数多くなってきたのでその特徴をちゃんと掴んでおかないといけないですね。 GumbyはSassを使ったCSS3フレームワークです。他のフレームワークと同じようにレスポンシブ、モバイルフレンドリーになっています。その特徴を見ていきましょう。 まずデスクトップからです。 ヘッダーバー。フラットだったり、幅が固定だったりと色々な形式が想定されています。 タイポグラフィ。可読性高いです。 リストだけでも黒丸、白丸、ドット、数字など多数用意されています。さらに定義リストまで！ ボタン。サイズ、色、形が様々です。片方だけ丸い、なんて便利そうですね。 インジケーターやラベル、アラート。こういうのもよく使いますよね。 フォーム。基本的にplaceholderを使った表示になっているようです。 テーブル。角丸サポートです。 タブ。幅が設定できます。 縦のタブもあります。 ドロワー。クリ
Fancyboot - Bootstrapのカラーリングをはじめ自在にカスタマイズしよう MOONGIFT
ほほーこれはますますBootstrapにハマってしまいそうです。 Bootstrapはデザインが苦手なプログラマー（筆者のような）にとって救世主のようなライブラリになっています。しかしそれだけにカスタマイズは苦手でどれも似たような雰囲気になってしまいます。そこでFancybootを使ってみましょう。 Fancybootでは色設定をはじめ、ボックスの大きさや必要なプラグインを自分で選択してカスタマイズできるようになっています。それもオンライン上でできるとなれば使わない手はないでしょう。 トップページ。可愛い猫がお出迎え。ネットは猫のためにあるとはまさにこのこと。 まずコンポーネントを選択します。必要ではないコンポーネントを外せますが…まぁ大抵は外さないですよね。ということで次のステップに進みます。 jQueryプラグインを選択します。これもあるに越したことはないですし、そのままで良いのかな。
レスポンシブWebデザインに使えるCSSフレームワーク&グリッドシステム
レスポンシブWebデザイン使えるCSSフレームワークとグリッドシステムをまとめました。※随時更新中です Bootstrap 様々なコンポーネントも揃った高機能フレームワーク。Customizeから必要なファイルのみ選択してダウンロードもできますが、gitからはless形式で提供されてるのでこちらを使用したほうがよりカスタマイズがしやすいです。 Foundation 様々なコンポーネントも用意された高機能フレームワーク。必要なCSSのみ選択してダウンロードもできますが、gemでSass形式のものをダウンロードしたほうがカスタマイズしやすいです。 Gumby 様々なコンポーネントも用意された高機能フレームワーク。必要なCSSのみ選択してダウンロードもできますが、gitでcloneするとSass形式が入手できるので、そちらのほうがカスタマイズしやすいです。 GroundworkCSS 様々なコン
【B】 はてなブログで関連記事を紹介してくれる、LinkWithinをカスタマイズするのだ！の巻 - HSKぐうたらジャーナル
以前、はてなブログに「こちらの記事もどうぞ」を表示するためのサービス LinkWithinをご紹介させていただきましたが、 今回はそのデザインをカスタマイズして 自分のブログにあったテイストにしちゃおう！という話です。 LinkWithinのデザインは、どんなサイトにもマッチするシンプルなものなので とりあえず設置してそのまま、という方が多いのではないでしょうか。 今回、Google先生と先輩のみなさまのお力を借りて、 LinkWithinを自分好みに変えてみましたので、その方法をご紹介します。 もし、ご自身のサイトでLinkWithinを使われているようでしたら 本記事を読みながら、一度見直してみるのもいいかもしれません。 所要時間は20分くらい。当記事のCSSをコピペして微調整するだけです。 ※LinkWithinってなに？という方はこちらをご参照ください： 【B】 10分ではてなブロ
WordPressでアイキャッチ画像に任意のデフォルト画像を設定する方法 * prasm（プラズム）
これがずっとやりたかったんだよ！すべてのソリューションはかちびとで問題ない。@shintarowfreshです。 もうとにかくWordPressでアイキャッチ画像を用意するのが面倒極まりない。とはいえ設定しないとみっともない。という2重苦を抱えていたのですが、これからは開放されます、気持ちいい！！ WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.netWordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.net 設定に必要なIDの調べ方はコチラに。 Quick Tip: Saving a Default Post Thumbnail | Wptuts+ 後はもう書いているコードをコピペして終わり、イッツダン！ すると こんなかんじで、新規投稿の際、指定のデフォルトの画像がハマっているわけで。 上書きしたかったら、新し
東京Ruby会議10で、Rubyistのためのデザイン講座ワークショップやらせていただきました #p4d #tkrk10 - 納豆には卵を入れる派です。
#p4d Rubyistのためのデザイン講座 12:30 - 13:30 発表1: @machida さん / 「RailsエンジニアのためのTwitter Bootstrapカスタマイズ例」 13:50 - 14:50 発表2: @ken_c_lo さん / 「少ない手間と知識で "それなり" に見せる、ズルいデザインテクニック」 15:10 - 16:10 発表3: @saucerjp さん / 「ノンデザイナーのための配色理論」 16:30 - 17:45 実習: オトナの塗り絵で学ぶデザイン 発表内容は、前回の「第一回 プログラマ向けデザイン勉強会 #design4p」の再演で、前回1画面に詰めすぎて喋りにくかったという反省から、きちんとスライドを分割して臨もう…と思っていたのですが、前の晩にさあ作業をしようと思ったらいつの間にか寝てしまい当日の朝になっていたという失態をやらかし、
[Mac] Mac mini 2012のHDDを「SSD」に換装して快適Macライフを手に入れる！
先日Mac mini 2012を購入し、更に自分でメモリを16GBに増設しました。 が！これだけで終わっては面白くない！！ということで、続いて『HDDをSSDに交換しちゃおう！』計画です。 これまで自分でもメモリやCPUを変えるよりも、HDDをSSDに変更した方が快適度は増すという事を実感してしまっているため、必ずSSD搭載にはしよう！と思っていた部分だったりします。 本来はAppleStoreのカスタマイズで注文するところなのですが、SSDでカスタマイズするとちょっとお高い！ 自分でやれば何割か安くSSDにすることが出来る！ということで、チャレンジです！Mac miniは自分でやっても簡単そうでしたしね・・！
![[Mac] Mac mini 2012のHDDを「SSD」に換装して快適Macライフを手に入れる！](https://cdn-ak-scissors.b.st-hatena.com/image/square/f1bd62b05024c31e869bfca7b36f04949e9480ef/height=288;version=1;width=512/https%3A%2F%2Ftools4hack.santalab.me%2Fmedia%2Fuploads%2F2015%2F03%2Fhowto-macmini-2012-change-hdd-to-ssd-diy-01.jpg)
【Windowsアプリケーション】Sublime Text 2 メニュー日本語化: ゆーがいぶろぐ
こんにちは。 またST2ネタです。 カスタマイズがテキストベースで簡単にできてしまうため、メニューバーとコンテキストメニュー（右クリックメニュー）を日本語化してみました。 せっかくなのでシェアします。 いくつか留意点があります。 Googleドキュメントを利用して一般公開します。 Userフォルダに置いても何故かほとんどの項目がオーバライドされないので、Defaultファイルを差し替えて使うことになります。 オリジナルファイルのバックアップを必ず取ろうね！ 各メニューのトップ要素は英語表記のままです。 これは、一部プラグインがメニュー表記をオーバライドしやがるためで、不統一となるくらいな日本語化しないほうがいいや、と思ったからです。 私のセンスで日本語化しちゃってます。 納得できない項目もあるでしょう。 お好みに合わせて変更してください。 メニュー項目ということで簡素に表現する必要があり、
Flaskのカスタマイズについて - methaneのブログ
2012 Pythonアドベントカレンダー(Webフレームワーク) #python_adv の5日目の記事です。 明日は @altnight にお願いします。 Flaskはオモチャじゃないよ PyCharmなどのIDEがFlaskに対応を始めたり、Flask はそろそろ Django に続く Python の Web フレームワーク No.2 と名乗れそうなほど広まってきています。(その割にPython3対応遅いけど) Flaskと言えばマイクロフレームワーク、Hello World が簡単に書けるヤツで有名ですよね。 import flask app = flask.Flask(__name__) @app.route('/') def index(): return "Hello, World." app.run(debug=True) これを見るとオモチャっぽく見えるんですが、Fla
Sublime Text 2の基本とカスタマイズ【Vim風】
2012年12月4日：Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです（ちなみにVimを完璧に使いこなしているわけではありません）。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします！ Sublime Text 2は有料（$59）の
Macのクイックルックプレビューでテキストドキュメントのテキストをコピーする方法 | ライフハッカー・ジャパン
Mac：「クイックルック」は、ドキュメントのテキスト確認をするには最適な方法ですが、そこからテキストの選択やコピーができないのが不便な時も...。クイックルックからテキストをコピーしたいと思っている方は、シンプルなターミナルコマンドを使ってコピーが可能です。 クイックルックウィンドウからテキストを直接コピーしたい場合は、下記のコードをターミナルに貼付けます。 defaults write com.apple.finder QLEnableTextSelection -bool TRUE; killall Finder 完了するとファインダーが再起動し、再起動後にはテキストドキュメントをクイックルックした状態からのテキストのコピーが可能です！ Select and copy text within Quick Look previews | Macworld Thorin Klosowski
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site is undergoing maintenance