はてなブックマーク

詳しく 画像をクリックした時に、画像の親要素に大きい画像へのリンクがあればそっちをダウンロードする。無ければ、画像そのもののリンクから画像をダウンロードします。 追記：大きい画像へのリンクが画像ファイルではない場合、画像そのもののリンクからダウンロードするように変更。 Pinterestの画像詳細ページ（大きい画像の出てくるページ）のみ、ワンクリックで画像ダウンロードが行える機能が申し訳程度に付いてます。 上のナビみたいなのをクリックするとブックマークレットの機能を止めることできます。（そのままだとバナー画像とかまでダウンロードしてしまう。） ゲット 下のリンクをブックマーク又は、ブックマークバーへドラッグ＆ドロップして使います。 ワンクリ画像ダウンロード +1 Chrome使っている方なら、Keyconfigという拡張を入れてショートカットからブックマークレットを実行できるようにすると便

Sublimeより好きかも。 ちなみに、バージョンは0.175.0での話です。 ATOMとは Github製の、無料、のテキストエディタ。 プラグインを入れて機能を追加したり、CSSで見た目を変えたり、カスタマイズ性が高い。 フォントの変更 Ricty Diminishedを使うので、Setting → Font Familyへフォント名を書く。 パッケージのインストール まずは、いくつか便利そうなパッケージを入れました。 プラグインは、Setting→Installから検索したり、apm install [package]とコマンドラインで実行することで入れることができます。 atom-beautify コードを綺麗に整える atom-terminal ターミナルで現在のファイルのディレクトリを開く autocomplete-plus 入力候補が表示されるように autocomplete

See the Pen 2014-09-11 by nju33 (@nju33) on CodePen. HTML HTMLは次のようにしています。 <div class="wrapper"> <div class="section-"> <input class="section-radio" id="tab1" name="tab" type="radio" checked> <label class="section-name section-one" for="tab1">Tab1</label> <div class="section-content"> <span class="section-inner">Contents 1 display</span> </div> </div> <div class="section-"> <input class="section-r

初めてChrome拡張を作ってみました。 ChoiMemo？ ChoiMemoは、新しいタブをメモアプリへ変えるChrome拡張です。 ネットサーフィン中の「ちょっと取っておきたいなぁ」という情報があった時、そのテキストや画像を右クリックメニューからメモできます。 メモした内容は、新しいタブを開くたびに表示されるので目に止めるとこができます。 もちろん、新しいタブから自分のちょっとしたメモを書いて、取って置くこともできます。 サイト上のテキストをメモ ほしいテキストを選択して、右クリック。[ChoiMemo に新しくメモ]を選択します。 新しいタブを開くとその情報が表示されます。 画像も右クリックから新しいタブページに取って置くことができます。（画像URL） 自分のメモを書く 一番上の+をクリック。 入力エリアが出てくるので、適当に書きます。メモはMarkdownで書くことが可能です。 メ

「Chromeをショートカットで操作しよう」みたいな拡張です。 気になってたので入れてみました。 こんな感じのコマンドが使えるようです。 例えばリンクを開いてみる これを入れてF(Shift+f)すると、リンクの近くにキーが出てきます。 そしてそのキーを入力すると、近くのリンクを新しいタブで開いてくれる！ 僕はいつも[右クリック]→[新しいタブで開く]をしていたのでうれしい。 開きたいリンクがたくさんあるときは代わりにAlt+fを入力すると、いくつも開けるようになります。 でもたまにタイプミスしちゃう(｡◟‸◞｡✿) 終わりたいときはSpaceのような割り振られていないキーを入力。（DelとかEnter） その他に 他に次のようなコマンドがあります。 キー コマンド j 下スクロール k 上スクロール gg 一番上に G 一番下に yy 現在のURLをコピー yf 入力したキーのURLをコ

HTML,CSSの確認に便利。 フォルダ開いてダブルクリックで開くのが「面倒臭っせー」と思う人に（僕）。 環境 Windows8 Google Chrome バージョン 28.0.1500.95 m 他のブラウザでもググルといろいｒ 使うパッケージ https://github.com/gcollazo/BrowserRefresh-Sublime https://github.com/titoBouzout/SideBarEnhancements/tree/st3 両方とも、Package Control(Windowsなら[ctrl+shift+p])からインストールできるってことなんですが、僕は何故かBrowserRefreshの方が失敗しちゃいます。 仕方ないので、zipでダウンロードしてPerformances -> Browse Packagesの中にコピーしました。 キーバイ

何 SusyはCompassのプラグインです。 グリッドなサイトを制作するためのMixinを提供してくれます。 モバイル・ファーストも可能よ。 インストール Susy: Getting Startedを眺めたら多分わかります。 使い方 初期設定 Susyを使うときは次の変数に何かしら値を代入してから使います。 $total-columns : 12; $column-width : 4em; $gutter-width : 1em; $grid-padding : 0.5em; $container-style : 上から順番に 何カラム使うか。上では１２カラム。 １カラムあたりの幅はどれだけか。 カラム間のmargin(幅)はどれだけか。margin-right: 1em　みたいに。 グリッド左右のpaddingはどれだけか。TwitterBootstrapだったら.rowの左右にみたい

nodistのページからzipファイルをダウンロード（もしくはgit clone）して、任意のフォルダに置きます。 僕はファイル名を"nodist"としてC:\path\nodistに置きました。 nodistにPathを通します。 コントロールパネル→システム→システムの詳細設計→環境変数を順に開いていきます。 システムの環境変数の枠線から新規をクリックして変数を登録します。 変数名 - NODIST_HOME 変数値 -（nodistを置いたディレクトリまでのパスを書く。僕の場合なら、C:\path\nodist） 同じくシステムの環境変数の枠線のテーブルからPathという項目を選択して編集をします。 変数値の一番最後に以下を付け加えます。 %NODIST_HOME%/bin; # 最後にセミコロンがなかったら先頭にセミコロン；をつける コマンドプロンプトを開いて nodist upd