Web制作の仕事をするようになってからお世話になっているサイト＆気になっているサイト｜今村だけがよくわかるブログ
Web制作を仕事にしようと決めて、勉強を始めたのが今から約8年ほど前だったと思います。その当時から現在まで、大変お世話になっていたり、気になっているWebサイトが多くあります。 今回は、その1部をご紹介します。（サイト名は順不同、敬称略です） buzzword(バズワード) http://www.buzzword.jp/ Web業界に入りたての方がつまずきやすい技術に焦点を当て、解説されている記事が多いです。 例題を交えながら平易な文章で解説されていて、とても親切。ずーっとお世話になっているサイトの1つです。 Attrip http://attrip.jp/ 仕事の休憩時間によく見るサイト。笑うつもりがなくても思わず吹いてしまうネタ記事が多くて、なごみ要素がとても強いです。 という面もあれば、国内外のWebサービスをすぐに試したり、ネット上で話題になっているものをいち早く見つけて記事にした
Webデザイナーが捗る！知識を増やす最近のトレンドまとめ
作成：2014/09/29 更新：2014/11/01 Webデザイン > Webデザインの流行りを知るために、トレンド感のある配色や洗練されたレイアウトをつくり上げるために、知っておきたいことや方法など。他に、Web制作において今後積極的に挑戦してみたいものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 １．ネオンカラー ２．washed out ３．グラデーション ４．マテリアルデザイン 模様 ５．ジオメトリー 背景 ６．背景色を時間の経過で変化させる ７．スクロールで背景固定、コンテンツだけ動かす 一部に動きをつける ８．シネマグラフ ９．線画 (SVG) １０．グリッチ UI・他 １１．ゴーストボタン １２．プレースホルダー １３．ローディングエフェクト １４．pushState １５．ドロアー レイアウト １６．タイルレイアウ
デザイナー向け！iPhone6対応について
（追記 140919 11:00)iPhone 6 Plusを入手しました 特に対応してないアプリで遊んでみても画像の劣化は問題にならないレベルです（主観だけど） （追記 140920 15:00)iPhone 6でのアプリUIについて別記事たてました みなのもの落ち着け！ iPhone6/6+の発売がいよいよ明日となりました！ 二年ぶりとなる画面サイズの変更に加えて@3xの台頭などもあるので、 慌てている・不安なデザイナー同志に向けて気をつける情報をまとめてみました。 画面解像度 アイコン・スプラッシュ レイアウト対応について ひとまず気にするのはこの辺りの情報！ あとはおまけで便利そうなリンクも載せました これを読んで、幾分かは晴れやかな気持ちで明日を迎えましょう。 それにしても時代はレスポンシブです。 やれやれだぜ。 基本的な情報 画面解像度はこうなってます 端末 解像度 インチ 書
2014年8月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン関係 コーディングを考慮したWebデザインガイドライン Webデザイン用の Photoshop の基本設定、1px 未満のにじみを発生させない、共通モジュールの外部ファイル化など、コーディングしやすいWebデザインカンプを Photoshop で制作する方法について。 Photoshopでバナー “いい感じ” に制作せよ！ Photoshop でバナーを作る時の環境設定やテキストツールの使い方など。 このブログの [Webデザイン] 文字組みについて本気出して考えてみた も紹介されていました。 DTP→Webデザイナー転向時に、これやったら捗ったよリスト13 | 279-design DTP（
はてなブログ初心者さんに捧げる！私が100記事書くまでに実行したことのまとめ - 遊ぶように働く社長のほぼ日刊ブログ
2014-08-16 はてなブログ初心者さんに捧げる！私が100記事書くまでに実行したことのまとめ ブログ運営 今日のこの記事は「はてなブログ」を始めてちょうど100記事目になります。5月1日から始めたのでちょうど3ケ月半での達成です。今日は100記事ポストするまでに、このブログに何をしたのか？何があったのか？を書きたいと思います。大したことは書きませんのでサラッと読み進めてください。 デザインの設定 はじめは公式デザイン（Epic by hatenablog）を使用していたのですが、最終的に「Witten by jclv」に落ち着きました。また、個性を出すためにヘッダーの画像を「ペイント」を使って作成しました。 記事タイトルの下にSNSボタンを設置 はてなブログでは標準で記事下にSNSシェアボタンが付きますが、記事タイトルの下にも設置しました。 ツイートボタン、いいねボタンなどをまと
ビジュアルで理解するスタートアップのピッチを格段に上げる資料作りのコツ - トランスリミット創業記.author = 高場大樹
先週は水木金と3連続でピッチをしてきました。ようやく、我々が目指しているプロダクトの形が見えてきたこともあり、構想が中心の概念的な内容から絵を見せて話をする具体的なピッチへと進むことができました。3連続ということもあり毎日ブラッシュアップされて良いものに仕上がってきまして、最後の日は自信を持って自分の言葉で伝えることができるようになってきたのではないかと思いました。 本日はプレゼン資料作りにおいて、自分が気にしている部分やこれまで様々な方からアドバイスを頂いて取り込んだことを押さえた「スタートアップのためのプレゼン資料作りのコツ」を書いてみようと思います。コツについては、やる前と後で比較出来るようにビフォーアフター形式で紹介します。つい数日前までは左の図（Before）だったことを考えると短期間での成長ぶりが見て取れると思います（汗） 1.インパクト スライドの1枚目では、インパクトのある
余白の取り方が美しい、シンプルで素敵な国内ブログデザイン10 | tipsBear
シンプルかつ記事が読みやすい素敵な国内ブログデザインを10サイト、主観で紹介させて頂きます。 可愛いデザインのブログをお探しの方はこちらの記事へどうぞ。 ブログのデザインって作ってみると思っているよりバランスをとるのが難しくて苦戦します。 下記のサイトは記事内に画像が無くテキストオンリーでも余白の取り方が美しくて読みやすかったり、装飾の使い方が絶妙だったりと、ブログのデザインを作る上でとても参考になりますので是非目を通してください。 アインシュタインの電話番号 本の目次のようなトップページは一覧性が高くて見やすく、記事内も余白がしっかりとられていて読みやすいです。アクセスの度に変わる配色は統一感があってとても綺麗。
Web制作者や、Web業界新入社員のためのベストエントリ48個 2013総まとめ
というわけで、今年も色々と読んでおくべきエントリーをまとめておきます。 正直読み返した上でリンクをぺたぺた貼っていったので、すんごい時間かかりましたけど、どいつもこいつも良記事でございます。読まずにいるとむしろ損する勢いでございます。 デザイン WEBデザインが短期間に上達した方法 | FEVDES BLOG 『これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。上手くデザインができない！上手くなるにはどうすればいいの？など、どうすればデザインが上達するのかわかならい人の参考になれば幸いです。』 たった1枚に込められたクリエイティブすぎる17個の広告 この記事の2億円、2人っていう広告がほんとうに色々な意味で印象的。 2013年の4大人気Webデザインのトレンド | Flips Blog Web担の小技 2013年のトレンド、今年のうちに。 50万件の投稿分析でわかっ
相手の心を打ち砕かずに有効なフィードバックを送る6つの方法
By Jerry Bowley 全ての製品にとって、ユーザーからのフィードバックは製品をより良くするために不可欠なものですが、手厳しいフィードバックはデザイナーの自信を打ち砕くだけで品質の向上につながらない可能性があります。デザインをシェアしてより多くのフィードバックを募るサービスの「Red Pen」は、怒りに燃えて罵詈雑言を浴びせるのではなく、有効的なフィードバックを与えるための6つ方法をブログにまとめています。 How to give feedback (without destroying someone's soul) ? Red Pen’s blog http://blog.redpen.io/post/68302996300/how-to-give-feedback Red Penのサービスをより効率的に使用するためのブログシリーズのパート1として、「手に入れたフィードバックを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
