Copyright © BizReach, Inc. All Right Reserved. ‹#› アプリをゼロからつくるとき、 SketchとProttがいかに便便利利かの話 ~∼アプリ「BizReach」に⾒見見る 企画からデザインまでのワークフロー実例例~∼
Sketchで変わるワークフロー
Copyright © BizReach, Inc. All Right Reserved. ‹#› アプリをゼロからつくるとき、 SketchとProttがいかに便便利利かの話 ~∼アプリ「BizReach」に⾒見見る 企画からデザインまでのワークフロー実例例~∼
sublime text 2 の設定ファイル - Qiita
最近はエディタにsublime text 2を使ってるのですが、その設定についての記事が少ないので自分が設定したファイルの内容をさらしてみます。 参考のサイトはこれ https://gist.github.com/3620658 フォントは WindowsではConsolas MacではSource Code Pro を使用しています。 スキーマやフォントなど必要なところは変えてください gist https://gist.github.com/bells17/4702008 { /* * UI関係 */ // カラー&スキーマ "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme", // カラー "theme": "Soda Dark.sublime-theme", // スキーマ // カーソルのスタイル (
Retinaサポートその二歩目 – Taiyo Fujii, writer
先日公開したRetinaサポートWebへの第一歩はMacお宝鑑定団Blogでも採り上げていただいたため、開設したばかりの Blog にはもったいないほどの閲覧数となった。感謝！ 前回のエントリーでは<img>要素の画像を置き換える方法を説明した。投稿エントリーの画像を置き換えていくにはあの方法が適していると思うが、今回はバックグラウンド画像や Web サイトで何度も登場する固定画像を、スタイルシートを用いて変更する方法を説明する。 今日からこのブログのメニューは Retina 対応のテクスチャーを背景画像として登録している。Retina 対応でない環境で見るとただのグラデーションが表示されるが、 Retina ディスプレイで見ると細かなメッシュパターンがメニューの背景画像として現れる。しかし、こうやって並べると愕然とするね。 [retina normal=”http://blog.taiy
日本語Epubブックサンプル - 横浜工文社
要約すると、本文のXHTMLファイルのHTML宣言に言語を指定する必要がある、ということです。 <html xmlns="http://www.w3.org/1999/xhtml"> | v <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> この修正で日本語の表示が確かにうまくいきました。 Epubとは、電子ブック（eBook）の公開規格のひとつで、ファイルの拡張子が.epubのため、この名前があります。 International Digital Publishing Forum（IDPF）という団体が規格を決めています。 現在のバージョンは、Open eBook Publication Structure (OeBPS) 1.2です。 簡単にまとめると、 一定の約束のもとに構成ファ
Kindle用電子書籍ファイルの作り方 (mobiファイル) - 技術メモ的なモノと気になるモノ
Kindle3はepub形式のファイルを今の頃読めませんので、独自フォーマットのmobiファイルを作る必要があります。このmobiを作るまでの手順をいくつか試行錯誤してみましたので、その結果をまとめてみました（もう周知のものばかりと思いますが、私の備忘録用ですのでご容赦を） 1.mobiファイル変換用ツールを入手 作成したファイルをmobiファイルに変換するためのツールを入手します。ツールは無償でアマゾンによって公開されています。 Kindle Publishing Programs - http://www.amazon.com/gp/feature.html?ie=UTF8&docId=1000234621 今回はMacで作業していますので、「KindleGen_Mac_i386_v1.2」をダウンロードしました。zipで圧縮されたファイルが入っていて、それを解凍しておきます。解凍して
IE8互換表示にかなりヤラれた件とその解決方法（なんでドキュメントモード指定してるのに反映されないんだろう？） - はるまーきんぐ
結論*1 metaタグでページ毎にドキュメントモードを設定したい場合、 <meta http-equiv="X-UA-Compatible" content="IE=8" /> はheadタグの直後に書け。 The page could not be displayed - Microsoft Windows IE8 の互換表示について - Windows 開発統括部 Blog - Site Home - MSDN Blogs 事件は会議室で起きてるんじゃない、ブラウザで起きてるんだ！ 先日、社内イントラネットサイトが完成したんです。 私「テストとか、よろしくお願いします！」（本当は「ご確認お願い致します」と言っています） 先輩「ちょっとちょっとぉ。なんか表が一行しかないのに縦のスクロールバーがでててウザいんだけどー。」（本当は「なんでこうなってるのかな？どう？」とかいう優しい感じでした）
ディスプレイのサイズに合わせて画面いっぱいに背景画像を表示するCSSやjQueryプラグインいろいろ
ディスプレイサイズ（ブラウザサイズ）いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ（ブラウザ）のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します！ 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max
［Photoshop CS5］スライスツールをもっと便利に使って、効率よくWeb用保存をする-初心者のためのWEBデザイン教室
Webデザイン、Webサイト作成の流れ、Adobeソフト操作のちょっとしたコツ、SEOなど、ホームページを自分で作りたい初心者の方に分かりやすく解説します。 こんにちは！初心者のためのWEBデザイン教室、第13回目の授業です。 WEBサイトのデザインをPhotoshopで作成した後、「で、次にどうしたらいいんですか…？」とよく聞かれます。 スライスツールで、HTMLに組み込むために画像をパーツに分ける、ということは学習するのですが、実際に自分の作ったデザインデータを前にすると、テキストの課題とは勝手が違いますよね。 では今日は、このスライスからWEB用保存までの作業について具体的に学びましょう！ スライスツールでスライスする スライス選択ツールでスライス定義をする 切り出したい画像以外の部分が入っている場合は、そのレイヤーを非表示にする ［Webおよびデバイス用に保存］ダイアログで、各スラ
MAMP環境にポート番号なしで接続する | WebScripter.jp
ローカル開発環境(MAMP)にwordpress muをインストールしてみようと思ったが、 WPMU only works without the port number in the URL つまり、「WPMUはURLにポート番号が無い状態でしか動作しません！」と怒られたので、この際、MAMPの設定を見直す事にしてみた。 MAMPはデフォルトでポート番号が8888になっており、 192.168.***.***:8888 localhost:8888 と通常は後ろにポート番号を入れて接続するが、ポート番号なしで接続できるようMAMPのApacheの設定を変更してみる。 環境はOSX 10.5.8 MAMP 1.7.1で行っています。 OSXはローカルホストのポートがデフォルトで80に設定されているので、まず、/Applications/MAMP/conf/apache/httpd.conf
WEB屋の“メンドクサイ”は多事多難！今年遭遇したメンドクサイの数々、そして対処法色々！ | バンクーバーのうぇぶ屋
なるべく口にしないようにしていますが、正直言って僕はかなりの頻度で”メンドクサイ”と思うことが多いです。何か面倒な作業が目の前に立ち塞がったら、とにかく”メンドクサイ”と思うように心がけています。 というのも、僕にとって”メンドクサイ”という言葉は口にしたらアウトですが、思う分には誰にも咎められることはありません。おまけに、その瞬間僕が“メンドクサイ”と感じたことは、解消できれば僕の作業効率は絶対に上がることを意味しているから、別に誰になんと言われても僕にとっての“メンドクサイ”は良い言葉です。 大事なのは”メンドクサイ”で終わらせないこと。”メンドクサイから解消しなきゃ！”で口癖（思い癖？）にできれば一番でしょうか？ というわけで、今日は僕自身が「あー、もうほにゃにゃらら（メンドクサっ）！！」と思った時に、そのメンドクサイを解消してきたサービスやツールなど、遭遇したシチュエーションにも分
Google Partners Help
"+a+"","text/html").body.children[0]} function Rf(a,b){if(!a)return fe;var c=document.createElement("div").style,d=Uf(a);Qc(d,function(d){var e=M.td&&d in Of?d:d.replace(/^-(?:apple|css|epub|khtml|moz|mso?|o|rim|wap|webkit|xv)-(?=[a-z])/i,"");0!=e.lastIndexOf("--",0)&&0!=e.lastIndexOf("var",0)&&(d=Lf(a,d),d=lf(e,d,b),null!=d&&Mf(c,e,d))});return ee(c.cssText||"")} function Vf(a){var b=Array.from(D
jQuery Cycle Plugin
jQuery の Cycle プラグインについて。jQuery の Cycle プラグインを使うと、様々なアニメーション動作によるスライドショーを、簡単に作れる。オプションも豊富にあり、細部までカスタマイズできるので、スライドショー以外にも応用できる。 導入 jQuery Cycle Plugin – Downloadより、「 jquery.cycle.all.js 」をダウンロード。 実装例（サンプル） 実装例（サンプル）について 実装例（サンプル）のソースコードについては、こちら。 Cycle プラグインの使い方 基本 「jquery.cycle.all.js」を読み込み、「JavaScript」と「HTML」を下記のように書く。 JavaScript <script> <!-- jQuery( function() { jQuery( '#jquery-cycle' ) .cycle
カオスちゃんねる : 脳のリミッターをはずす方法
2011年11月09日00:00 脳のリミッターをはずす方法 スレタイ 脳内麻薬だけでハイになる修行してるんだけど何か質問ある？ 1 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2011/11/07(月) 19:43:41.45 ID:+F+Hiax90 スポーツやギャンブルやセ●ロスでも脳内麻薬は放出されるがハイとまではいかない 俺は瞑想のみでそれが可能だ 3 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2011/11/07(月) 19:44:45.97 ID:dY9Ssf5U0 厨二病こじらせてんじゃねーよ 11 名前： 忍法帖【Lv=14,xxxPT】 [] 投稿日：2011/11/07(月) 19:47:48.46 ID:+F+Hiax90 >>3 そうやってなんでも厨二病とか言ってる君には何も見えやしないよ ﾌﾌﾌ...ﾄﾞｩﾌﾌ 1
jQuery 開発者向けメモ - 基本・サンプル
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したインタラクティブなページを作ることが出来ます． 以下のサンプルを見れば，JavaScriptらしい表記をほとんどする必要がないことがわかると思います． toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります． $("#target_toggle").toggle("slow"); このブロックは，<p id="target_toggle"> です． Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
jQueryで背景画像と透明度を利用したフワッとしたロールオーバー
いつもロールオーバーを設定するときは、 パッとすぐに切り替わるものを使っていたのですが、 以前紹介した、「透明度を利用したロールオーバー」 これを使えばフワッとしたロールオーバーができな～ なんて思ったのでさっそく作ってみた。 作りは単純で、以前紹介した透明度のロールオーバーを使う場所に、 背景画像を設定しておくだけ。 あとは透明度で０を指定しておけば ロールオーバー時に背景画像に切り替わる仕組み。 使うときのポイント ポイントはフェードするのがimgのみで、 背景を設定しておくのはその周りを囲うaやpに設定しておく。 ちなみに今回はpに設定しておいてある。 単に透明度を利用するだけのもいいけど、 この方法だとふわっとさせるだけでなく、 色の変化も簡単につけることができるので、 単にロールオーバーをするよりも、今回のように、 フェード機能をつけるのもいいかもしれない。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3分でわかる！仕事に役立つExcelテクニック：ITpro
はてなブログ | 無料ブログを作成しよう
勘違いだらけのAndroid UIデザイン
スマートフォン用ページの正規化について - Google グループ
知らなきゃ危険！コンビニから学ぶ「買わせる」７つの心理テクニック:Ｂｌｏｇで本を紹介しちゃいます。