CSS Nite LP54「Coder's High 2017」フォローアップ（2）伊原 力也さん（freee）+太田 良典さん（ビジネス・アーキテクツ）｜CSS Nite公式サイト
CSS Nite LP54「Coder's High 2017」フォローアップ（2）伊原 力也さん（freee）+太田 良典さん（ビジネス・アーキテクツ） 記事公開日：2018年1月31日（水） 2017年11月4日（土）ベルサール半蔵門 イベントホールで開催したCSS Nite LP54「Coder's High 2017」のフォローアップとして、伊原 力也さん（freee）+太田 良典さん（ビジネス・アーキテクツ）の『多様なユーザーニーズに応えるフロントエンドデザインパターン：ベーシック編』セッションのスライドなどを公開します。 Googleスライド 実際のプレゼンで使用したスライドです。プレゼンテーションモードにしていただくと、コード右下の再生ボタンからスクリーンリーダーの読み上げ音声を聞くことができますスライド（PDF）動画 フォローアップメッセージは、イベント開催直後（2017年
「CSS Nite LP, Disk 25」参加レポート&Photoshop CS6の新機能「CSSをコピー」とCSSPsを比較 - Design Color
「CSS Nite LP, Disk 25」参加レポート&Photoshop CS6の新機能「CSSをコピー」とCSSPsを比較 2015 1/12 アクセシビリティ (C)田中舘 一久 中根雅文さん、山本和泉さん、植木 真さんによるセッションです。 テーマは「アクセシビリティ」。 「アクセシビリティ」とは Webアクセシビリティとは、基本的には、障害者がWebを利用できることである。もっと具体的にいうと、Webアクセシビリティとは、障害者がWebを知覚し、理解し、ナビゲーション（訳注：広義には、Webサイトのページ間やページ内を移動したり見てまわったりすること）し、インターラクション（訳注：Webに入力したり情報を受け取ったりしてWebを利用）できることである。 ウェブアクセシビリティ基盤委員会 / WAIC: Web Accessibility Infrastructure Commi
ProjectDD
最果タヒさんがつむぐ「詩になる直前」の言葉が並んでいるのですが、むしろ展示デザインを担当された佐々木俊さんとの「詩や言葉の、無限大の表現方法を探るインスタレーション展」と言った方がしっくりくる…それくらい言葉の表現方法のバリエーションに触れることができる展示になっています。
「Webクリエイターの誇り」CSS Nite in Vol.60のまとめと雑感
先日CSS Nite in Ginza, Vol.60「Web Creators Pride2011」に参加してきました。 webのセミナーというと技術や制作などの話が多いのですが、 今回はwebクリエイターのあり方や志など内面的な内容でした。 この様な話を聞ける機会は滅多にないので貴重な話を聞けました。 先日CSS Nite in Ginza, Vol.60「Web Creators Pride2011」に参加してきました。 webのセミナーというと技術や制作などの話が多いのですが、 今回はwebクリエイターのあり方や志など内面的な内容でした。 この様な話を聞ける機会は滅多にないので 貴重な体験でした。 内容をざっとまとめましたが、 僕の主観が入ってる部分もあることを予め断っておきます。 Web Creators Pride2011 CSS Nite in Ginza, Vol.60 今
CSS Nite LP11+12連動デザインコンテスト
素材1 クライアント基本情報 エフエム茶笛（チャッピー） http://www.fmchappy.jp/ クライアントから要望 希望ターゲット、カラーリングの希望 FMチャッピーは、埼玉県西部地区のコミュニティFMです。局舎の周りには茶畑が広がる、のどかな雰囲気のラジオ局で、心地よい音楽に乗せて、地域の身近な話題を放送しています。 流れる楽曲は、最新ヒット曲よりも心に刻まれた名曲。70〜90年代の懐かしい曲が中心です。 したがって、リスナー層は30代後半以上〜年配まで。親しみやすさや明るさを表現しつつも、落ち着いた感じで見やすいサイトを希望します。 ビジュアルの方向性 サイト全体のカラーリングにこだわりや決まりはありませんが、お茶どころですので、ロゴはグリーン系です。 現サイトは色合いがはっきりせず、配置も雑多な感じですのでファーストビューで多くの情報を見やすくまとめたいです。また、周波数
物理的な近さと心理的な近さから考えるプロセス
人の特徴を活かしてサイト特有のゴールを達成させるためのアイデアを練るというのが今回のワークショップの目的ででした。ワークショップでは14もの人の特徴を紹介しましたが、その中のひとつに Proximity (近さ) というのがありました。 上の図を見てください。色が違いますが、直感的に隣り合っている円が同じグループに属しているように見えると思います。色にはまったく共通点がありませんが、近さが同じグループであると思わせています。ＡとＩ、ＦとＨはそれぞれ同じ形と色です。しかし、それぞれに何か関連性があるとは考え難いです。たとえ同じ情報でも近くなければ関連性が見えてこない一例です。上の図は極端な例ですが、情報を設計する上で「近さ」をつかって感覚的に関連情報であることを伝えることが出来ます。 こうした情報の距離感ではなく、別の近さに注目したのが crema さんのアイデアです。上記に挙げた近さは物理
UI向けビジュアルデザインの基礎 by 矢野 りん [CSS Nite LP11]
UI向けビジュアルデザインの基礎 by 矢野 りん [CSS Nite LP11] CSS Nite LP11の矢野さんのセッション「UI向けビジュアルデザインの基礎」のメモ的まとめ。twitterも合わせてチェック！ Webサイトは何次元デザイン？ 2D（点／線／面＞平面） 3D（面／奥行き／高さ＞空間） 4D（面／空間／時間＞モーション） ウェブの種類もいろいろ・デザインもいろいろ 変わらないもの 情報をわかりやすく整えること つまり、Webデザインとは 「人間に情報を伝えること」が最低条件 2Dデザインの基本セオリー 優位性・ヒエラルキーの法則 大きさ（大きいほど重要・重要な情報を絞り込む） コントラストの法則 大小・明暗・遠近（表現の差） 背景色と前景色の差 リズムの法則 情報を法則性を持って配置する 余白・サイズ・目安 構造の法則 モジュール グリッド ガイドライン 人間に情報を
![UI向けビジュアルデザインの基礎 by 矢野 りん [CSS Nite LP11]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
人の特徴から見えてくる次のデザイン提案 by 長谷川 恭久 [CSS Nite LP11]
人の特徴から見えてくる次のデザイン提案 by 長谷川 恭久 [CSS Nite LP11] CSS Nite LP11のヤスヒサさんのセッション「人の特徴から見えてくる次のデザイン提案」のメモ的まとめ。twitterも合わせてチェック！ 事前に公開されていた予習ページの内容に沿ったワークショップ。 前提 まずはサイトを「CPI」と「CSS Nite」から選択、こららのサイトをゴールに導く為の提案を考える。 ゴールとは？ 検索エンジンで１位とかアクセスアップとかどのようなサイトでも言えることではなく本質的なゴールを設定する。 CPIの場合 新規受注の獲得 顧客単価アップ Q&A等によるサポート負荷の軽減 販売代理店の獲得 CSS Nite 新しいセミナーイベントの企画を知っていただくこと その企画についての興味を持っていただくこと 参加される方に、調整内容などをお知らせすること CSS Ni
Webデザイナーの魅力をさらに高める、サイト運営と分析のすすめ by 山口 有由希[CSS Nite LP11]
Webデザイナーの魅力をさらに高める、サイト運営と分析のすすめ by 山口 有由希[CSS Nite LP11] CSS Nite LP11のYUKI さんのセッション「Webデザイナーの魅力をさらに高める、サイト運営と分析のすすめ」のメモ的まとめ。twitterも合わせてチェック！ YUKIさんの運営するサイト ビビッドカラーズ PHOTO STOCKER シンプルパターン研究所 スタイルシート見出しメーカー 壁紙コレクション VIVID COLORS + BLOG ポートフォリオサイト 個人サイトを運営することで コーディングなどのスキルの向上し作業スピードが体感2倍に! twitterなどで気軽にたくさんの意見をもらうことができる。 個人サイトで試した(身につけた)スキルをクライアントサイトにも利用 アクセス解析などで気付いた点をクライアントに提案 (Web制作者向けのサイトはIEの
本当にクライアントのことを考えた調整術 ムチャぶりには、こう切り返せ![CSS Nite LP11]
本当にクライアントのことを考えた調整術 ムチャぶりには、こう切り返せ![CSS Nite LP11] CSS Nite LP11の最後のセッション「本当にクライアントのことを考えた調整術 ムチャぶりには、こう切り返せ!」のメモ的まとめ。原さんをモデレーターにお題に対して中川さん、守谷さん、東さんが回答するというもの。twitterも合わせてチェック！ 本セッションの効果的な受講方法。見聞を広める、自分にあてはめる。明日から活かす。 第一部：ゲストのムチャぶり体験談 オリエン慣れしていない競合プレでのムチャぶり 7社によるオリエンテーション。 つくりたいものは明確、要件が何も決まっていない。 質問してもクライアントが回答できない。 プレゼン費ももらえない。 降りようと思ったが２社が既に降りていたので、先に「降りないでくださいね」と先方に言われてシブシブ参加。 先方のパワーバランスを考える。
コーダーは、求められている要素で正解が決まる | ウェビンブログ | 札幌のWEBデザイナー・カスタマイズアドバイザー WebbingStudioのよしなし語り
何食わぬ顔をして二ヶ月ぶりの記事を書く訳ですが。 昨日（4/17）は東京で「CSS Nite LP, Disk 9」がありました。 WEBコーダーの最新技術にフォーカスしたイベントで、Web制作・jQuery・CSS3・HTML5とかなり幅広いテーマとなっています。 私も参加したかったのですが都合が付かなかったので、Twitterのハッシュタグ「#cssnitelp9」をお仕事しながらチェックしてました。 その中で、牧野工房の大杉さんと、ドーガの石本さんのコーディングスタイルの違いに関する呟きに興味を持ちました。 少なくとも、CSSの扱いに関しては全然違うようです。 necozeさんも参加されてたんですねー＾＾ 牧野工房はサイト内のCSSをコンテンツ毎に分割して、importで一括管理するスタイルなので、石本さんがhttpリクエストを節約する方針で制作しているのであれば、真逆になるはず
キレイモとエタラビ徹底比較！＜口コミ・評判が本当か実際に体験！＞
キレイモは、あの誰もが知っている、元AKB48の板野友美さんがプロデュースをしている 【お客様の声から生まれた】脱毛サロンです。 誰もが知っているあのモデルさん等・・多くの芸能人も通っており、顧客満足度92%の人気サロンです！ 店舗数もどんどん増えてきている、人気急上昇中の脱毛サロンですね。 キレイモの脱毛効果とは？ 施術が丁寧で、境目を作らずに照射してくれるので綺麗に全身脱毛を進めることが出来る。 冷却ジェルを使用していないのに、痛みも無く脱毛の効果もきちんとあるので自己処理が楽になる。 通常のサロンの2倍の速度で全身脱毛を行うため、その分綺麗になるのが早い。 国産の脱毛機を使用し、認定試験合格の施術士による脱毛が受けられますので、安心して脱毛が出来ますね。 傷みをほとんど感じることなく綺麗に仕上げることが可能で、更に顔まで月額制に含まれているのでお得です。 うなじや背中など、自分では見
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Nite LP20（Shift 5） #cssnite_shift5
CSS Nite LP, Disk 11「Designer's High」Part 1が終了しました | CSS Nite公式サイト | Web担当者Forum
CSS Nite LP, Disk 11で学んだこと。 – webarton blog