スマホサイト制作を支援する Adobe Shadow の Labs リリース 1 公開 - akihiro kamijo
アドビの新しい Web 制作支援ツールとして Shadow の Labs リリース 1 が Adobe Labs に公開されました。 （Shadow@Adobe Labs） 今回公開された Shadow の主な機能は、以下の 2 つです。 デバイス上の表示の同期 デスクトップ上でコンテンツを表示すると、ネットワーク経由で iOS や Android デバイス上の表示が同期される コンテンツのリモートデバッグ デスクトップから、デバイスで表示中の HTML, CSS, JavaScript を修正。結果は直ぐにデバイス上の表示に反映される サイトの表示確認および修正作業中に、デバイス （閲覧環境） とデスクトップ （開発環境） を行ったり来たりする必要がなくなるため、スマホサイトの開発が効率的になりそうです。 Shadow を使うには、デスクトップ環境とテストのターゲットとなるデバイス、それ
HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」:phpspot開発日誌
turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとして使えそうですね ページに立体感を出すために影なんかも描画されてます。 マークアップや初期化も超簡単です。<div>を並べて初期化するだけ。 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル モバイルブラウザでのHTML5対応状況が一目瞭然の「Mobile HTML5」 HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」
2.11.1 ヘッダーやページ内などブロック以外の場所にログアウトボタンを設置する - ちらうら PHPとCMSとWEBデザインを貪る
しばらく悩んでいましたが、どうにか2.11.1系でも実装が出来たので、自分用メモ。 EC-CUBEには最初から「ログイン」ブロックがありますが、 サイトのデザイン上、メールアドレスとパスワードを入力するフォームを 常に表示させたくなかったりすることがよくあります。 「ログインボタンからログインページに移動して、そこからログインしてもらえればいいやー(´ー｀)」 って場合ですね。 以前の2.4.x系ではテンプレート自体をブロック化させたり、ファイルを新しく作成したり、 何かと手間のかかるカスタマイズでありましたが、 2.11.1では「【ヘッダー】ログイン」ブロック内のソースを流用して実装します。 ログイン／ログアウトの判定をつける 以下のソースをメニューやヘッダー、フッターなどの切替えたいリンクの場所へ追加します。 （今回は、ログイン・ログアウトの切り替えと、会員登録・MYページの切り替えを
出展概要│京都アートフェスタ2012 artDive#06
第1次募集期間 2011年11月 7日(月) ～ 2012年3月31日(土) 第2次募集期間 2012年 4月 6日(金) ～ 2012年4月30日(月) (※一部のブースのみ受付) ※基本的に審査はなく、お申込み頂いた方から出展者を決定させて頂きます。 ※募集期間内であっても、定員数に達した場合は応募受付を終了させて頂きます。 ※一定期間に参加者希望者が集中した場合は、厳正なる抽選・審査の上 参加クリエイターを決定させていただく場合がございます。 180ブース(予定) ※お申込み状況により変更となる場合がございます。 ・ギャラリーブース (予定数：50ブース) ペーパークロスが施されたパネルが予め用意されているブースです。 ・フリーブース (予定数：60ブース) 背面・両サイドに仕切りがないスタンダードなブースです。 ・ライブペイントブース (予定数：10ブース) パ
銀座千疋屋オンラインショップ | 1894年創業の老舗果物専門店・目利きが選ぶ老舗のギフト
銀座千疋屋についてABOUT THE GINZA SEMBIKIYA 1894年創業。 専門の目利きが商品を厳選し、「数を求めず、質を尊ぶ」という 創業当時からの思いは今も脈々と受け継がれています。 続きを読む ＞ 配送料金 全国一律 880円（一部商品を除く） ヤマト運輸・宅急便 地域別詳細 ＞ ※ヤマト運輸・宅急便扱いになりますので送料をご負担頂きますようお願い申し上げます。 ※配送料には梱包料も含まれております。 ※果物は離島へのお届けができません。 ※アイスなど冷凍便の商品は沖縄・離島へのお届けができません。 ※全国送料無料の商品は、上記にかかわらず送料無料となります。 ※送料無料商品と有料商品を同送の場合は、配送料は有料となります。 ※同じ場所へ多数の商品をお届けの場合、いくつかに分けてお送りする場合があります。 ※クール便商品（アイスなど冷凍商品）と常温商品を同送の場合、いくつ
div等に指定した背景をページの下まで伸ばしたい | Takazudo Clipping*
背景を下までずずーっと伸ばしたい時は、bodyにbackground-imageを指定すればよいですが、div等に指定した背景やborderをページの下まで伸ばしたい時は、以下のようにします。 <body> <div id="Container">高さ100%</div> </body> *{ margin:0;padding:0; } html{ height:100%; } body{ height:100%; } #Container{ height:100%; min-height:100%; width:80%; background:Khaki; border-right:1px solid red; } body > #Container{ height:auto; } 下まで背景伸びたHTML完成サンプル 以下、なぜこれで実現できるのかの解説と疑問点。とても長い。 Step
リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
はじめてHTML5でコーディングする時に注意したいアウトラインとかいろいろ
先日このブログを HTML5 で作り直しました。その時に思った、HTML5 でコーディングするときの基本的な注意書きです。なので、HTML5 をこれからやってみようかなーという人向けです。canvas、video、audio などには触れていません。もっと基本の文章構造、アウトラインについての記事です。また、後半は実際に HTML5 でコーディングする時の tips になってます。 先日このブログ – Webデザインレシピを、HTML5で作り直しました。HTML5 … クライアントさんのページでは、まだ一度も使ったことがないし、勉強のためのサンプルはいくつも作ってみたんですけど、実際に運営しているページで試したいなーと思い、思い切って HTML5 にしました。 とりあえず作ってはみたものの、まだまだ分からないことだらけ。これから HTML5 でコーディングをする時に、とても大事だなーと思っ
ここ1年くらいで見られた素晴らしいインターフェイスデザイン 12選
Tweet 『fastcodesign.com』に見ているだけで楽しくなる記事が出ていたのでご紹介。 2010年に出てきたプロダクトのうち、インターフェイスのデザインが素晴らしかったものを12個ほどピックアップしてくれています。 以下、ちょっとづつ解説をば。 1. FLUD まず1番最初に紹介されていたのは、iPhoneアプリ、『FLUD』。素晴らしくデザインされたRSSリーダーアプリです。アイコンもイケてます。 2. Cortex 『Cortex』はChromeで機能するExtension。Facebook, Twitter, Tumblr, or Instapaperにマウスジェスチャーだけで瞬時に投稿できるスグレモノです。 3. IOBR 『IOBR』は幼児のためのソーシャルメディア。（というよりはコミュニケーションツールですが。）幼児は上のように、ボックスに三角や四角のブロックを入
STUDIO E-SPACE INC.
2008.6.10 執筆を担当しましたデジハリデザインスクールシリーズ「WEBデザインHTML＆Dreamweaver」及び 「WEBデザインFlash」を出版いたしました。 2008.4.10 「Illustratorプロフェッショナルデザインブック」が刊行されました。 2008.2.12 オフィスを麻布十番に移転いたしました。 2008.2.9 モバイルコンテンツ「Speo Saver」「Speo Reversi」を公開しました！ 2008.2.5 Photoshopプロフェッショナルデザインブックが刊行されました。 プロ意識をもって双方がハッピーになる仕事を！ デザインすること。 それは「見た目」を作ることのみが目的なのではなく、伝えるべき情報のアーキテクト、フロントエンドとなるグラフィック＆インターフェイス、テクニカルなバックエンドまでをトータルに設計し、コミュニケーションを
Webデザイナーな私の勉強方法まとめ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
私の勉強方法まとめてみました。 といっても 「いい情報をとりこんで、実践して、その結果をアウトプット」 をひたすらしているだけなのですが、実際にどのようなサイトや本を見てインプットしているか、どんな風に実践して、何をアウトプットしているかなどまとめてみました。 インプット 情報が美しくまとまっているサイトのフィードをチェック 国内外のWeb系の情報を丁寧にまとめてくれているブログがたくさんあります。 そういうブログのフィードをチェックしています。 デザインTipsやトレンド紹介、便利なプラグイン、プログラムなど、毎日どんどん新しい情報が出てきます。 全部読んで理解してその場で実践する、というとは不可能に近いので、へー、こういうことも出来るんだー、とさらっと頭に入れて、特に気になったものだけはてなブックマークなどでタグをつけて保存したりしています。 そうしておくことで、いざ●●しないといけな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Domain Parked With VentraIP Australia
ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ
All About COCOMO ココロのこもった贈り物。
シャディ
http://shinkansen-travel-kyoto.jp/
いざいざ奈良
http://freebiesbooth.com/
IDEA * IDEA
CSSの制作・検証に役立つChromeの機能拡張のまとめ
