Atomエディタがさらに進化。メインエディタ候補筆頭に - blog
使用感と拡張機能の充実ぶりもあって気に入っているBrackets。Adobeとの別仕様での開発から、もともとのオープンソースの単一での開発となりわりと経ちます。 制作経験のスタートがDreamweaverということもあってか、使用感や使いやすさなどについてはどうしてもDreamweaverを意識してしまいます。 エディタというよりもIDE（統合開発環境）なので、他のエディタと比較するのも違うのかもしれないDreamweaver、重いとかいろいろ言われてますが、今でもDreamweaver好きです（笑） エディタについてはSublime Textを筆頭に主に使用する言語や好みでさまざまエディタがあります。なかでも使用感についてはBracketsが好印象で、手軽な作業などではたまに使用していました。 しかしながら、オープンソースということと随時更新されていることもあるので現時点（2016/01
atomのtextlintプラグインを使ってみる - rochefort's blog
textlint のatomプラグインがあるというので install してみました。 textlintのAtomプラグイン - 1000ch.net Install textlint 本体 textlint/textlint: The pluggable natural language linter for text and markdown. 注意事項としては Node.js 4.0.0 >= かつ If you have installed textlint as --global(-g), must install each rule as --global. If you have installed textlint as --save-dev(-D), must install each rule as --save-dev. 混ぜるな危険だそうです。 Recommende
[JS]ふわりとした動きが気持ちいい！スクロールするとコンテンツが後から追いかけるように表示されるスクリプト - Flow Up
ページをスクロールすると、垂直に配置されたコンテンツやパネルが後から追いかけるようにふわりと定位置に配置されるシンプルなスクリプトを紹介します。 ずっと気にかけてたエフェクトだったのですが、このスクリプトを使うと簡単に実装できます。 デモの動き スクロールすると、後から追いかけるようにふわりと定位置に収まります。 Flow Upの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="flowup.js"></script> </body> Step 2: HTML 各パネルは、p, div, articleなどで実装します。 <body>
![[JS]ふわりとした動きが気持ちいい！スクロールするとコンテンツが後から追いかけるように表示されるスクリプト - Flow Up](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b7675076470053d98f60b5ead221eadfa0c6569/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015100903.png)
[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ
最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。
![[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4df978511120c0727c18646f1d386ecdc2ab3a59/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015072304.png)
Railsとかの開発作業で使ってる3つのvimプラグイン(vim-ruby,rails.vim以外) - zenpouの日記
以前の日記でvimプラグインのvim-rubyとか紹介しましたが、今回はそれ以外を紹介。 というか、こないだ、使わないプラグインとかいっぱい入れてるなーって事で整理したら3つしか入れてなくて笑ったという。 EnhCommentify.vim コメントアウト系プラグイン \xで選択範囲をコメントアウト SuperTab編集時にtabキーで単語を保管してくれる様になるプラグイン。bashとかでなれた操作ができるので便利。 yanktmpvim全体のyankを共有できるプラグイン。syでヤンク、spでペースト。screenでvimを複数立ち上げてる時に使ってます。 自分でも意外とプラグイン使ってなくてびっくりした。 以前晒した.vimrcの方でやってるって事かも。 あ、一応、以前の日記で晒してたvim-ruby,rails.vim,projectのプラグインも同じく使ってます。
2011年のVimプラグインの管理はVundleで
Vimをお使いの皆様の多くは、pathogenとgit-submoduleを駆使してプラグインを管理しているのではないかと思います。 pathogenとgit-submoduleの問題私もこの方法を使っていたのですが、git-submoduleをVimプラグインの管理に使うのはオーバースペックだと感じていました。 私はプラグイン開発者ではないので、プラグインのバージョンを固定したいという欲求があるわけでもないですし、できるだけ新しい物を使いたいわけです。 そうすると、たとえば毎朝「git submodule update」とかやっちゃうともう大変です。 毎日「plugin version bump」みたいなコミットをしなきゃいけないわけですよ。 私は常に最新のプラグインを使いたいだけなのに、コミットログがどんどん汚れていきます。 また、外の環境でプラグインを管理しなきゃいけないというのが、
テーブルを使ったいろいろなjQueryプラグイン26個まとめ | Web活メモ帳
料金表や一覧を表示する際に欠かせないテーブルコーディングで、検索や並び替え、ページング、グラフ表示など色々なものがあったので、探しやすいようにjQueryプラグインをまとめてみました！ jQuery Visualize HTML5とjQueryを使ってテーブルの値をグラフで表示する事が出来ます。 jquery.csv2table.js エクセルなどで作ったCSVファイルを読み込み、クロスブラウザなテーブル表示を行うjQueryプラグイン。 行の絞り込みや文字列検索などかなり高機能になっています。 jExpand 表、画像、リスト、図やその他の要素を折りたたみ表示する事ができます。 Fixed Header Tables ヘッダーを固定して表示します。Excelでは良く使いますね。 縦に長い表を使う場合に非常に便利です。 treeTable テーブルの中にツリー構造を実装できます。 Flex
テーマや画像、プラグインをバックアップしてくれる守護神！ その名も”WordPress Backup”
WordPressのバックアップ対策プラグインは幾つもあるが、そのほとんどがデータベース（以下DB）のバックアップに特化したものだ。 DBのバックアップはもちろん大事で、DBが復旧できないとブログは元に戻せなくなってしまう。 先日も、WordpressのDBバックアップのプラグインを紹介させてもらった。 WordPressのバックアップと最適化！ WP-DBManagerが最高すぎる件！！ だが、DBだけが復旧できても、ブログ全部が修復できたとは言えない。 WordPressの場合、テキスト情報はDBに含まれるのだが、テーマのデザイン、それに画像ファイル、そしてプラグインとその設定情報は、データベースには含まれていない。 ブログにアップした画像すべてを常時ローカルに同期させて保持している人は少ないだろう。 ほとんどの人はアップした画像はiPhotoに入っていたり、そのままゴミ箱に入れて捨て
使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」:phpspot開発日誌
JK - jQuery SimpleFAQ 使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」。 FAQというと内容が多くなればページが長くなって見難くどんどん使いづらくなっていきますね。 そんな場合に、項目は並べつつも、クリックした際にアニメーションで質問のすぐ下に現れるようなFAQが簡単に作れます。 質問のリスト。 とりあえず質問が並んでいるので分からないことを探してもらいます。 そんなに大規模なFAQじゃなければ質問項目を羅列しておくだけでもそれなりに使いやすいです。 クリックすればページ移動とかもなく、その場にアニメーションしながら答えが表示されます。 別ページに移動したりといったことがなく、ストレスフリーで内容が見れます。仮に答えが的外れでも戻ったりせずにすぐに他の質問に行けます で、何がいいかという個人的におすすめする点は、作り方。 作り手は、
スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）。 【デモを見る（iPhone・Androidで見てください）】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置（position:absolute）を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね
Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。jQuery
WordPressを初導入したら まず最初にやるべき24の設定 – ワードプレステーマTCD
基本設定編 WordPressをブログとして利用するのであれば、基本的には、FC2やLivedoorブログといったブログサービスとあまり変わらないと思います。ここでは、Pingやトラックバックといった基本的な設定をご紹介します。 1ページに表示される記事数を設定 まず、1ページに表示される記事数を設定します。管理画面左メニューの「設定」→「表示設定」をクリックし、「1ページに表示する最大投稿数」の値を変更します。 Ping送信先の設定 Ping送信先を設定しましょう。管理画面「設定」→「投稿設定」→「更新情報サービス」にPing送信先を設定します。 Ping送信先は検索するとたくさん出てきますが、とりあえず以下に一覧を掲載しておきます。 http://www.blogpeople.net/servlet/weblogUpdates http://blogsearch.google.co.j
[JS]jQueryのプラグイン33+1選 -2011年4月
Slider Kit スライドショー、コンテンツスライダー、タブコンテンツ、カルーセルなどさまざまなスライドコンテンツに対応。
新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」:phpspot開発日誌
新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」 2011年04月25日- 新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」。 この春、会社に入って、サーバに入って vim でプログラミングさせられている人はそれなりにいそうですが、その場合に速攻でプログラミングをマスターできるquickrunプラグインを入れておきましょう。 プログラミングを覚えるには作って動かすが一番いいですが、「書いて」→「保存して」→「実行して」を一瞬で行えます。 具体的にはプログラムを書いていて、コマンドモードで「￥r 」をタイプするだけでペインが分かれてプログラムの実行結果が得られます。 VPSなどを借りて、これからプログラミングをはじめようって方にも有効です。 かなりインスタントに実行できるので、こう書くとこう出る、がサクサク進められる
WordPressにブックマークボタンを追加するプラグイン『SexyBookmarks』 - ワードプレスの使い方！初心者めっちゃ入門ガイド【ハイパー】
『SexyBookmarks』 当サイトでもソーシャルブックマークプラグインは何個かご紹介していますが、SexyBookmarksはテーマファイルにコードを追加せずに表示されるので非常に簡単で初心者向けプラグインです。 SexyBookmarks日本Verインストール かちびとnetさんのページから『SexyBookmarks』をクリックしPCに保存します。 ダッシュボード→プラグイン→新規追加→アップロードよりZIPファイル形式アップロードを行います。 インストールが完了しましたら、プラグインの有効化を行いインストールが完了です。 わからない場合は画像付きで説明している↓も参照ください。 ２、ＺＩＰファイル形式でＰＣから読み込みインストール（Ｖｅｒ2.7以上から新機能） WordPressプラグインのインストール→『新規追加』 ダッシュボード→設定→wp social bookmark
ページ内スクロールのjQueryプラグインいろいろ
ページ内、要素間のスムースな スクロールを実装する事が可能な jQueryプラグインのメモ。使ってい るサイトも随分見かけるようになっ てきましたね。 ページ内、要素間のスムースな スクロールを実装する事が可能な jQueryプラグインのメモ。使ってい るサイトも随分見かけるようになっ てきましたね。 個人的には特定のものしか使っておらず、いろいろと挑戦したいと考えているのでそのとき用にメモ。カルーセルとかギャラリーみたいなスライダータイプは今回割愛しています。 ScrollTo Posts With jQuery ページ内をダイナミックにスクロール。サイドのメニューっぽいところで操作します。 ScrollTo Posts With jQuery Create a Vertical, Horizontal and Diagonal Sliding Content Website with
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.curiosity-drives.me/2012/01/vimjavascript.html
Blogger
[JS]jQueryのプラグイン33+1選 -2011年8月
小さくで可愛いグラフが描けるjQueryプラグイン「Piety」:phpspot開発日誌