日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス
2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います！ ↑私が10年以上利用している会計ソフト！ 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の
デザイナーに届けたい…マテリアルデザイン事始め Part.1 - Qiita
2017年DroidKaigi「エンジニアが武器にするMaterial Design」に感化され、わが社でもデザイナー向けマテリアルデザイン勉強会をしてみようと思います。スライド いつの日か「わぁー、イケてるね！（わくわく）」みたいなデザインができる日が来ることを祈って、説明向け資料をまとめていきます。 Part.1 : マテリアルデザインの概観 次回 Part.2 : マテリアルデザインのコンポーネント（小） マテリアルデザインってなんなのさ？ 物質デザイン。デザインパーツを物質として捉え、現実世界のルールに沿うことで、ユーザに直感的な操作を誘導するデザインのこと。 基本の考え方 マテリアルデザインとは紙とインクの要素で出来ている オブジェクトの重なりを物質的に捉える（３次元） 意味のあるアニメーションでより直感的に 紙とインク 紙？ UIパーツは紙でできていると考える。 紙は以下の特徴
【ハンバーガーメニューの次はこれが来る！】モバイルに最適なメニューデザイン７例
今やハンバーガーメニューはスマートフォン用のデザイン要素として最もポピュラーです。しかしながら、どこでも使われるようになったために、批判も起きています。 そこで、ハンバーガーメニューの代替案として試す価値のあるデザインをいくつかご紹介します。 1．タブ タブは最もシンプルなナビゲーションパターンの一つです。コンテンツ数が5つかそれ以下の場合に有効です。 2．タブ＋More 5つ以上のコンテンツがある場合は、4つのコンテンツをタブに表示し、5つ目のタブを”More”とすることもできます。よく使われる4つのコンテンツが常に見える点は、ハンバーガーメニューよりも優れていると言えるでしょう。 3．折り畳み式のナビゲーション ウィンドウの幅に合わせて変化するメニューデザインは、タブ＋Moreよりも優れているナビゲーションと言えるでしょう。 4．スクロール可能なナビゲーション メニューの優先順位をつけ
本当にダメなホームページの見分け方 | フォルトゥナ ブログ
本当にダメなホームページの見分け方 ダメなホームページという表現はよく使われますが、本当にダメなのかどうかはなかなか一般の人にはわかりにくいため、リニューアルを考える前にまずここをチェックしてみよう、できるならまず直してみようという記事を書いてみました。 ダメなホームページと言ってもいろいろありますが、今回はリニューアルしようかなとちょっとでも考えている方に向けて書いていきたいと思います。 大前提になるのは「ホームページをなんとかして、ビジネスに活用したい」と思っていることですが、そもそもリニューアルしたい理由は何でしょうか? なんとなくページが古いような気がするからリニューアルしようと言うのであれば、もう少し考えてからにしましょう。 古いこと自体は問題ではなく、古いことで機能が落ちて価値が失われているとか、本当は価値があるのに評価されていないことが問題なのです。 ホームページの価値はつい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
神は細部に宿る、デザインの徹底的なこだわりがすごいクリエイターたちのポートフォリオサイトのまとめ