これからWebデザイナーを目指す人の背中を押してくれる備忘録15選
2015年10月8日の記事を再編集しています。 近年のWeb業界は目覚ましい発展を遂げており、以前に比べるとWebデザイナーを本格的に目指す方向けのスクールやサービスも数多く登場し、独学でもWebデザインが学びやすい環境になりました。 とはいえ、未知の領域へのチャレンジは「何から始めたらいいのか分からない」そんな不安で尻込みしてしまうことはないでしょうか。 今回は、未経験者がWebデザインを学んていく過程や成果を記録した記事をご紹介し、Webデザインを始めたい方、興味があるという方の後押しになればと思っています。 ぜひ、これからの参考にしてみましょう。 未経験者がWebデザインを学んだ成果を記録した記事まとめ 1.１年でフリーのWebデザイナーになった僕が実行した8つのステップ【独学デザイン勉強方法】｜ Literally http://tsukuruiroiro.hatenablog.c
ぼくのフロントエンドの情報収集ソース
最近の情報収集の仕方も昔とはめっきり変わった感がある。 そもそも情報が多すぎるのが困りモノだ。 フロントエンドの技術サイクルも目まぐるしく早い。 多すぎる情報を効率良くフィルタリング出来る仕組みを確立すればいいと個人的には思っている。 それには自分に合った質の高い発信元を把握しておくことだ。 今日は自分の日頃使ってるものを紹介する。 国内 はてブ(テクノロジー – Webデザイン) 技術系の鉄板。毎日眺めるだけでホットな話題がある程度わかる。 Gunosy 言わずと知れたキュレーションサイト。意外とコアな情報も入ってくる。 dotHTML5 初めはHTML5関連だったけど、最近は多岐にわたってる印象。 HTML5 Experts.jp JSer.info azuさん運営のJSer御用達しサイト。 ここ 見ておくと参考になる。 そういえば最近JSerという言葉聞かなくなった。 海外 Smas
【保存】ジャンル特化型ストックフォトサービス23選
多種多様な写真素材が揃うストックフォトサービスは、無料のものも含めて数多く存在します。 クオリティの高い素材を使うことでビジュアルを良くしてくれるだけでなく、自身で撮影したりデザインする時間を短縮してくれます。 しかし、ニッチな写真素材を探している場合には、思っているものが見つからないことも少なくありません。 そんな時に便利なのが、最近増えている特徴的・特化型のサービスです。 今回は数ある中から23個のサービスをご紹介します。 ご自身がよく使う写真素材のジャンルがある場合には、ぜひ参考にしてみてください。 特徴的・特化型がユニークな写真サービス23選 1.kaboompics http://kaboompics.com/ 解像度が大きく、高画質な画像を多数配布している写真サービスです。 写真素材といえば2400px程度までが一般的ですが、kaboompicsではそれを上回る大きな画像が手に
一括見積もりのビジネスマッチングサイトの比較jp
比較jpは無料でご利用いただける一括見積もりのビジネスマッチングサイトです 比較jpはホームページ制作やDM発送代行などのビジネスシーンはもちろん、ウォーターサーバーや家屋解体・建物解体などの日常生活に関するものまで簡単に比べることのできる比較サイトです。最短3分程度の入力で複数の企業に一括見積もり・一括資料請求が行えます。 激安・格安など費用の比較はもちろん、サービス内容や担当者の対応まで比較することが可能です。
デザイナーがバナー制作でお小遣い稼ぎをするための全知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ソウルドアウト株式会社のなごです。 Web制作で収入を得たい・増やしたい人にとって、バナー制作は空いた時間でサクッとできるのでおすすめです。 昨今は、クラウドソーシングによってバナー制作を外注する企業が増えてきているので、そこまで高度な技術がなくとも、5,000円～50,000円のスポット収入が得られます。 今回は、バナー制作によって、簡単にお小遣い稼ぎをするために必要な知識をすべてまとめました。社会人や学生、主婦の方など、空いた時間にお小遣い稼ぎをしたい人にも、Webデザイナーとして独り立ちするために実績を積みたい人にもおすすめです。 「成果が出る」バナーを作るには？ バナー広告の制作には、デザインスキルだけでなくWebマーケティングやコピーライティングのスキルも重要です。とくに副業や就転職を見据えてプロレベルのスキルを身に着けたい……という方は、Webの知識を総合的に学べる
Typographer’s typefaces The 25 most admired... | Type Worship: Inspirational Typography & Lettering
The official blog of 8 Faces magazine. Featuring inspirational typography, beautiful lettering, reviews, interviews with leading designers. Curated by Jamie Clarke with Elliot Jay Stocks. The 25 most admired typefaces by typographers, type designers and letterers. Selecting the right typeface makes all the difference to effective design and communication. But with over 100,000 font families to pic
QUOTATION magazine.jp
世界のクリエイティブジャーナル誌QUOTATIONのウェブマガジン。クリエイターのインタビューやイベント情報など。
モバイルブラウザでピンチアウトすると position:fixed した要素がただよう | DriftwoodJP
症状モバイルブラウザでも同じデザインレイアウトで表示させたい。 PC向けにデザインされた Fixed-Width レイアウトメインコンテンツの左右に固定配置要素ナビゲーションやページタイトルといった要素が position:fixed されています。 CSS基礎 positionプロパティ(absolute／relative／fixed／static)の使い方 | Strongholdモバイル用のデザインはありません。 ユーザーの使い勝手を考えると、横幅を指定して表示し、ピンチイン/ピンチアウトによるスケールの変更を許可する必要がありそうです。 ビューポートを設定する – PageSpeed Insights — Google DevelopersスマートフォンサイトでのViewport設定 – 新世代Web制作テクニック総特集 – MdN Design Interactiveこの状況で、
オンマウスでふんわり現れる！CSS3を使った吹き出しサンプル5つ
タイトルの通りですが、アイコンの上にマウスを乗せると吹き出しが現れるサンプルを紹介します。今回は現れる動きが違うサンプルを5つ用意しましたので、気に入ったものがあればうれしいです。 Chrome、Firefoxの最新バージョンやIE10だとすべてのサンプルが動きます。CSS3のtransitionやrotateが使えないブラウザでも機能的には問題はないと思います。opacityが使えないIE8以下はちょっと厳しいですが、最後に少し対応法を紹介します。 では、一番上のサンプルを解説します。 HTML まずはHTMLから。 Home Twitter Facebook RSS Setting a要素がアイコンで、span要素が吹き出しです。アイコンはWebフォントで表示します。 続いてCSSです。いつも通りまずは全部載せます。 @font-face { font-family: 'typicon
30代以降のwebデザイナーの転職の難しさについて語る
「事業会社でwebデザインできるデザイナーって少なくない？！30代なんてほんと少ない！！」 デザイナーの友人と飲み会にて、ふとそんな話になった。 私はwebデザイナーではないけど、採用にも関わってる中でデザイナー採用の難しさは感じてるし、勉強会とかであった他社の人からも同じような声をきく。 でも、転職したいといって転職活動をしている30代のwebデザイナーが多いということも肌感で感じている。この状況ってなんなんだろう？と思いぐるぐる文章をまとめてみた。 ※あくまで私の周囲の観測範囲内の話、という点ご了承ください。 30代以降のwebデザイナー転職によくみられる傾向 特に個人的な観測範囲でよくみるのは、30代中盤以降の女性のwebデザイナーの転職が難航しているパターンだ。 DTPからwebデザインに入りグラフィックデザイン歴が10年以上で、紙とweb両方のグラフィックデザインができることも多
Photoshopの作業が鬼のように捗る拡張機能『Pictura』：作業画面上からFlickrの画像（商用利用可）が引用できるぞ！ | 株式会社パナレア
東京都中野区を中心としたホームページ制作会社『PNRA CO.LTD.,』のブログ。日々の業務上での発見やアイディア、Tipsなどを随時更新していきます。どーも、中野区でホームページ作成をやっています。＠PNRAです！ これはデザイナーであれば必見の拡張機能なのではないでしょうか？ 重宝すること間違いなしの拡張機能『Pictura』をご紹介します。 ホームページのモックアップやUIサンプルを作成する際に使用する画像、悩みますよね。ええ、私も悩みます。おそらく多くの人が国内外の無料写真素材サイトを駆け巡って探してくると思います。国内のストックフォトサービスであれば「PAKUTASO」、「モデルピース」。海外であれば、「THE STOCKS」、「Flickr」あたりでしょうか？ そう、そんなブラウザ間を行き来しなくてもよくなるんです！だって、フォトショップ上で莫大なFlickrのストックにアク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
広告効果測定No.1システム「AD EBiS(アドエビス)」日本発!
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Evernote 使い方解説一覧 - できるﾈｯﾄ＋
festivin-kyoto.com
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Placeit - Generate Product Screenshots in Realistic Environments 画像をiphone画面に合成してキービジュアル作成
bestpsdfreebies.com
Nyle Engineering Blog
CSS3を使ったオンマウスで吹き出しが現れるサンプル