「Slicy」Photoshopからのスライス作業が死ぬほど楽になるツールが便利だ！
Photoshopでデザインカンプを作成して、いざコーディング！となると面倒くさいのが画像のスライス作業。 その画像のスライスを超絶楽にしてくれるツール「Slicy」を今さらながら導入しましたので使い方をご紹介。 レイヤー・グループに名前を付けて保存 アプリはMac App StoreでDLでも良し、公式サイトから体験版をダウンロードするも良し。 試しにこんなカンプを作成してみました。世界中のイケメンを紹介する、IKEMEN.comです。第一回目のモデルから頓挫しております。 データができましたら、切り出したいパーツのレイヤーorグループに名前（○○.jpgや○○.png）を付けて保存します。 あとはその保存したPSDデータをSlicyにぶち込むだけ。 見事、名前を付けた通りに画像がスライスされました:) あとはドラッグアンドドロップか、画像を選択して上のSaveボタンをクリックして任意の
高機能テキストエディタ「Sublime Text 2」をDLしてみた＆導入したプラグイン
巷で話題ﾌｯﾄｰしそうだよぉ…と言うか話題沸騰しておりますテキストエディタ、「Sublime Text 2」。 Sublime Text: The text editor you’ll fall in love with あおり文句は「The text editor you’ll fall in love with」。 英検2級の私が全力で和訳してみたところ「このテキストエディタは愛欲が凄い」みたいな事だと思うのですが、何はともあれずっと気になっていたので先日ようやっとDLしてみました。 参考記事 DLに当たって参考にしましたのは以下の記事。なんだかとっても便利そうなにほひ。 Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ | Mnemoniqs Web Designer Blog ”恋に落ちるエディタ”「Subl
[jQuery]画面を一定量スクロールした時にサイドバーなどを固定位置に配置する
当ブログでも採用しておりますが、ブログなどでもよく見かけるようになった、ある一定量画面をスクロールするとサイドバーなどが固定されるﾔｰﾂ。 手順メモを晒しておきます:) 続きましてheadタグ内ないし外部読み込みスクリプトに以下を記述します。 [js] $(function($) { var tab = $(‘.hoge’), offset = tab.offset(); $(window).scroll(function () { if($(window).scrollTop() > offset.top) { tab.addClass(‘fixed’); } else { tab.removeClass(‘fixed’); } }); }); [/js] ↑のスクリプトは.hogeがtopの位置に行ったらfixedというclassを追加、それ以外はclass属性を削除する、と言う命令を
![[jQuery]画面を一定量スクロールした時にサイドバーなどを固定位置に配置する](https://cdn-ak-scissors.b.st-hatena.com/image/square/ac7ae56c20fc639b9d7e08f7f0da2fec804f6625/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2Fskitched-20121120-005330.jpg)
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
日本語住所を英語表記に変換するWebサービス「JuDress」がちょー便利！！
英語の通販サイトを利用する際などに手間取るのが、自宅の住所を英語表記で入力しなければいけないという点。 いつもと違う番地や町名の表記の順番に頭を悩ませる方も少なくないはず。 そんな時にすっごく便利なWebサービス、「JuDress」をご紹介。 JuDressは日本語住所を英語表記に変換するWebサービスです。 当サービスは英語表記の変換結果を保証するものではありません。 また、Stylish変換は実用性がありませんのでご注意ください。 変換結果が正しいか必ず確認の上、表記の参考としてご利用ください。 via: JuDress | 住所→Address変換 使い方はいたってシンプル。まずはJuDressにアクセスしませう。（ちなみに今回のデモはAppleStore銀座店の住所で行っております。） そして、郵便番号を入力して、「住所検索」ボタンをクリック！ すると、都道府県名と町名までが自動入
これが出来れば中級者！Illustrator初心者のための「ロゴ作成講座」
先日、ブログのリニューアルに伴いまして当サイトの「ロゴ」を作成してみたわけなんです。 ↑こんなん。 で、こちらのロゴ私も大変気に入っておりまして、ありがたくも「かっこいい！」「抱いて！」というお声を頂戴したりしなかったり。 そんななか、「あのロゴはどうやって作成したのですか？」「手順を晒してください」「私も全てを晒します…//」と言ったご意見を何名かの方から頂きましたので、「Illustrator初心者のためのロゴ作成講座」と銘打ちましてどんな手順であのロゴができ上がったのかをチュートリアルにまとめてみました。 なんとも大上段に構えたタイトルですが、これからIllustratorを学ぶ方にはちょうどいい感じの内容になっておるかと存じますので大目に見てください;)そしてすんげーーーーー長いですがこちらもご勘弁ください。 新規書類を作成 では早速Illustratorを開いて、新規書類を作成し
よく使用するWebアプリを「アプリケーション化」してくれるMacアプリ、「Fluid」が超便利だ！
よく使うWebアプリを「アプリケーション化」！ こちらのMacアプリ「Fluid」は、先日のPogoplug Family ブロガーミーティングの中で[N]ネタフルの@kogure さんが紹介されていたモノです。 早速起動してみましょう。 その使い方は非常にシンプルです。 まずは、アプリケーション化したいWebアプリのURLをコピーします。 今回は、Webアプリ版のEvernoteをアプリケーション化してみましょう。 「URL」欄にコピーしたURLを入力、アプリ名を作成します。 「Icon」は、WebページのFaviconを使用する場合はそのまま「Use Website Favicon」を選択すればOKです。なんか上手くいかない時もあるのでそういう時は別途pngファイルを用意しましょう。 保存先を選択して、Saveをクリック！ でけた！ アプリが作成されたらFluid自体は終了して構いませ
角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成＆コード生成をしてくれる「CSS3 ジェネレーター」まとめ！！
角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成＆コード生成をしてくれる「CSS3 ジェネレーター」まとめ！！ html5-css3-orange-logos / Nelson Felix Giga どうも！おつぱ（ @OZPA ）です！ 今回は、角丸やドロップシャドウ、グラデーションに2D/3Dアニメーションなど、CSS3に対応したスタイルを簡単に作成、さらにコードを生成してくれる「CSS3 ジェネレーター」を厳選して8つご紹介！ ｳｵｱｱｱｱｱｱｱｱ さて、CSS3対応ブラウザも増え、角丸、ドロップシャドウ、グラデーションにWebフォント、はたまた2D/3Dのトランスフォーム（回転／拡大縮小／移動）やアニメーションなどなど…リッチなUIがコードのみで表現できるようになりました。 関連：[CSS]GoodDesign賞にノミネートされて落選するこ
リアルタイムブログ解析ツール「chartbeat」がリニューアルしてめっちゃかっこよくなってる！
chartbeat大好き！@OZPA です。 リアルタイムでどれくらいのユーザが自分のブログを閲覧しているのかがわかるツールであるchartbeatですが、そのデザインがリニューアルされて使い勝手が凄く良くなっておりました！ 関連：ブログ解析ツール「chartbeat」が大変便利で面白い！ | OZPAの表4 参考：[N] 「Chartbeat」ウェブ版のデザインがリニューアル 見やすく、使いやすくなった ダッシュボードへのログイン画面も変わってる…これは…wktk ダッシュボーーーーーーーーーーーーーーーード！ かぁーーーーっこうぃーーーーー！ 左側のタブをクリックすることで各項目の詳細が見られます。 こちらはどのコンテンツが見られているのかを示す画面。 そして、Twitter、Facebookの各ソーシャルメディアからの流入を示す画面。 非常に見やすくわかりやすい！ 「GEO」タブはど
「htmlすら知らなかった私が2週間でWordPressの新テーマを作成するまでにやったこと」と参考にした記事まとめ
どうも、@OZPA です。 先月、当ブログのテーマをWordPressにて自作した私。 しかしながら、実はそれまでWordPressの知識どころかhtmlすらろくすっぽきちんと理解していない人間だったのです。 今回はそんな私がWordpressのテーマを一から自作するまでにやったことを備忘録がわりに纏め上げておこうかと思います。 ひとりじゃ出来なかった 今回、テーマを作り始めたのが2011年の12月29日、そしてテーマが完成したのが年が開けて1月の12日。 だいたい2週間弱で自作テーマ発表まで漕ぎ着けたわけなんですが、そこにはそうそうたる方々によります手助けがありました。 そんな方々に敬意を払いつつ、テーマ自作までにやったことと手順を備忘録として残しておこうかと。 WordPressのテーマ作成の手順 さて、WordPressのテーマを作成するためには、 0.WordPressをローカルに
Macを使用するうえで覚えておくとめちゃくちゃ便利なショートカットを挙げ連ねてみる
Mac for every student ? / luc legay 作業効率を上げるための方法は幾つもありますが、まず押さえておきたいところといえば「キーボードショートカット」でしょう。 当然のことながら、ショートカットを知っているか否かというのは作業スピードに密接に関わってきます。 今回は、Macにて私がよく使用するショートカットや基本的なコマンドを含めて、覚えておくと便利なものを挙げ連ねておこうかと思います。 関連：Mac OS X のキーボードショートカット 超基本のショートカット 以下はMacを扱う上で超基本となるショートカットです。 たいていどのアプリケーションでもこれらのショートカットは共通ですので覚えておいて絶対に損はないです。 command + A：すべてを選択 command + Z：アンドゥ（リドゥ） command + S：保存 command + C：コピー
GTDをやるなら特化したツールを使おう！OmniFocusを購入したら気持ち良かった
「あれをやらなきゃ」「これをすませなければ」と常に何かに追われているような感覚は、このストレス過多な現代社会に生きる人々特有の悩みではないでしょうか？ プライベートやら仕事やらブログやら、彼女とのランデブーやら（脳内）でなかなかに忙しい毎日を送っている私@OZPA も、そういった悩みから解放されようということで、これまでにToodledoやらEgretlistやらを使用しておりました。 近頃はWunderlistと言うアプリを使ってTodo管理をしていたのですが、めんどくさがりな性分のためにリストの確認を怠り、更新を忘れたりしてEvernoteプレミアムアカウントを失ったりする始末。 Wunderlist参考：私が現在最も使っているiPhoneアプリ20選。2011年上半期ホーム画面まとめ！！ 参考：油断してたらEvernoteのアカウントが無料版になってしまった話 で。 このままではいか
ブログを開設してから5ヶ月で月間16万PVを達成するために私が行った3つの戦略と2つの心構え
ブログをやっている人ならば、「どうせやるなら多くの人に見てもらいたい」と思っているはず。 あなたはいかがですか？ 昨年の12月にオープンした当ブログ。 有難いことに、先月の一ヶ月間で16万ページビューを達成する事ができました。 無論、世の中PVが全てではありませんし、 「だから何」 とか言われちゃうとワタクシ棒立ちのまま泣き崩れちゃうんですけど、開設から1年間で10万PVを目指してみよう！との目標をかかげておったもんで、5ヶ月でその数字をクリアーできた事はそりゃー嬉しかったわけです。 何が嬉しいって、たくさんの方に見ていいただけた事が嬉しいんです。そうなんです。 そんな訳で今回は当座の目標を一つ達成したという事で、「5ヶ月で16万PVを達成するために私がやった事」と題してその方法を僭越ながら公開させていただきます。 まぁあくまで私の体験談ですので参考になるかどうかはわかりませんが、少しでも
illustrato、ベジェ曲線練習法
HOME>Design>Illustrator初心者の方へ送る、ベジェ曲線を描く際知っておくと便利なことと練習法（サンプルテキストもあるよ） ご存知のない方やお忘れの方も多いかもしれませんが、私、本職は一応グラフィックデザイナーなのです。 毎日IllustratorやPhotoshop、InDesignと言ったアプリケーションに触れているわけで、まぁ人並みにはそれらのソフトを使えるわけですよ。 で。 先日TL上で、ウェビメモの@xxmiz0rexx さん、Moon Blackの@tsuki_kuro さんとIllustratorの話をしてたのです。半裸で。 [blackbirdpie url=”http://twitter.com/#!/xxmiz0rexx/status/62715027605557249″] ベジェが苦手とのたまう女子 [blackbirdpie url=”http:/
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
作業用BGMに超オススメ！私がよく使う音楽系Webサービス6選
デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ
[Mac]私の生活に無くてはならないアプリ達。現在の「ログイン項目」に挙げているMacアプリまとめ![[Mac]私の生活に無くてはならないアプリ達。現在の「ログイン項目」に挙げているMacアプリまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9804f66f1d876d86fba4e6b8c65c56bf2fc97e2a/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F2263684022_5569c32b2d1.jpg)