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

デザイン効率大幅アップ！Photoshopとスマホの画面がリアルタイムに同期される神アプリ『Skala Preview』

世の中にはこんなに便利なアプリがあったのかと驚きを隠せない霙(@xxmiz0rexx)です。なぜ今まで知らなかったのか！！なんて非効率な日常を送っていたのか！！悔やんでも悔やみきれないです本当に。。というわけで、今日は存在を知って以来毎日使ってしまっている超絶神アプリをご紹介させて頂きます:) スマートフォンサイトやアプリデザインに最適なのでマカーなあなたは是非チェックしてみてください！！『Skala Preview』とは Photoshopで開いているキャンバスをスマートフォンでリアルタイムプレビュー出来るアプリです！今までスマートフォン向けのデザインをする時は、Dropboxにpngを保存し、同期させ、実機で確認していた私。同期にいちいち時間がかかりかなりストレスだったので、このアプリを知って大歓喜なのでございます♡ 公式サイト：Skala Preview, a Mac a

web_designer 2013/12/20

リンク

[商用利用OK]デザインに行き詰まった時に刺激をもらえるUIエレメント検索サイト『UICloud』

あけましてめでとうございます。年末年始魔の9連休により完全にダメ人間化した霙(@xxmiz0rexx)です。2013年一記事目は最近出会った素敵なサイト『UICloud 』のご紹介をしたいと思います ;) 『UICloud 』は、ボタンやフォームなどの細かいパーツからダッシュボードのデザインまで幅広いUIデザインを検索でき、ありがたい事にすべてpsdデータがダウンロードできる素晴らしいサイトでございます。サイトで使われている言語は英語ですが、検索する単語は慣れ親しんだWEB用語（buttonとかsearch formとか）ですし、ライセンス表記もぱっと見て分かるところ（サイドバー最上部）にあるので特に困ることはないですね :) クオリティの高いデザインばかりなので見ているだけで刺激になりますよ！もちろん、商用利用可能なので素材をそのまま使ってもOK! いくつか見たところライセンスは

web_designer 2013/01/16

UI

リンク

スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました

こちらもおすすめです！(2013.08.27)→『ヌルヌルの秘訣はCSS！Googleスマホ版で採用されている使い心地のよいスライドメニューを再現した『jSlideMenu』』こんにちは、霙（@xxmiz0rexx）です。スマートフォンサイトでのメニューの表示方法をあれこれ考えた結果、素敵なjQueryプラグインに辿り着きましたのでご紹介したいと思います。コンテンツ量が多くてもメニュー分のスペースを考えずに構成できるのでかなり気に入っています :) FacebookやPathなどで使われているあのメニュー表示の動きをjQueryで簡単に再現できるプラグインです。普段はCSSで非表示にしておいて、ボタンを押した時に┃＼( °Д°)三ｶﾞﾗｯと引き戸を開けたようにメニューが出現しますｗ＊追記＊ライセンスはMITなので商用サイトでも使用OKです！参考：PageSlide: a j

web_designer 2012/12/26

リンク

良質なワイヤーフレームを超簡単に製作できるFireworks拡張機能『Placeholder』がめちゃめちゃ便利!!

フリーランスでWEB製作をされている@sou_labさんからドラッグ＆ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です！！ワイヤーフレームとはデザインにとりかかる前にサイトの骨組みを視覚化し、要素の漏れを防いだり、全体のイメージを掴むために用意するものですよね。実はわたしは今まで作ったことがなかったのですが、しっかり骨組みをしておけばデザイン時・コーディング時の作業がスムーズに進みますし、作っておいて損はないモノですね。 Placeholderとはそんなワイヤーフレームですが、自分用ならともかくクライアントさんにお見せする場合は、要素ごとにwidthやheightの数値なども記載してあった方

web_designer 2012/01/12

リンク

思ったよりカンタンでした！アプリで作るfacebookページ+参考デザインの紹介

ついに、当ブログもFacebookページを作ってみました・・！小難しそうだなぁと敬遠していたのですが、よいアプリを見つけ、htmlを書かずに、画像を用意するだけでウェルカムページまで作ることが出来ました！！「なんか面倒そうで用意してない・・」というブロガーさんは是非、このアプリを使って作ってみてはいかがでしょうか？Facebookページは作ったけどウェルカムページがない！という方にもおすすめです！以下の記事に、ブロガーさんがFacebookページを作ったほうが良い理由が熱く語られていました！ブログをお持ちの方で、まだFacebookページを作っていない方は一度目を通してみてください( b･`∀･´) 参考：ブログを書いている人は Facebook ページ（ファンページ）を作るべき: Facebookのここが好き–その2 | iPhone 研究室（iPadもね）アプリを使ったFa