ロゴデザインの基本 (28 Sucsess factors of brand mark redesign)
六本木AXIS内にあるJIDA（日本インダストリアルデザイナー協会）で学生、若手デザイナーを対象にしたスキルアップセミナーの講師を務めさせていただきました。 第2回JIDA塾～ロゴデザインの基本～ https://www.jida.or.jp/site/information/jidajuku02.html デザイン学生と若手デザイナーの皆さんが参加前回のロゴエントリーとかぶるところもありますが、 ・ロゴデザイン、２２の確認すべき大事なこと →制作途中のチェック ・ロゴデザインの基本→作り始める前にざっくり呼んでおく というスタンスだとわかりやすいかもしれません。 ロゴってなんだっけ？日本では、何かのタイアップや〇〇周年など一次的なイベントの際に使われる（キャンペーン）マークや番組タイトル（デザイン）のことをよく「ロゴ」といいます。 私もまだ若い会社員デザイナー時代「宇治ちゃん、〇〇のロゴ
検索 UI まとめてみた｜あき - 良いもの作って正しく届ける
検索 UI を作る機会があったので、リファンレンスを集めた。あたまの整理をかねてパターン分け。 パターン一覧 1. フリーワード型 2. サジェスト型 3. グループ型 4. あとからフィルター型 5. 条件指定型 6. レコメンド型フリーワード型キーワードで検索。入力中に検索結果がリアルタイムに変わるものが多い。 良いところ シンプル。入力と同時に検索結果を表示できるので、最短で検索対象へたどり着ける。 イマイチ キーワードが間違っていると、対象へたどり着けないことがある。 感想 タスク管理やシンプルなファイル管理に多く採用されていた。 複雑な検索条件が不要。ユーザーが検索対象のキーワードを把握している場合に有効そう。見つける、というよりも、ショートカット的な役割に近い。サジェスト型キーワードを入力すると、検索候補が表示。 良いところ キーワードを正確に把握していなくても対象へたどり着け
段組みを使って縦書きの文章をレスポンシブ対応させる方法
2018年7月26日 CSS, Webサイト制作 CSSで文章を縦書きにする表現、少しずつ目にする機会が増えてきたように思います。しかし、縦書きのコンテンツをレスポンシブ対応させるのはなかなか大変。様々なサイトを見てみましたが、文章を横にスクロールしたり、文字サイズを調整してなんとかモバイルに対応しているようです。今回はたった一行でそんな問題を解決する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ 縦書きの設定 縦書きを設定するのはとっても簡単！縦書きにしたい箇所にCSSで writing-mode: vertical-rl; を記述します。この「vertical」が縦、「rl」が右から左（Right to Left）という意味です。 また、IE用には別の書き方になります。 -ms- というベンダープレフィックスを付け、tb-rl（上から下、右から左＝Top to Botto
リセットCSSは何を使う？ 比較と使い方
Web開発でブラウザごとの表示の違いをリセットしてくれる リセットCSS というものがあります。 しかし、何を使っていいのかと感じている人もいると思います。 今回はこの リセットCSS について、この記事にまとめました。 リセットCSSが必要な理由 リセットCSS は、ブラウザごとの表示の違いをリセットしてくれるCSSファイルです。 ブラウザには、Edge、Chrome、Safariなど、様々なものがあります。 しかし、そういったブラウザの違いを意識せずにサイトを作ると、ブラウザによって異なる見た目になってしまうため、レイアウトが崩れてしまったりといったことが起こります。 そういったブラウザによる見え方の違いを揃えてくれるのがリセットCSSです。 これを使うことによって、ブラウザごとの違いを意識せずにコーディングができ、サイト制作が楽になります。 下の画像は、リセットCSSを使わずに作った
ホーム - NetCommons公式サイト
学校等教育機関向けCMSとしてNetCommonsを提供する活動は、一般社団法人「教育のための科学研究所」（代表理事・所長 新井紀子）が提供するedumapに引き継がれました。 edumapに関するプレスリリースは、こちらをお読みください。 edumapは学校等（幼稚園・保育園・インターナショナルスクールを含む）に対して、原則無償でNetCommons3をベースとした学校ウェブサイトを提供する事業です。既に鴻巣市、伊東市、東根市、那須町、蕨市、所沢市、芦屋市、紋別市、立山町、二宮町、稚内市、桶川市等を中心に820校以上にedumapをご利用いただいています。 特に、メンテナンスを終了したNetCommons2をご利用の教育機関のユーザは至急edumapに移行することをご検討ください。 システムエンジニアの方で、NetCommons3をご利用の方はGitHub上のNetCommons3サイト
これは絶対見逃せない！！18万円分の有料フォントやデザイン素材が、わずか200円で購入できる年末超特大セール
今までもお買い得情報を紹介したきましたが、これは本当にヤバイです。 わずか200円で、18万円分の有料フォントやデザイン素材、計43種類が購入できる年末超特大セールが開催中です。 セールの期間は1月1日24時（UK時間）まで、日本時間だと2日8時まででしょうか。 年末はいろいろ忙しいと思うので、忘れないうちに購入しておくことをオススメします。 フォントやデザイン素材はWebデザイン、アプリ、動画、ゲーム、紙のデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOK。 The $2 Holiday Extravaganza Bundle セットに含まれてるフォントとデザイン素材 Design Cutsでの購入方法 Design Cutsのライセンス セットに含まれてるフォントとデザイン素材 セットに含まれているフォントとデザイン素材の総額は$1591（約180,0
プログラム組んだら負け！実はHTML/CSSだけでできること2015夏
2. 2015 Yusuke Hirao, CC BY-ND. 自己紹介 平尾優典（ひらお ゆうてん） === 株式会社ディーゼロ Webエンジニア ## コミュニティ活動 - 福岡フロントエンド友の会 Fukuoka Frontend Frogs - 福岡マークアップ勉強会 - baserCMSユーザー会 Yusuke Hirao @cloud10designs 3. 2015 Yusuke Hirao, CC BY-ND. 自己紹介 ## コミュニティ紹介 ### 福岡フロントエンド友の会 Fukuoka Frontend Frogs ### 福岡マークアップ勉強会 ### baserCMSユーザー会 「井の中の蛙」にはならないようにと集まった フロントエンドエンジニアのためのコミュニティ。 Webコーディング・アプリ開発の悩める蛙たちが その場で話題を決めて、アンカンファレンス形式で
ファーストビュー盲信がもうしんどい
Updated 2015.04.27 / Published 2015.04.27 「ファーストビューが全て」のようなファーストビューについては盲信的な記事も多く、ファーストビュー云々のことで煙が立ち始めて、火がついてしまうと、上手く説得を試みようにも聞く耳をもってもらえず、困り果てるディレクター・デザイナーの方も多いのではないかと思います。ファーストビューはもちろん大事ですが、盲信的に傾倒することには疑問を感ぜざるを得ず、ファーストビュー問題はいつになっても考えものです。 ファーストビューのボヤは気付き難い ディレクターやデザイナーの方ならプロジェクトが進行していく中で、ファーストビューが問題になったことが一度や二度はありませんか。「いやいや、ファーストビューはちゃんとガチガチに予防線を張っているよ！」というディレクターの方も、きっと過去に苦い経験があるのではないでしょうか。 個人的にフ
Coming Soon
We're under construction. Please check back for an update soon.
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
Googleのマテリアルデザインで使える色が並び、クリック一発でカラーコードのコピーも可能な「Material UI Colors」
Googleが提供しているモバイルOS「Android」の最新バージョン「Android - 5.0 Lollipop」にも採用されている、新しいUX体系が「マテリアルデザイン」です。マテリアルデザインの発表後、Googleは自社サービスに続々とマテリアルデザインを採用しており、サードパーティ製のアプリなどでもこれを採用したものが次々と登場しています。そんなマテリアルデザインでは使用可能な色が指定されているのですが、これで使えるカラーを並べたカラーパレットを表示してくれ、使用したいカラーをクリックすればそのカラーコードが一発でコピーできてしまうというウェブサイトが「Material UI Colors」です。 Material UI | Material Design | Material UI Colors http://www.materialui.co/ 「Material UI C
2015年のWebサイトの作り方 at 67ws
The document summarizes quotes from three individuals about web design and development. Tim Berners-Lee notes that the primary principle of the web is universality, meaning it should be accessible from any device. Jason Fried argues that designing in Photoshop wastes time, as the design then needs to be rebuilt in HTML/CSS. Instead, one should design directly in HTML/CSS to allow for faster iterat
意外！女子の理想の葬儀は散骨だった!?
額に蛾がとまってますよ。 そう、博士くらいになると額に蛾がとまることもままあるんじゃ。 すごい！ さすがさんこつ博士…。 どうやったらうまく散骨できるか、知りたいかね？ はい！ 私、自分の骨を自分で散骨するのが夢なんです！ それは無理なんじゃないかのう。そもそも散骨とは、火葬後の遺骨を粉末状にし環境に配慮したうえで合法的に海や山などの自然に還す葬送の形式を言うんじゃ。 一瞬、すごく怖い顔しませんでした？ ド素人の、えーと君…。 エリコです。 ド素人のエリコちゃんが散骨をうまくやるには、実はカンタン…。「博士の散骨5,000箇条」を守れば、それでいいんじゃ。 は、博士の散骨5,000箇条!? なに、構えることはないぞい。どれも初歩的でカンタンなことばかりじゃ。 教えて教えて！ ざっと紹介すると…。 散骨5,000箇条その1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1カラムレイアウトはもはや王道! Webサイトデザインの基本を解説 | Webデザイン、これからどうなるの？（全10回）
TwitterカードやOGPなど、head内のmetaに記述するコードを簡単に生成できるオンラインサービス -Hey Meta
CodePen - Front End Developer Playground & Code Editor in the Browser
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
ウェブパフォーマンスの基礎とこれから
TECH PROjin
Bootstrap3日本語リファレンス