日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス
2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います！ ↑私が10年以上利用している会計ソフト！ 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の
色覚異常者にやさしいWebサイトデザインの作り方を学ぶ | WordPressやWebデザインなど紹介 Ocadweb
色の区別をすることが困難な色覚異常の方を配慮したWebサイトのデザインになっていますか。 わたしの友人は色覚異常者で一緒に買い物に行くと靴や洋服の色がわからないので、いつも何色なのかをアドバイスをしながら買い物をしていました。 彼は特に緑がわかりづらかったようですが、人によって区別のつきにくい色が異なります。 サイトデザインやリンクの色、グラフの使い方によっては、とても分かりづらいサイトになっているかもしれません。 そのため、サイト制作の際には意識してデザインすることが重要になります。 色覚異常とは？ 正常者は区別ができる2色の区別がつきにくく判断できない状態を言います。 色覚異常者の発症は人種や性別によって異なります。日本人の場合の割合は男性の5％で20人に1人、女性は0.2％なので500人に1人の割合になります。女性よりも男性で多く発症します。 色覚異常には、 先天性色覚異常（原因が遺
簡単にきれいな配色デザインが作れる無料ツール「ColorHexa」 | WordPressやWebデザインなど紹介 Ocadweb
前回、WEB上で画像やテキストなどのカラーを識別できるGoogle Chromeの機能を紹介しましたが、今回は色を識別してから、 色彩センスがないけど、きれいな配色が作りたい！！ この色には何色と合うんだろう？ とお困りではないですか。 【色を識別する記事】これ何色？画像やテキストなどWEB上の色を簡単に識別するGoogleChromeの機能 今回は、どんな色か特定できてもその色がどんなものなのか、相性の良い色はどの色なのか、配色を検討する参考にできる無料のオンラインツールを紹介します。 紹介する記事の中でこのサイトのロゴなどのテーマカラー「#d86e3a」をもとに紹介します。 簡単にきれいな配色デザインが作れるColorHexaって？ 前述していますが、「どんな色か特定できてもその色がどんなものなのか」、「相性の良い色はどの色なのか」、配色を検討する際に参考にできる無料のツールで、色彩セ
コピペで使える！公式SNSシェアボタンを横に並べて揃えるCSS@2016 – LIQUID BLOG
SNSシェアボタンやソーシャルブックマークボタンはサイトの必需品ですが、 公式サイトからコードを取得して色々設置すると、ガタガタとズレてきれいに並びません。 今回は、公式コードのままできれいに揃える、コピペで使えるCSSを紹介します。 （2016年最新版） 公式シェアボタン取得 Twitter https://about.twitter.com/ja/resources/buttons#tweet Facebook https://developers.facebook.com/docs/plugins/like-button?locale=ja_JP はてなブックマーク http://b.hatena.ne.jp/guide/bbutton Google+ https://developers.google.com/+/web/+1button/ Pocket https://getpo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
