タグ

ブックマーク / ozpa-h4.com (14)

  • [動画あり]快適な文字入力には絶対に欠かせないアプリ、TextExpanderで使用中のスニペットをまとめてみた #myTE

    TextExpanderとは? 文字入力補助ソフトのTextExpanderは、スニペットと呼ばれる省略形を打ち込むことでそれに対応する定型文を入力してくれると言うアプリです。 Dropboxを使用して他のMaciPhoneiPadなど、複数のデバイス間で定型文の同期ができるなど嬉しい機能満載で、これにより素早いキータイピングが可能になります。 また、「%|(スニペットを入力後カーソル位置を指定できる)」や「%clipboard(コピーした文章が入力される)」と言った予約語を使用することで、その使い勝手はさらにアップいたします。 TextExpanderに関しては@azur256 さんのブログ最近, 気になったこと…に超詳細な連載がされておりますのでご参考にどうぞ。 最近, 気になったこと…: TextExpanderの使い方[1] 〜基的な使い方〜 そんな、普段便利に使用しているT

    [動画あり]快適な文字入力には絶対に欠かせないアプリ、TextExpanderで使用中のスニペットをまとめてみた #myTE
    cosarin
    cosarin 2014/06/08
    これめっちゃ便利
  • Sublime TextでMarkdownを快適に書くためのプラグインと設定

    メモ書きやらブログの下書きにMarkdownを使い始めたわけなんですが、まぁこれが快適でして。さっくり下書きできて後で簡単にhtmlに起こせると言うのが嬉しいです。学習コストも大した事ないし。 Markdown使うためにMaciPhoneiPadに導入したエディタアプリ で、↑の記事ではMacMarkdownを書く時にMouを利用し、ときたまSublime Textを使っていると書いたのですがメインエディタをやっぱりST2にしました。 キャレットが増やせなかったり、やっぱりビジュアルが我慢できなかったり、Mouを使ってると「もう〜」ってなる瞬間が多かったので。Mouだけに。Mouと感嘆詞の「もう〜」がかかってます。すごい。 そんなわけで今回はSublime TextでMarkdownを快適に書くために導入したプラグインと設定を書いておこうかと思います。(なお、私の環境はMac + S

    Sublime TextでMarkdownを快適に書くためのプラグインと設定
  • コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順

    なんだか、Web制作の際に起こる様々な面倒くさいタスクを自動化してくれるGruntというツールがあるらしく、私の周りのWebデザイナーさんやコーダーさんがこぞって導入されておりました。 はじめは「へぇ…あちきは別に興味ないからいいでありんすよ」と指をくわえて傍観していたのですが、便利便利の声を聞くにつれやっぱり羨ましくなってきました。だから導入した。使った。良かった。 そんな訳で今回は、Grunt.jsの導入から簡単な使い方までを紹介したいと思います。私のような黒い画面に抵抗を持っている初心者の方でも導入できるよう、コピペさえ出来ればGruntが使えるようになる記事にしてあるつもりです。 なお、今回導入した私のPC環境はOS X 10.9.1です。Windowsでの導入手順は今更だけどやるgrunt入門編・インストールから基的な使い方|WEB Drawerをご覧下さい。 Gruntで何が

    コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順
    cosarin
    cosarin 2014/02/06
    わかりやすいー
  • Webデザイナー・コーダー必見の神アプリ!MacでWindows IEなどのブラウザチェックが出来る「Sauce」が便利すぎてヤバイ

    Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。 via: これは快適!Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce | コリス Winを起動させるためのBoot CampもParallels Desktopも必要ない、と言うのがとても大きいですね:) アプリを起動したらアカウント登録画面を経てこの画面。アカウントは有料・無料があり、閲覧できるブラウザに制限などがかかります。 矢印の部分、Newボタンをクリック。 あとは見たいページのUR

    Webデザイナー・コーダー必見の神アプリ!MacでWindows IEなどのブラウザチェックが出来る「Sauce」が便利すぎてヤバイ
  • 年末なのでブログの大掃除と各種設定の見直しをしてみた。やったこと6つまとめ

    WordPress Born In Texas / teamstickergiant もう2012年も残りあとわずか。やり残したことは無いでせうか。 そんなわけで、私はと言いますと前々からやろうと思っていたWordPressの煤払いを行いました。やったことをまとめときたいと思います。 カテゴリーの整理 何も考えずに乱立させてしまった当サイトのカテゴリ。 「Web」があったかと思えば「Webサイト」があったり、ポツンと「Google Chrome」と言うカテゴリがあったり… 我ながら混乱して参りましたので、重複するものは片方だけ残すなど選別。30以上あったカテゴリーを19まで減らしました。それでも多いような気がしますがまぁこんなもんでしょう。 リンクエラーの解除 サイト内のリンク切れを教えてくれるプラグインBroken Link Checkerを導入しているのですが、ずっと確認せずにいたリン

    年末なのでブログの大掃除と各種設定の見直しをしてみた。やったこと6つまとめ
  • 作業用BGMに超オススメ!私がよく使う音楽系Webサービス6選

    Rocketship Music (#96639) / mark sebastian No Music, No Life! あ、あとNo アボカド, No ファミチキ, No Life。あとNo ごま油 No Life。 外でPC作業中には音楽が無いとどうにも気が散ってしまう性質の私。PCあるならiTunes開けばいいじゃん…ってなもんですが、使用しているMacBook Airは容量が少ないために全ての音源を入れておりません。 てなわけで、そんな時に私がよく使用している音楽系のWebサービスをつほどご紹介。

    作業用BGMに超オススメ!私がよく使う音楽系Webサービス6選
    cosarin
    cosarin 2012/12/13
    これいいな、使ってみよう
  • デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ

    New/ old tin palette / jessiecchapman 「色彩検定2級」と言う自慢していいんだかよくわからない資格を持っている私。…が、デザイン会社勤務でありながら、どうも「色使い」と言うものに苦手意識を持っておりまして。 いざデザインに取り掛かろう!となってからメインカラーを決めて、サブのカラーを決めて、よしこれだ、あ、でも待って、こっちの色の方がいいかも、ううん、元に戻そう…あ、やっぱりこのキャミソールにしようかしら…etcetc。 さっぱり作業が進まないこともしばしばなのですが、そんな時に使用しております配色の手助けツールをまとめておきたいと思います:)

    デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ
  • 角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!!

    角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!! html5-css3-orange-logos / Nelson Felix Giga どうも!おつぱ( @OZPA )です! 今回は、角丸やドロップシャドウ、グラデーションに2D/3Dアニメーションなど、CSS3に対応したスタイルを簡単に作成、さらにコードを生成してくれる「CSS3 ジェネレーター」を厳選して8つご紹介! ウオアアアアアアアア さて、CSS3対応ブラウザも増え、角丸、ドロップシャドウ、グラデーションにWebフォント、はたまた2D/3Dのトランスフォーム(回転/拡大縮小/移動)やアニメーションなどなど…リッチなUIがコードのみで表現できるようになりました。 関連:[CSS]GoodDesign賞にノミネートされて落選するこ

    角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!!
    cosarin
    cosarin 2012/06/15
  • 目指せ達筆!綺麗な字を書くために私が心がけていることと、行った練習法

    「筆まめ」って言葉に異様なエロスを感じます。 @OZPA です。 さて、たまに当ブログにおいて自分の書いた文字を晒したりすることがあるのですが、そんな折に 「おつぱさんって意外に達筆ですね」 とか 「すごい字が綺麗ですね!顔は汚いのに」 などとお褒めの言葉をいただくことがございます。もっと後半を強めに言ってください。 自分の字にまだまだ納得のいかないところも多いのですが、今回は私が字を書くときに気をつけているいくつかのことと練習法をシェアしたいと思います。 上はこの間購入したLIFE ノーブルノートにいろは歌を書いてみたところ。ここか、ここがええのんか。 まず字の上達を目指すのであれば、罫無しのノートの使用はやめましょう。 行に罫があるもの、できれば方眼のマス目が入ったものの方がいいと思います。 字の上手下手はバランスで決まります。 綺麗な字を書くのに慣れないうちは、バランスがとれているか

    目指せ達筆!綺麗な字を書くために私が心がけていることと、行った練習法
    cosarin
    cosarin 2012/03/26
    わろたww
  • 「htmlすら知らなかった私が2週間でWordPressの新テーマを作成するまでにやったこと」と参考にした記事まとめ

    どうも、@OZPA です。 先月、当ブログのテーマをWordPressにて自作した私。 しかしながら、実はそれまでWordPressの知識どころかhtmlすらろくすっぽきちんと理解していない人間だったのです。 今回はそんな私がWordpressのテーマを一から自作するまでにやったことを備忘録がわりに纏め上げておこうかと思います。 ひとりじゃ出来なかった 今回、テーマを作り始めたのが2011年の12月29日、そしてテーマが完成したのが年が開けて1月の12日。 だいたい2週間弱で自作テーマ発表まで漕ぎ着けたわけなんですが、そこにはそうそうたる方々によります手助けがありました。 そんな方々に敬意を払いつつ、テーマ自作までにやったことと手順を備忘録として残しておこうかと。 WordPressのテーマ作成の手順 さて、WordPressのテーマを作成するためには、 0.WordPressをローカルに

    「htmlすら知らなかった私が2週間でWordPressの新テーマを作成するまでにやったこと」と参考にした記事まとめ
  • TwitterのログをEvernoteに送信してくれる「ツイエバ」に、プレミアムサービスが登場で神進化を遂げた!

    Quick Tip: Use Evernote to back up your blog in real time / joe.ross Evernote大好き!@OZPA です。 @elk1997 さんによる、Twitterのログ(ツイート、DM、お気に入り、リツイート)を一日置きに、しかもアイコン付きでEvernoteの指定ノートブックに送信してくれるとんでもなく便利なサービス、その名も「ツイエバ」 参考:TwitterのログをEvernoteに送信してくれる超絶素晴らしいサービス「ツイエバ」が新規登録再開してるよ 昨年の5月に登場して以来、使い勝手の良さに惚れ込んでずっと使用させていただいているのですが、そのツイエバにプレミアムサービスがお目見えしました。 そうですね・・・うん・・・ 神ですね・・・これ。 プレミアムサービスにおける新機能 さて、今回、ありがたい事にベータテスターをさ

    TwitterのログをEvernoteに送信してくれる「ツイエバ」に、プレミアムサービスが登場で神進化を遂げた!
    cosarin
    cosarin 2012/02/07
    これよさそう!使ってみたい!
  • WordPressのオリジナルテーマ 作り方の記事まとめ

    サイトじゃないですけど、今使ってる。凄く分かりやすい。 チートシート 日語版 WordPress チートシート | Webクリエイターボックス WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、 … コードを書く際に便利なカンペ。 CSS入門 わたくし、CSSHTMLもまともに修めておりませんのでそのへんの知識を得るために。 CSSレイアウト実践講座 とほほのスタイルシート入門 テーマ、カスタマイズ参考 2011年に入って気になった最新Wordpressテーマの情報一挙公開 | バンクーバーのWEB屋 僕は出身が熊でして、良い物のことを、”こりゃヨカバイ!”と言うことがあります(若い人は使わないよね、そうだよね。) さて、今日は僕が思

    WordPressのオリジナルテーマ 作り方の記事まとめ
  • Macを使用するうえで覚えておくとめちゃくちゃ便利なショートカットを挙げ連ねてみる

    Mac for every student ? / luc legay 作業効率を上げるための方法は幾つもありますが、まず押さえておきたいところといえば「キーボードショートカット」でしょう。 当然のことながら、ショートカットを知っているか否かというのは作業スピードに密接に関わってきます。 今回は、Macにて私がよく使用するショートカットや基的なコマンドを含めて、覚えておくと便利なものを挙げ連ねておこうかと思います。 関連:Mac OS X のキーボードショートカット 超基のショートカット 以下はMacを扱う上で超基となるショートカットです。 たいていどのアプリケーションでもこれらのショートカットは共通ですので覚えておいて絶対に損はないです。 command + A:すべてを選択 command + Z:アンドゥ(リドゥ) command + S:保存 command + C:コピー

    Macを使用するうえで覚えておくとめちゃくちゃ便利なショートカットを挙げ連ねてみる
    cosarin
    cosarin 2011/11/22
  • 死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法!(Mac編)

    どうも。生まれて初めて当たり付き自動販売機で当たりが出た@OZPA です。 さて、かねてより和洋風◎の@isloop くんより 「ブログのデザイン、テンプレートじゃなくて自分で作ったほうがいいよ」 とのアドバイスをうけていたのですが、phpcssどころかhtmlすらろくに理解していなかった私。 プロフィールページを作るのに戸惑ったり、はたまたサーバを移転するのにしこたま苦労したりと当に手のかかるお子様だったわけです。そんな私がWordPressのテーマですって・・・?汚らわしいっ! [blackbirdpie url=http://twitter.com/#!/OZPA/statuses/64271506724757504] ですが今年の4月の終わりに上のようなつぶやきをしていることをふと思い出し、新しいことを覚える良いチャンスだなということで、WordPressのテーマを作るためにB

    死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法!(Mac編)
  • 1