ただ多くのデザイナーは夜遅くまで、場合によっては帰ることもできず夜通し働かされている人も少なくない。そんな過酷な労働環境の中でいかにして素晴らしいデザインが生まれるのかをまとめた画像が話題になっていたので、紹介する!! デザイナーはこうやってデザインをアウトプットするらしい 僕らが日々目にするデザインは、このようにして生まれるようだ。 頼む人にも見て欲しい pic.twitter.com/9JG9tyvF — Mash (@Mash_RD) 2012, 10月 28 僕も仕事柄デザイナーの人と一緒に仕事をする機会も多いのだが、デザインを依頼する側としてもこうやって苦労しながらも素晴らしいアウトプットをしてくれているのは横で見ていて肌で感じている。依頼者としては、そもそもデザイナーが人間らしい生活を確保できるようにハンドリングすることも大事だが、もしそれが〆切などでどうしてもできない場合、ア
1年ほど前に「業種別のブラウザシェア」という記事を書きましたが、Google Chromeとスマホ系ブラウザのシェア拡大スピードが凄まじいように感じたので、現在の状況をまとめておきます。 前回、業種ごとに複数サイトを掲載したのですが、今回は1業種1サイトにして、業種を少し増やしてみました。 無料SEO対策のススメの方で「業種別の検索エンジンシェア2012年版」を書いています。 ※基本的には直近1ヶ月のアクセス解析データを元にしていますが、アクセス数が少ない場合には2ヶ月分としています。3/26にInternet Explorerの自動アップグレードが始まり、6と7のシェアが大きくかわろうとしていますので、最後にIEのシェアをまとめています。 このサイトは、スマホサイトがあるので、スマホ経由のアクセスは含まれていません。ちなみに他のSEOサイトもChromeが1位になっています。多少Chro
はじめに 現役デザイナーの方々にデザインを伝授していただけると @satococoa さんに聞いて『第一回 プログラマ向けデザイン勉強会 - connpass』に参加しました。各発表の自分用メモを書いていきます。 Twitter Bootstrap のカスタマイズ例 - @machida さん メモ スライド RailsエンジニアのためのTwitter Bootstrapカスタマイズ例 // Speaker Deck カスタマイズされたコード machida/CustomizedTwitterBootstrap 基本はベース、メイン、アクセント(目立つ色。クリックされたいボタンとか)カラーの三色。70:20:5 くらいの比がいいらしい sass でコーディングするときは三色を変数にして基本はそれをつかう 背景にテクスチャーをつかうと高級感が出る 次のサイトを用いた三色の決め方 Color
こんにちは~ 仕事が恋人のデザイナー、王です φ(≖ω≖。)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい! やっと出会えたぞ!僕が探し求めていた幻のエディタに!! 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう!本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです! 見た目的には、このように、優雅(Sublime)そのもの! Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな! 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能
2023-11-18 アプリの更新を Homebrew で 2022-11-23 パスワードで保護された投稿でパスワードが間違っている場合にメッセージを表示する 2021-08-21 Finder での右クリックをキーボードで操作 2021-07-02 Sublime Text で $ もダブルクリックで選択 2020-05-28 Adobe Fonts の Web プロジェクトへフォントを追加するときの謎 2019-12-04 ハロー&グッバイ 2018-06-21 WordBench 終了によせて 2018-06-12 初岡山旅行 2017-09-18 Sublime Text 3 リリース 2017-05-17 CodeGrid 歴代Tシャツ 12345>
はじめまして ナナメウエデザイナーのはっち(@hacching)です。 さて、今日は私がWeb制作をするときにチェックしているサイト一覧をまとめてみました。 自分の備忘録でもあります〜。 是非参考にしてくださいね(*’-'*) フリー写真素材サイトさん Webデザインする際に必ず必要になる写真素材。 有料素材はクオリティは高いですがお値段も高い〜。 そんなあなたに、ありがとうフリー写真素材! 写真素材 – フォトライブラリー 無料会員登録しておけば、1日に数枚(何枚だっけ)限定ですが、無料素材がDLできます。 商用利用OK&無料の写真・フリー素材を集めました!総合素材サイト|ソザイング 完全無料の写真・Web素材(バナー、オブジェクトなど)素材サイトです。コンテストの実施など、ユーザーの参加型企画も豊富!シーズンにあわせた特集も魅力です。 PAKUTASO/ぱくたそ-WEB
IROHA GRAND HOTEL 【いろはグランホテル松本駅前】コラボパートナーになってホテル... 詳細を見る
これからの時代、さらに重要になるデザイン。 単なるビジュアルを作ることはデザインではありません。 デザインの本質は、事業の本質的な価値と人々のニーズを繋ぎ、 なぜそれらが存在するかを、クライアントの想いに寄り添いながら人々に伝えること。 クライアントの想いからユーザー体験までデザインすることが重要になります。 Philosophy 「夢」を「デザイン」し、顧客・社会そしてわたしたちを、心からわくわくさせ続ける。 Mission デザインの力で世界の誰かを幸せに。 Vision 顧客に向き合い、顧客すら知らなかった「顧客価値」を創り出す 細やかなコミュニケーションを 毎日、小さな感動と喜びを 常に人と社会に優しさ・思いやりをもって接し、「誠実さ」を忘れない ITとコミュニケーションをデザインでつなげる
NPO法人ウェアラブルコンピュータ研究開発機構(チームつかもと)大阪交流会、というイベントで20分ほどのセッションをしてきました。僕の担当テーマはUX。その時のスライドを公開しておきます。 スライドを見てもらえればわかりますが、セッションでは「体験のデザイン」を「多くのWebデザイナーはなぜUXとUIを混同するのか」という切り口でお話しました。自らの同業者叩き的なプレゼンを(しかも異業種の人相手に)するのは、あまり褒められたアプローチではないかもしれません。それでもあえてそうしたのは、なぜ混同が起きるのかを自分自身が深く考えてみたかったこと、UXという言葉のバズワード化を快く思っていない方が参加者の中にいそうだったこと、が背景にあります。 僕を知っている方からすれば「お前がなぜUXを語るのか?」というツッコミを入れたくなるかと思います。僕も自分で自分に何度もつっこみましたから。今回は、過去
英語の通販サイトを利用する際などに手間取るのが、自宅の住所を英語表記で入力しなければいけないという点。 いつもと違う番地や町名の表記の順番に頭を悩ませる方も少なくないはず。 そんな時にすっごく便利なWebサービス、「JuDress」をご紹介。 JuDressは日本語住所を英語表記に変換するWebサービスです。 当サービスは英語表記の変換結果を保証するものではありません。 また、Stylish変換は実用性がありませんのでご注意ください。 変換結果が正しいか必ず確認の上、表記の参考としてご利用ください。 via: JuDress | 住所→Address変換 使い方はいたってシンプル。まずはJuDressにアクセスしませう。(ちなみに今回のデモはAppleStore銀座店の住所で行っております。) そして、郵便番号を入力して、「住所検索」ボタンをクリック! すると、都道府県名と町名までが自動入
なぜブックマークするのか 皆さんもwebで読んだり興味を持ったwebページを、自分なりの理由や線引きの元にブックマークしますよね。 でもそれを後で活用できている人ってどれくらいいるのでしょう。せっかく一瞬とは言え作業をしているのですから、何かの役に立てないと意味がないですよね。まず、どういった理由でブクマするのか、ちょっと考えてみます。 ググっても見つからない時の為の保険 大抵の場合、記事のタイトルや概要を覚えておけば、本当はブクマする必要すらないのかもしれません。webcre8がブクマし忘れて後々困った!と思うのはやっぱり英語の記事やチュートリアル、素材を探すときですかね。単語だけだと色々引っかかって見つかりません…。 後で読み直す為 しっかり読んでないけどあとでもうちょっとちゃんと読みたい、と言うようなものです。結局読み返さずじまいの記事も多いと思いますけど…。まあそれはさほど必要のな
フォント選びをしている時によく目にする「Oblique(オブリーク)」と「Italic(イタリック)」。 どちらも同じ斜めになっている書体ですが、微妙に細部がちがいます。 ちなみにこの斜体がファミリーに含まれているフォントというのは、長い本文での使用を想定して作られたものですので、欧文で本文を組む際にはファミリーに斜体が含まれているか確認するといいかもしれません。 使い方としては、文章中の強調したい部分や固有名詞に使われることが一般的です。 さて、ちょっと脱線しましたが、ObliqueとItalicの違いについて見て行きましょう。 Obliqueはただ斜めにしたもの こちらはHelvetica Obliqueの41ptです。 実はこれ、Helvetica Regularを斜めにしたものと全く同じです。 上はHelvetica Regularをillustratorの[自由変形ツール]
2015年2月1日 Web関連記事, 海外情報 海外生活もまもなく6年目に突入するManaです。カナダ・オーストラリア・イギリスのWeb制作会社5社で面接を受けたのですが(3社で就労・1社落選・1社辞退)、海外のWeb制作会社での就活情報はなかなか見かけないので、自分の体験をもとに記事にしてみようと思います。以前「海外のWeb業界で働くには?」という記事を書きましたが、今回はさらに詳しく紹介します。 ↑私が10年以上利用している会計ソフト! 就労ビザはどうする? 国によって呼び方は変わりますが、大まかに分けて以下のビザがあれば就労可能です。詳しくは「行きたい国の名前+ビザの種類」でGoogle先生に聞いてみてください。 市民権保持 永住権保持 就労ビザ ワーキングホリデービザ インターンシップビザ 配偶者ビザ この中でも「就労ビザ」は基本的に企業のサポートが必要で、就職先を見つけてからビザ
HTMLコーディングの次世代標準機能を備えるエディタ 先日紹介したAdobe Edge Tools & Servicesのエディタ担当Adobe Edge Codeを紹介します。対応OSはWindowsとMac OS Xで現在プレビュー版で無償で使うことができる。 先行して公開されているオープンソースプロジェクトBracketsをコアに採用しており、革新的な機能が備わっている。次世代エディタの標準となりそうな機能の解説を盛りだくさんでみていこう。 尚、ショートカットはMacベースで説明します。Winの方は適宜CmdをCtrlに読み替えてください。 HTMLファイル上から各タグのCSSを直接オープン これは感動的過ぎる。HTMLファイル内のスタイルを編集したいタグにカーソルを合わせ、Cmd + Eを叩くと、なんと直下にCSSの定義が呼び出されて表示される。奇跡だ。 なぜこの機能を今まで他のエ
2012年10月28日 ブログ勉強会の様々な形、即興LTが面白かった「川崎ブログバカ!二代目!」 カテゴリ:企画イベントプロブロガー 2012年10月21日、クソ真面目なセミナーもいいけど、ダラダラとしながらみんなで情報交換するのもいいよね〜的なノリのブロガー合宿「川崎ブログバカ!二代目!」に参加してきました! 先にエントリーで書いたように、ブログの勉強会ってことになってるけどなぜか「ラーメン合宿」になってしまったくらい奇妙な「川崎ブログバカ!二代目!」。 → 奪い合ってでも食べたい!これが「春友ラーメン」だ!なまら春友流 @spring_friends さんの本気の味に14人が感動! ブログをひたすら書く!とか、講師一人のブログテクニックを教えてもらう!とか、そういうガチガチな雰囲気とはまったく真逆。 他人のブログネタを聞き、それをつまみにして酒を飲む的なムードの中、得るものは非常に多か
Download Lens Icon Icon. Get lens & icons vector icons in SVG, PNG, ICO or ICNS on Icon Packs ✓ No Copyright images ブリーフケースアイコン こちらもブリーフケースの表面の質感がなかなか良い感じ。革っぽさを演出しているみたいですが、これもいい勉強につながりそうです。 Briefcase | Inventlayout.com – Download free PSD, AI resources like textures, icons, buttons, backgrounds and many many more… ドローイングツールアイコン 割と定番といえば定番な感じのアイコンデザインですが、個人的に気になったのが影の部分。こうした影の部分って黒系一色でぱっと作られてるものが多
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く