-
伸び盛りのWebディレクターに勧めたいワイヤーフレーム模写 | 株式会... www.loftwork.jp
ロフトワークに入社して5ヶ月…本格的に仕事でワイヤーを引いたり、デザインディレクションをしたりすることが増えてきたので、いいデザインリファラー(※)がないかなーと思っていたところ、ホットエントリに『シンプルで上質なウェブデザインの国内サイトまとめ』なる記事を発見! (※「リファラー」というと、... 続きを読む
-
伸び盛りのWebディレクターに勧めたい「ワイヤーフレーム模写」 | It... irritantis.info
本格的に仕事でワイヤーを引いたり、デザインディレクションをしたりすることが増えてきたので、いいデザインリファラー(※)がないかなーと思っていたところ、ホッテントリに『シンプルで上質なウェブデザインの国内サイトまとめ』なる記事を発見! (※「リファラー」というと、Web解析業界では通常「参照元U... 続きを読む
-
ウェブサイトのレイアウトを簡単に作成できるジェネレータ「PageBlox... www.lifehacker.jp
Webツール , その他 ウェブサイトのレイアウトを簡単に作成できるジェネレータ「PageBlox」 2012.04.24 12:00 コメント数:[ 0 ] Tweet 「PageBlox」はウェブサイトのレイアウトを作成できるジェネレータです。ウェブサイトを作るときの大枠を簡単に作成できま... 続きを読む
-
iPhone, iPadなど、Responsiveデザイン用のレイアウトがブラウザ上で... coliss.com
スマートフォン、タブレット、ネットブック、デスクトップなど、さまざまな表示サイズで指定したウェブページを確認できるオンラインツールを紹介します。 Screenqueri.es Screenqueri.esのデフォルトで用 [...] 続きを読む
-
中二病や黒歴史っぽいカッコよさとインパクト重視のフリーフォント集... gigazine.net
タトゥーと言えば梵字っぽいデザインで入れられることがよくありますが、実際に体に入れるのは覚悟がいるし結構大変、しかも基本的に「若気の至り」的なものであるため、そこかしこから痛々しいというかイキりまくりというか、そういう中二病的なセンスが非常に多く、後々に黒歴史化してしまい、身体に入れてしまった... 続きを読む
-
シンプルで上質なウェブデザインの国内サイトまとめ | 日刊ウェブロ... toshiiy.blog22.fc2.com
白を中心としたシンプルで美しいデザインのウェブサイトをまとめました。日本語サイト中心なので、サイト制作の参考にしやすいかと思います。 Francfranc フランフラン コーキーズクッキー オンラインショップ recomincaリコミンカ 代官山 蔦屋書店 momochi soap Starb... 続きを読む
-
ベーシック且つシンプルなレスポンシブWebデザイン対応CSSフレームワ... kachibito.net
シンプルでベーシックなレスポンシブ Webデザイン対応のCSSフレームワーク をご紹介。シンプルなのでフレーム ワークとしてとても使いやすいイメージ でした。これはこれで覚えておくと いいかも。 Exegesis-Framework シンプルなレスポンシブWebデザイン対応のCSSフレームワー... 続きを読む
-
新卒でも分かる!成果に繋がるWEBサイトの基礎まとめ「5つのステップ... media.marsdesign.co.jp
基礎を理解し、事例をたくさん目にして、 成果に繋がるWEBサイトは何かを考える。 4月に入り、新しい社員を迎えられた企業も多いと思う。 WEBや販促担当の新入社員さんには、いきなり現場に入って 大変な思いをしている方もいるかもしれない。 その指導をされる方々は、 もしかしたら、新入社員さん以上... 続きを読む
-
Pinterestライクに要素を整列させるjQueryプラグイン「The Wookmark ... www.skuare.net
Pinterestライクに要素を整列させるjQueryプラグイン「The Wookmark jQuery plugin」 Tweet 一時期流行ったデザインのため以前から要素を整列させるjQueryプラグインは多数ありました。 現在Pinterestが海外では注目されているため、これ系のデザイ... 続きを読む
-
Facebookページの制作に役立つ、タイムラインとニュースフィードの新... coliss.com
Facebookのタイムラインとニュースフィードをピクセル単位で忠実に再現したテンプレートのPSD素材を紹介します。 PSDは制作に利用できるようすべて編集可能な状態です。 Facebook news feed and [...] 続きを読む
-
ゼロからはじめるレスポンシブWebサイトを作るために勉強できるサイ... www.html5-memo.com
スマートフォンサイトとPCサイトの振り分けを考える上で、 ひとつの選択肢となる「レスポンシブWebデザイン」。 スマートフォンサイトの最適化とは違い、CSS3のメディアクエリ機能を使って、デバイスのサイズごとにCSSの読み込みを変更することによって、1ソースでマルチデバイスに対応したサイトを制... 続きを読む
-
iPhone/iPadで室内を撮ると自動的に間取り図を作成してくれる神アプ... www.interiorhacks.com
『MagicPlan』は、部屋探しのお供にピッタリなiPhone/iPadアプリです。 使い方は至って簡単。部屋の真ん中に立ってコーナー(四隅等)を順番に撮影するだけ。作成した平面図はpdf、jpg、dxfといった形式で書き出すことも可能です。 家具が置いてあっても問題ないというのがスゴいです... 続きを読む
-
Y.A.M の 雑記帳: Android Fragment は破棄時に保持している View ... y-anz-m.blogspot.com
2012年4月18日水曜日 Android Fragment は破棄時に保持している View の状態を保存させている 前々回(Android Fragment で setArguments() してるサンプルが多いのはなぜ?)に Argument を使えば再生成時に値を引き継げることを書きま... 続きを読む
-
Y.A.M の 雑記帳: Android レイアウトから生成した Fragment は Fra... y-anz-m.blogspot.com
■ レイアウトから作成した Fragment には setArguments できない 前回のエントリで Fragment の Arguments の利点をいろいろ紹介しましたが、レイアウト内に <fragment> タグで定義して生成した Fragment には setArguments()... 続きを読む
-
新入社員が知っておくべきホームページを崩さず綺麗に印刷する裏ワザ... www.chrome-life.com
4月から新しく社会人になった新入社員のみなさん、仕事に慣れてきましたか? まだ始まったばかりなので、研修や挨拶回りでそれどころじゃないですよねw 最近では、仕事でもパソコンを使うことが多いと思いますが、上司からこんな依頼がくることがあります。 「◯◯についてインターネットで調べて、必要そうな記... 続きを読む
-
レイアウトの基本的な型と、レイアウトからデザインまでの流れ | Arc... www.ar-ch.org
Webサイトにおいて、レイアウトの基本的な型と、レイアウトからデザインまでの流れを簡単にまとめてみました。 レイアウトからデザインまでの流れを把握しておくと、その間の思考が分断されずデザインがしやすくなると思います。 また、ユニークなレイアウトにするにしても、あらかじめ基本的な型を知っておくと... 続きを読む
-
Photoshop VIP ☞ ディテールにこだわった、ホームページ、ブログ用P... photoshopvip.net
細部までこだわった、プロフェッショナルなレイアウトデザインの無料PSD素材テンプレートを25個まとめたエントリー「25 Detailed Web Layout PSD Templates」が公開されていたので、今回はご紹介します。 どれもWebデザインのトレンドを取り入れたデザインとなっており... 続きを読む
-
最近リリースされたjQueryプラグイン40「40 Recently Released jQuer... design-develop.net
軽量で利用しやすく、実務ベースでも多用されるjQuery。今日紹介するのは、最近リリースされたjQueryプラグインを集めた「40 Recently Released jQuery Plugins」です。 Zoomooz.js 機能を問わず、最新のjQueryプラグインがまとめられています。全... 続きを読む
-
Android開発の落とし穴 - FLYING d:id:tondol
昨日のエントリーに引き続き,バッドノウハウ的なものを箇条書きでまとめておく。思い付いた順に追加していく予定。永続化はonPauseで行う*1。詳しくはActivityのライフサイクル図を参照のこと。onPauseと対になっている処理は,onResumeで行うこと。onStart/onStopは... 続きを読む
-
小野和俊のブログ:UX/UIデザインガイドライン blog.livedoor.jp:lalha
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 世の中にはすでにUX/UIデザインガイドラインとして各社の推奨する指針をまとめたものが公開されているので、プログラマ... 続きを読む
-
PCサイトとスマートフォンサイトをどのように扱うか?国内のレスポン... webdesignmatome.com
海外の企業サイトではレスポンシブルウェブサイトもだんだんと浸透しております。 Responsive Web Design を利用している企業サイトリスト 毎日更新したり、記事コンテンツの多いサイトでは、全デバイスのソース管理や更新が1ソースでできるレスポンシブウェブサイトの導入は一つの選択肢と... 続きを読む
-
複数の画像のレイアウトを自動化できるPhotoshopのエクステンション ... coliss.com
Tych Panelとは Tych Panelのインストール Tych Panelとは Tych Panelは写真などの画像のレイアウトを自動化するPhotoshopのエクステンションで、レイアウトの設定は事実上無限です。 下記のようなレイアウトも1クリックで簡単にできます。 Tych Pan... 続きを読む
-
WEBで成果を求められた時に役立つ「コンバージョン率を上げる5つのス... media.marsdesign.co.jp
WEBで成果を求められた時に役立つ「コンバージョン率を上げる5つのステップ」 Posted by granddesign on 4月 9, 2012, filed in: WEB制作, 販促 WEBで成果を出すために必要なのは、 コンバージョン率を上げる5つのステップ! 企業の販促・広告担当者... 続きを読む
-
[JS]かなりかっこいいアニメーションを使ったスライドショーを実装す... coliss.com
デモページ:別レイアウト 実装 実装に使用しているスクリプトは先日当サイトで紹介した「jmpress.js」です。 紹介記事はこちら。 広大なカンバスを使って次々にコンテンツをスライドさせるスクリプト -jmpress.js HTML jmpress.jsのイメージは一枚の広大なカンバスにパネ... 続きを読む
-
デザインする上で要素を目立たせるという事 - YATのBlog wp.yat-net.com
デザインやコンテンツ制作の打ち合わせをしていると必ず出てくる「目立たせる」という行為。人によって「赤くして」とか「大きくして」と言った抽象的な言葉で表現されますが、我々はその言葉をそのままの意味で捉えるわけには行けません。CSS CSS HappyLife CSS Lecture CSS-EB... 続きを読む