ここ最近読んで勉強になったWeb制作関連のスライド10選（2013年6月～7月）ハートに響くUIを生み出すためのデザインプロセス / 体験から発想する意思決定・行動デザイン（UXD）... / つくらない ものづくり ~明日からできるリーンス...他...全10件
Webデザイナー 検索・登録／フリーランスWebデザイナーHP集
北海道 (7) 青森 (4) 秋田 (3) 岩手 (1) 山形 (6) 宮城 (5) 福島 (5) 茨城 (1) 群馬 (4) 栃木 (2) 埼玉 (9) 東京 (50) 千葉 (10) 神奈川 (26) 山梨 (4) 長野 (3) 静岡 (7) 新潟 (1) 富山 (3) 石川 (5) 福井 (4) 愛知 (9) 岐阜 (5) 三重 (4) 滋賀 (4) 京都 (8) 大阪 (24) 奈良 (2) 和歌山 (3) 兵庫 (15) 徳島 (3) 香川 (2) 愛媛 (7) 高知 (1) 岡山 (3) 広島 (4) 鳥取 (1) 島根 (1) 山口 (2) 福岡 (19) 長崎 (5) 佐賀 (1) 大分 (2) 熊本 (2) 宮崎 (1) 鹿児島 (3) 沖縄 (5)
世界のWebデザイナーのお給料はいかほど？
2013年12月25日 Web関連記事, 海外情報 以前日本のWeb屋さんと、海外のWebデザイナーのお給料について話したことがあります。話を聞く限り、日本は長時間労働・低収入、海外は時間キッチリ・高収入な私の勝手なイメージ。じゃあ実際どんなもんかしら？と思い、働いたことにある国を中心に、6カ国の賃金事情を調べてみました。各国の最低賃金とWebデザイナーのお給料はどのくらいあるのでしょう？ ↑私が10年以上利用している会計ソフト！ さっそく見てみましょう！ お給料（年収）は総支給額の中央値、レートは2013年3月11日のものです。ソースは記事の最後に。 オーストラリア オーストラリアが国で定めた最低時給はAU$15.96（1,568円）*1。オーストラリアはチップ文化がないため、比較的高めの設定になっていると聞いたことがあります。ちなみに日曜に出勤したら時給2倍に、祝日だと3倍になります！
H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -
HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
デザインのインスピレーションが得られる最強Webサービス7選
毎日のようにデザインをしていると、良いデザインが思いつかなかったり、前回と同じようなデザインが完成してしまったりと、どうしてもデザインに行き詰ってしまうことがありますよね。 私自身まだまだ未熟なこともあり、デザインに行き詰ることはよくあります。そんなとき、私は極力仕事中でもカメラ片手にボーっと散歩に出たりして、どうにかインスピレーションを刺激させようとするんですが、散歩に出られないときや、散歩に出ても何も思い浮かばなかったときなどは、いくつかのWEBサイトを見てインスピレーションを刺激させます。 ｢インスピレーションの刺激になるぞ｣と思ってブックマークしたサイトはいくつもあるんですが、今回はその中から、とくに皆さんに紹介したい利用頻度の高い7つwebのサービスを紹介したいと思います。ではどうぞ！ 1.Dribbble Dribbble これはかなり有名なサイトですね。いまさら紹介するまでも
レスポンシブ・ウェブデザイン基礎
1. レスポンシブ ウェブデザイン基礎 Responsive Web Design Basic ・ レスポンシブ・ウ ブデザイ ェ ン基礎 Responsive Web Design Basic こもりまさあき 2012. 06. 11 at Yahoo! JAPAN | Komori, Masaaki 2. レスポンシブ ウェブデザイン基礎 Responsive Web Design Basic ・ 自己紹介 こもりまさあき http://blog.gaspanik.com http://protean.im 1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大学卒業後 そのまま正社員となり、入出力業務、デザイン業務、ネットワーク関連業務に並行し て従事。2001年、会社を退職しそのままフリーランスの道へ。案件ごとに業務内容 や立ち位置が異なるため、職域的な肩書きは
約36時間でレスポンシブデザインを作る！効率最優先で作るため必要だったリソースや情報色々 | バンクーバーのうぇぶ屋
先日このブログをリニューアルさせて頂いた旨をご報告させて頂きましたが、今回のリニューアルの主目的だったレスポンシブデザイン化について、とにかく効率優先で作業させて頂いた時のリソース関連や情報を一度僕自身の忘備録として抜粋してまとめさせて頂こうと思います！以前別のブログを作った時もそうですが、基本僕はとにかく効率重視派です。細部に渡る美しいデザインや、ガリガリのプログラミング。標準に法ったコーディングとかはその道のスペシャリストが仲間内に居るので、今回も僕は効率化に焦点を当てています！ ご紹介させて頂くのは主にFacebookやTwitter周りで共有させて頂いてきたリソースばかりですが、実際に使ってみると見えてくる注意点や、戸惑った部分、周りのデザイナーにも知っておいて欲しい部分等が見え隠れしてきたので、まずはその辺りを中心に、作業ステップ毎に簡単にご説明させて頂こうと思います。 僕と同じ
レスポンシブWEBデザインの各モバイル端末での見栄えを1画面でチェックできる「Responsinator」
スマートフォンの普及によって、モバイルデバイスのフルブラウザ対応が当たり前になりつつあり、タブレット端末の普及によって、よりリッチなウェブ閲覧が可能になってきていますよね。 これらの端末が普及すれば、WEBサイトはどのモバイル端末でも見やすいように対応していかなければなりません。しかし、それぞれ個別に対応するのは至難の業。そこで注目されているのがレスポンシブWebデザイン。レスポンシブWEBデザインの特徴は、これまで一般的だったアクセスした端末によってデザインを変えるものではなく、アクセスした端末の画面のサイズによってデザインを変化させるところ。 でもサイズを変えた時にそれぞれ画面をチェックすることには変わりないですよね。もう昔のフューチャーフォンのように苦しみたくないものです。 そこで今回は、一発で主要な各種モバイル端末での見栄えをチェックできるサービスをご紹介します。 組織のマインドマ
シリコンバレーで聞いたデザインが美しいWebサービス／アプリ15選 - パパパパ
このブログは、僕がこれまでWebサービスをいくつか作ってきて、失敗したり成功したり色々体験していることをまとめています。 シリコンバレーに来て45日が経ちました。今日はいつもと趣向を変えて、こちらで聞いた、デザインやUI/UXが美しいWebサービスやアプリの一部を紹介してみたいと思います。 Chill http://chill.com/ デザインのイケてるサービスを聞くと、かなりの確率でこのサービスの名前が挙がりました。動画の上に投稿者のプロフィール画像が円形に表示されているのが素敵です。詳細ページの「Thoughts?」ボタンの動きが秀逸。色々参考になるサイトだと思います。 ChillのようにPinterest風デザインは、今まさにトレンドのようで、教えてもらったサイトの中でも本家に負けず劣らずのデザイン性を持ったサービスも多いです。女性ウケが良いことと、画像をファーストビューでたくさん
新しい「iPad」とウェブデザイン--「Retina Display」がウェブサイトにもたらす影響
米CNET編集者注：この記事は、Mobifyの最高経営責任者（CEO）のIgor Falestki氏がゲストとして寄稿したものだ。記事の最後にFalestki氏の略歴を記載した。 新しい「iPad」は、3月16日に発売されて以来、飛ぶように売れている。現在、300万人を超える人々がこのつややかな新しいデバイスを手にしている。 何らかの理由でその刺激的な宣伝を見逃した人のために説明すると、新しいiPadは「Retina Display」を採用したことでスクリーンの解像度が飛躍的に向上した。「iPad 2」の4倍（HDテレビの100万倍）のピクセル数を詰め込んだRetina Displayは、信じられないようなビジュアル体験をエンドユーザーに提供する。 しかし、消費者にとっては非常にシンプルに思えるテクノロジでも、ウェブサイトオーナーにとっては新たな頭痛の種になる可能性がある。Retina D
くまがモチーフになっているブランド – 癒やしさと可愛さ
くまのグッズは、アクセサリーを始めキーホルダー・ストラップ・ぬいぐるみのほか、バッグも高い人気を得ています。
はてなにおけるCSSメタ言語（CSSプリプロセッサ）の導入について - Hatena Developer Blog
こんにちは、id:tikedaです。数年前から登場して以来、利用されるケースが増え続けているCSSメタ言語（CSSプリプロセッサ）。近年、様々な大規模サービスへの導入が進む中、はてなのサービス開発においても導入を行うため、2012/3/6に勉強会を実施しました。その内容を公開いたします。CSSメタ言語そのものの説明よりも、社内導入の為に必要な内容が中心となります。 アジェンダ どんなものがあるか 導入の背景と目的 はてなでの選択 何がやれるか どう使うか 事例・実演 運用ルール 今後の展望 どんなものがあるか Sass(scss,sass) http://sass-lang.com/ Less http://lesscss.org/ Stylus http://learnboost.github.com/stylus/ Tass http://cho45.github.com/tasscs
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Online Mockup, Wireframe & UI Prototyping Tool
テレビ高知映像
ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ
https://design-spice.com/2012/06/13/responsive-web-design-image/
UIデザインに行き詰ったときに見るとインスピレーションが得られるサービス
GW中にまとめて読みたい、Web制作者におすすめのスライド
新着記事
