gologo13のブックマーク - はてなブックマーク

「Slicy」Photoshopからのスライス作業が死ぬほど楽になるツールが便利だ！
Photoshopでデザインカンプを作成して、いざコーディング！となると面倒くさいのが画像のスライス作業。その画像のスライスを超絶楽にしてくれるツール「Slicy」を今さらながら導入しましたので使い方をご紹介。レイヤー・グループに名前を付けて保存アプリはMac App StoreでDLでも良し、公式サイトから体験版をダウンロードするも良し。試しにこんなカンプを作成してみました。世界中のイケメンを紹介する、IKEMEN.comです。第一回目のモデルから頓挫しております。データができましたら、切り出したいパーツのレイヤーorグループに名前（○○.jpgや○○.png）を付けて保存します。あとはその保存したPSDデータをSlicyにぶち込むだけ。見事、名前を付けた通りに画像がスライスされました:) あとはドラッグアンドドロップか、画像を選択して上のSaveボタンをクリックして任意の
gologo13 2013/08/23
photoshop

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

HTML5
リンク
Evernoteの超具体的使用例　〜ノート総数「4100」私のノートブックを公開します〜
先日アップしたエントリーでは、私が現在Evernoteと連携させているiPhoneアプリ、Webサービスをご紹介いたしました。そこでふと気がついたのが、最近Evernoteのノートブック晒しをやっていないなと言うこと。参考：参考になりすぎるEvernote活用例4 –@OZPAのノートブック晒し– | goryugo, addicted to Evernote 昨年の12月、@goryugo 氏のブログに寄稿させていただいたのが上の記事。本格的にEvernoteを使い出した昨年5月からの7ヶ月間で、ノート数は2200程度でした。で、それから4ヶ月。現段階での私のEvernoteノート数は4100ほど。 Evernoteにライフログを叩き込もう！と勢いごんでから、そのノート数は加速度的に増加しております。この4100という数が多いのか少ないのかは皆様の判断に委ねるとして、現時点での
gologo13 2011/04/14
evernote
リンク
Evernoteを使うなら絶対に知っておくべき神ブックマークレットの使い方
いらぬ親切余計なお世話。あまり好きな言葉ではございませんが、Evernoteを使っている時にそれをふと感じる事があります。 EvernoteでWebクリップをする際、ChromeエクステンションやFirefoxアドオンを用いている人が大半でしょう。ただ、単にクリッパーをクリックするだけだとサイドバーやらヘッダーなどのいらない情報がクリップされてしまう事があります。これぞ、The・いらぬ親切。上は当ブログの過去記事を適当にクリッピングしたものですが、Webクリップにはヘッダーやらなんやら不要ですよね。ロゴはカッコイイけど。で、この間@goryugo さんのブログで紹介されていた、とあるブックマークレットが、こんな時に超絶便利だって言うお話なんです。紹介せざるを得ない感じで便利。その名も、「Print what you like」！参考：[link]Evernoteのクリップに
gologo13 2011/02/10
evernote
リンク
1