注釈 60分のセミナー用のスライドです 60分間ひたすらしゃべるための資料なので、目次はありません セミナーのフォローアップのために公開しています 文字が大きいのは、会場の後ろの席でも見えるようにするためです Cascading Style Sheets .header { margin: 8px; color: #f00; } マジックナンバーの良くない例 .main { float: left; width: 640px; } .main h1 { width: 640px; } .main p { width: 640px; } .main ul li { width: 620px; margin-left: 20px; } 数値が乱立 .aaa { width: 640px; } .bbb { width: 324px; } .ccc { width: 216px; } .ddd
本気でweb制作を仕事にしたいなら 現場で通用する実践的なスキルを身につけましょう。 【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。 続きはこちら 今回は、web制作時によくある悩み「ワイヤーフレームの作り方がわからない」を解決します。 意外に、ワイヤーフレームの作成方法を詳しく教えてもらう機会は少ないですよね。 そのため、以下のような悩みを抱える人が多くいます。 ワイヤーフレームが何かを知っているけど、いまいちうまくまとめられない。 ワイヤーフレームを作るときの手順が合っているかどうか自信がない。 webサイトの制作過程において、ワイヤーフレームの時点で失敗していると次の工程のデザインも絶対うまくまとまりません。 ワイヤーフレームは、家を建てるときの設計図と同じ役割をします。 適当に作った設計図をもとに家を建てたら、当然、住みにくく崩れやすいもの
どうも、おもしろい文房具が大好きな伊勢海老太郎です。かわいい文房具を見つけました。紹介するのは黒猫のクリップです。すごくかわいいでしょ。 黒猫が色々なポーズをとっています。 手を伸ばしたり、あくびをしたり、寝たりしています。全部で4種類のポーズです。何を挟もうか考えるだけで楽しくなるクリップです。このクリップで挟んだ資料を猫好きに渡したら、かなり喜んでもらえるのではないでしょうか。 かわいいクリップなのでこんな使い方もありです。黒猫クリップで挟んでポストカードや写真を吊るしたらインテリアのお洒落アイテムになりそう。黒猫が写真の上で遊んでいるように見えるのもすごくかわいいです。かわいい猫の写真を飾って黒猫とのコラボを見てみたいです（笑）。 「Kitty Clip」という商品です。4種類8個の黒猫クリップとポストカードや写真を吊るすヒモも入っています。気になるお値段は1,080円です。詳細が
スローハウス（天王洲）、アクタス・福岡店 └ 会期｜6.29 SAT. - 7.28 SUN. アクタス・二子玉川店、丸の内店、吉祥寺店 └ 会期｜8.3 SAT. - 9.1 SUN.
1978年生まれ。企業のWeb活用をテーマに、Web運用を中心とした戦略的な企画立案、サポートやホームページ/Webサイトの構築などを行っています。 5年間のWeb制作会社勤務後、2年間のフリーランスで「フニス」として活動後に法人化し、2012年7月「ふにす株式会社」を設立。 Web運用の情報や考え方などを発信するブログ「ふにろぐ」を定期的に更新し、情報配信をしています。 また、Googleアナリティクス認定資格を取得しているので、アクセス解析を用いた分析などの手法でお客様のホームページの成功をサポートしています。 本社のある大阪府高槻市で「ふにすWeb相談所」を開設し、 地域の方々に気軽にWebのことを相談できる場所として、より多くのWeb運用の問題解決をするために活動しています。 Webの運用に関するお悩みや、ホームページで成果が出せないお悩みをお持ちでしたら、お気軽にご相談ください。
14. bootstrap/ ├── Gruntfile.js ├── LICENSE ├── README.md ├── bower.json ├── dist/ ├── fonts/ ├── grunt/ ├── js/ ├── less/ └── package.json 15. less/ ├── .csscomb.json ├── .csslintrc ├── alerts.less ├── badges.less ├── bootstrap.less ├── breadcrumbs.less ├── button-groups.less ├── buttons.less ├── carousel.less ├── close.less ├── code.less ├── component-animations.less ├── dropdowns.less ├── forms
2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ ↑私が10年以上利用している会計ソフト！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
By SamsungTomorrow サムスンは未来の製品開発のための潤沢な予算を組んでおり、欧米の優れたデザイナーを雇用していますが、Samsung Design Americaの製品戦略およびユーザーエクスペリエンスデザイン部門の元トップであるケルビン・リー氏いわく、サムスンのデザインが発展しづらいのは資金不足やアイデア不足というわけではなく、サムスンの企業体質とシリコンバレー特有のデザイナー文化がかみ合わないことが原因の1つであると語っています。 Why Samsung Design Stinks | Co.Design | business + design http://www.fastcodesign.com/3042408/why-samsung-design-stinks Ivey Business Schoolのリン・イマイ教授は「サムスンには韓国文化が強く反映されており
House of Buttons ボタンのコレクションは上記トップページからも閲覧できますが、月ごとにまとめられたアーカイブページも用意されています。
トレンドをうまく取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 時間のある時に、じっくり楽しんでください！
by Matt McDaniel 質問研究家のワーレン・バーガーさんはブレイクスルーを起こす素晴らしいアイデアを生み出すための質問集「A More Beautiful Question」の著者です。新しいことに取り組む時、恐れで足がすくんでしまうことがありますが、そんな時に恐れを打ち負かすための8つの質問をバーガーさんが公開しています。 Scared Of Failing? Ask Yourself These 6 Fear-Killing Questions | Co.Design | business + design http://www.fastcodesign.com/3027404/scared-of-failing-ask-yourself-these-6-fear-killing-questions ◆1：もし失敗しないと知っていたら、あなたは何がしたいですか？ by Fo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: Webプロフェッショナルのための黄金則 Web配色デザインのセオリー (Web Designing BOOKS): 坂本邦夫: 本
