【難しく考えすぎ！？】bootstrap臭のしないお洒落なレスポンシブWEBデザインの作り方
「Responsive Web Design JP」を運営されているA40さんのまとめ記事ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個が今日のGunosyで取り上げられていましたが、twitter Bootstrapを使ったレスポンシブWEBデザインのウェブサイトの事例が国内でもかなり増えてきました。 当社で制作した化粧品ブランド リボーテ -Re:beaute-様のサイトもありがたいことに、このまとめ記事に取り上げて頂いています。 いろいろなメディアに取り上げていただく中でのフィードバックとして、「twitter bootstrapがレスポンシブWEBデザインに便利なのはわかっているけど、どうやったらbootstrapっぽくないデザインにできるのかわからない」という声をよく聞きます。 僕も最初はそう思っていました。 一回触ってしまえば、
CSS には vw, vh, vmin, vmax という単位がある | DevelopersIO
例として以下の様な HTML 構造があったとします。 <body> <!-- 画像解像度: 100 x 100 (px)--> <img src="images/thumbnail.jpg" /> </body> img { display: inline-block; margin: auto; width: 10vw; } img の幅を 10vw と指定しています。基準となるビューポートの幅を vw で表すと 100vw となります。iPhone 5S のビューポート幅をピクセルで表すと 320px な訳ですが、10vw はその 1/10 ということで32px が img の幅となります。つまり 1vw は 1% と同じ長さになります。もちろんリキッドレイアウトにも対応した動きを持っています。 Demo - viewport lengthを開く（このサンプルはChromeブラウザでの
見ないと損する便利なデザイナー向けWebサービス13選 | SONICMOOV LAB
こんにちは。 緑のにおいが気持ち良い季節になってきましたね。3月4月は花粉で涙をボロボロ流しながら生活していたのですが、やっと思う存分散歩ができそうです。 さっそくですが、デザイナー・クリエイターのみなさんは、自分の作品やスキルをアピールするために普段どのようなツールを使っているでしょうか？ 現在さまざまなWebサービスが出ており、うまく利用できれば活動や交流の幅が広がるはず！ そう思って今回はクリエイター向けのサービスをいくつかまとめました。 目次 UIアニメーションのヒントに ちょっとしたアニメーションを作るときに参考にしています。動きを眺めるだけでも面白く、インスピレーションがわきます。 CAPPTIVATE.co iPhoneアプリのUIアニメーションをカテゴリ別に紹介しています。マウスオンでアニメーションが確認でき、アプリのデザインやUIアニメーションなど、アプリ開発に大変役立ち
デザインの役割からみる「トーン」と「マナー」
こんにちは。デザイナーの山口陽一郎です。 去る2014年2月19日（水）に、株式会社パソナテック様主催のセミナー「クリエイターのためのトーン＆マナー設計」にて登壇させていただきました。 皆さんは「トーン＆マナー」という言葉を耳にしたことがありますか？「トンマナ」と略されることの方が多いかもしれません。その説明の前に、ちょっと寄り道をさせてください。 デザインのふたつの役割とトーン＆マナーの演出 デザインには大きく分けてふたつの役割があります。 1. 機能性を高める これはユーザーにとって製品をより使いやすくしたり、誤操作の危険をなくしたり、迷わないようにサポートするための役割です。 そしてもうひとつが今回のセミナーのテーマとしてとりあげた、 2. トーン＆マナーの演出 です。製品に、それが使われる場にふさわしい属性・キャラクターを付与する役割です。 たとえばレジャーグッズなら「楽しさを想起
[CSS3]ジグザグの境界線をCSSだけで実現させる - Qiita
<div class="container1"></div> <div class="container2 zigzag"></div> <div class="container3 zigzag"></div> <div class="container4 zigzag"></div> .container1 { width: 100%; height: 200px; background: #222; } .zigzag { position: relative; width: 100%; height: 200px; } .zigzag:before { content: ""; display: block; position: absolute; top: -10px; width: 100%; height: 10px; } .container2 { background:
![[CSS3]ジグザグの境界線をCSSだけで実現させる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/08081485db013ce5f0077dae9f53d1509458fbe3/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCQ1NTMyU1RCVFMyU4MiVCOCVFMyU4MiVCMCVFMyU4MiVCNiVFMyU4MiVCMCVFMyU4MSVBRSVFNSVBMiU4MyVFNyU5NSU4QyVFNyVCNyU5QSVFMyU4MiU5MkNTUyVFMyU4MSVBMCVFMyU4MSU5MSVFMyU4MSVBNyVFNSVBRSU5RiVFNyU4RiVCRSVFMyU4MSU5NSVFMyU4MSU5QiVFMyU4MiU4QiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YzJmZGNkYmU2MzdhYTExMjJmODllMjNhODhmNzY2MzU%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwc2hpbWF5dSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YTZiNWU4YzE1YTlhYjVlZTVjYzQ2YzU4MDIwYzQ5ZmM%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D044452a659762ffdff411466980a2a95)
クリエイターと呼ばれる職業を何年かやっているのですが
とりとめのない愚痴。 文章を書くのを仕事にしたいとかクリエイター系の職業に憧れるとかきくと、ちょっともやっとする。 これは「公務員5時に帰れて給料安定してるしいいなー」的なのと同じように「好きなもの作れていいなー」という感覚なのでしょうか。 会社であるかぎり普通の会社と変わりないとおもう。 クリエイター系の専門学校だったので「俺子供の頃から漫画とゲームで育ってきたし最適の職業だと思うんだよね」というようなことを言っていた人がたくさんいたがそう言った彼らの多くはニートかフリーターか卒業後の行方を知らない。 職についても「俺はこんなゲームをつくりたいんじゃない！売れなくても面白いゲームが作りたいんだ」とかいってやめた。 クリエイティブな職業における夢みたいな感じのものを押し付けられる感がもやっとしてるのかも。 クリエイターってただの会社員ですよ。普通の会社と違うのはスーツきなくてもいいとか出社
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cycle Volta | Cycle Volta
awesome-css-tutorials-2014-spring.html
講演資料「クリエイターのためのトーン＆マナー設計について」（パソナテック主催セミナー）
photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本語のチュートリアルです。
「こまめに掃除する人」は出世しやすく幸福度が高い：調査結果 | ライフハッカー・ジャパン