素のVimでも充分便利ですが、やはりできることに限界があります。 プラグインを使うことで標準にはない機能を追加でき、Vimでの作業がもっと捗ります。 時短を加速させるために、入れておきたいVimプラグインを系統別に25個まとめてご紹介します。 コーディングスピードを上げたい方、素のVimにはない機能を追加したい方はぜひ使ってみてください。 最初に入れておきたいVimプラグイン 作業効率化のためにまず入れておきたいプラグインを6つ紹介します。 dein.vim https://github.com/Shougo/dein.vim Vimのプラグインを管理するためのVimプラグインマネージャです。 他のプラグインをインストールする前に、まずdein.vimを入れておくことをおすすめします。 unite.vim https://github.com/Shougo/unite.vim Vim用の統
はじめに こんにちは、中山です。 唐突ですがみなさんtmuxは使われていますか。そう、有名なターミナルの機能を拡張するツールですね。 この種のツールを使っていない方の中には、職場の先輩などに「ちょwターミナル開きすぎwブラクラかよw」などとドヤ顔で言われたことがある方もいらっしゃるのではないでしょうか。かく言う私もドヤ顔でこの種の発言を繰り返していました。 tmuxはデフォルトの機能がかなり豊富なのですが、tpmというプラグインマネージャを使うとさらに機能を拡張することができます。聞いたことがある方も多いのではないでしょうか。ググると検索結果に結構表示されますね。GitHubのtmux-pluginsというorganizationにはさまざまなプラグインがあります。便利なプラグインを紹介しているブログエントリも結構あります。 私はこのプラグインを今まで結構作ってきました。少しシェルスクリプ
textareaを入力値によってリサイズできるシンプルなjQueryプラグイン「autoresize-textarea」 2015年04月22日- autoresize-textarea - A jQuery (optional) plugin can automatically resize the textarea's height textareaを入力値によってリサイズできるシンプルなjQueryプラグイン「autoresize-textarea」. ブラウザのtextareaは長文になるとスクロールが発生して使いづらいものになりがちですが、こうしたプラグインで自動伸縮させることでレイアウトを崩さず使いやすいtextareaが実装できますね。 こちらは軽量で実装も簡単そうです。最大の高さ設定と、高さが変更された際のイベントハンドラが記述できるという特徴も持ちます 関連エントリ 内容
4月から新たにデザイナーになる人も多いのではないかと思います。 クライアントやディレクターから、「あのサイトのような動きにしたい」と依頼されることも多いかと思います。 そんな時に便利なものを、初心者でも設置・使用が簡単なものを中心にまとめました。 ※ライセンス等は各自でご確認ください。ライセンスは、サイトまたはダウンロードしたファイル内に記述してあることが多いです。(GPLやMITやCCなど主要ライセンスの内容と意味のまとめ) もくじ レスポンシブ対応!PCでも、スマホのフリック操作でも使えるスライダー サムネイル付きでページングもできるフォトギャラリー スクロールに合わせて表示させたい パララックスさせたい 背景画像を画面サイズにあわせて表示させたい フルスクリーンでスクロールさせたい スクロールするとヘッダーを固定させたい 順番にアニメーションさせたい テキストをアニメーションさせたい
2. ダウンロード 「jQuery」本体はダウンロードするか、Googleにホストされているファイルを読み込みましょう。 「Waypoints」のバージョンは3.1.1です。下記サイトからダウンロードし「lib」フォルダ内の「jquery.waypoints.min.js」を使用します。 jQuery Waypoints <header id="header"> <h1>Waypoints</h1> </header> <p id="text">jQuery Waypoints Demo</p> <div id="content"> <div id="wrapper"> <section class="section"> <figure class="thumb"><img src="img/thumb1.jpg"></figure> <h2>Title</h2> <p>Text Text
この記事は Vim Advent Calendar 2014 の8日目の記事です.昨日に引き続き犬アイコンがお送りします.昨日は daisuzu さんの vital-smtpを作った でした. 今回は今年つくったプラグインとか,過去につくったけれど紹介していなかったプラグインを3つ紹介します. vim-operator-surround : 指定したテキストオブジェクトを特定の囲み(surrounding)で囲むという処理を行うオペレータプラグイン committia.vim : git commit したときに開くコミットバッファをリッチにするプラグイン vim-grammarous : 自然言語の文法チェックプラグイン それぞれのプラグイン紹介は独立しているので,気になるものだけでもチェックしてもらえればと思います. また,インストール方法については,他のプラグインと同じなので割愛して
SweetAlert オシャレなalertを実装できる「SweetAlert」 次のようなデザインのalertが実装できます。ダイアログがアニメーションするのでわかりやすかったりします。 関連エントリ CSS3アニメーションがいい感じのモーダルダイアログ実装jQueryプラグイン「Custombox」 Facebookのモーダルっぽいクールなダイアログを実現できるjQueryプラグイン「FaceBook Dialog」 フラットで美しいデザインのモーダルダイアログ実装ライブラリ「vex」 移動、拡縮、最小化、最大化が可能なBootstrap用モーダルダイアログ実装jQueryプラグイン「jsPanel」
こんにちは、湘南生まれデトロイト育ちのきんぐです。 入社してから1年半ほどWebマーケターをやった後、気付いたらエンジニアになってました。 そんなこんなで異動してから9ヶ月が経ち、合コン等で Q.「お仕事は何されてるんですか?」 A.「うぇ・・うぇぶえんじにあです。ほーむぺーじの運営してます。」 くらいは言えるようになったので、 本日は僕の相棒とも呼べる Sublime Text 2(3)のオススメプラグインを紹介したいと思います。 (そんな技術的なこと書いても、ね。) 私はSublime Text 2を使っていますが、これから導入する方はせっかくなので3使いましょう。 (当時2にあって3にはないプラグインがあった為未だに乗り換えてません) ※Sublime Textのインストール方法などは端折りますので、知りたい方は各自ggってくださいませ。 ■絶対入れるよねプラグイン ●A
作成:2014/04/21 更新:2014/10/24 Web制作 > 前回コーポレートサイト制作が捗るjQuery プラグインをまとめましたが、今回はCSS版ということで、使用頻度が高いものと、これから必要になりそうなものを、忘れないようにメモしておきます。コーポレートサイトやWeb サービスサイトでさりげなく使われているものや、今後増えそうなものなど。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 横並び 1.今までの回り込み解除 2.横並びや並び順 3.均等に並べる/段組み ナビゲーションメニュー 4.多階層 ドロップダウン 5.amazon風 メガドロップダウン 6.ドロワーメニュー コンテンツメニュー 7.モーダルウィンドウ 8.アコーディオン 9.タブパネル テーブル 10.ストライプテーブル 11.レスポンシブ+テーブル リスト 12.カウント
「 WP-Syntax 」のインストール、設定、使用方法についての記事。 「 WP-Syntax 」は、ソースコードをハイライト表示するWordPressプラグイン。プログラム言語別に、プログラムソースコードを、わかりやすく、色分け表示してくれるのだ。プログラムソースコードをWordPressに投稿するなら、ハイライト表示プラグインは、必須かもしれない。 ダウンロード 配布サイト:WP-Syntax 配布サイトは、英語です。 2010年10月23日現在のバージョン:WP-Syntax 0.9.8 必要なワードプレスのバージョン:WordPress 2.0 以上 対応済みワードプレス最新バージョン:WordPress 2.8 「WordPress 3.0.1」を使用している筆者の環境でも、動作した。 zipファイルを解凍すると、「wp-syntax」というフォルダが出てくる。 インストール
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く