CSSは誰でも簡単に自由に書けるのですが、好きなように書いていると「ここを変更したら、違うところが崩れた」といったようにすぐに破綻してしまいます。 さらに、複数人で書いている場合は、各々が好きなように書いて読むだけでも苦痛なCSSが出来上がってしまいます。 そこで、これらの問題を解決するために考えられたのが「CSS設計」です。 今回は記事が長くなり過ぎるので、CSS設計の概要のみを説明し、参考とな……
一般的には、選択肢があることは良いことだと思われています。私達は複数の選択肢を持っていることに慣れており、それを自由に扱えると信じて疑いません。しかしながら、WebサイトやWebアプリケーションが提供する選択肢を増やせば、それだけインターフェースを全体として把握しにくくなります。選択肢があまりにも多すぎると、往々にして意思決定のブレやストレスにつながることが研究で示されています。一般的な法則として……
映画のタイトルに使われるフォントはオリジナリティがあり、文字を見ただけでワクワクするものが沢山あります。そんな人気映画のフォントを結婚式の二次会やパーティーなどでパロディーで使うだけでも盛り上がるでしょう。今回はそんな有名映画のロゴに使われたフォントを10個ご紹介したいと思います。007 GoldenEye007GOLDEN EYEのフォントです。個人利用のみとなっております。Back to th……
地図などの作成時に、情報を全て文字で表そうとすると大変見づらくなります。視認性を高めたい時に役立つのが、情報を絵でパッと理解できるアイコンです。今日はそんな時に大活躍する、乗り物アイコンセットを10選ご紹介します。50 Pixel Perfect Transport Icons白黒ベースのシンプルな乗り物のアイコン集。個人・商用利用共に無償です。クレジット表記なども必要ないので気兼ねなく使えます。……
グルメ系や健康系、料理系等のサイトでも、食べ物系のアイコンは大変役立ちますが、自分で作るとなるとかなりの手間がかかります。そこで、そんなときに重宝する無料の食べ物アイコンセット10選をご紹介します。Desserts Icons個人・商用利用共に無償ですが、クレジット表記（Designed by Freepik）が求められています。40 food icons40種類の様々な食べ物系アイコンのセットで……
Bootstrapはデザインの知識がなくても、簡単に質の高いページを作ることができるCSSフレームワークです。 今回はBootstrapを使用した無料のダッシュボードのテンプレートを紹介します。デザインにはあまり労力をかけずに、使い易いダッシュボードを作りたい人にオススメです。 Gentelella アニメーションも心地よくモダンなデザインのテンプレートです。商品ページ用のサンプルも用意されており……
個人データを取得しようとするときは、ユーザーにフォームの入力を完了させるのはたやすいことではありません。ほとんどのユーザーは、スパムを受け取ったり、不正侵入されたりするのを恐れるため躊躇します。でも、あなたが正しい方法で求めれば、ユーザーは喜んで個人データを入力してくれるでしょう。登録するときの名前やＥメールなどは、ユーザーも想定しています。しかし、電話番号や誕生日、性別などを求めると、ユーザーは……
Pythonにおいて文字列とリストを相互に変換する方法について説明します。リストの要素を指定した区切り文字で連結し、文字列にするにはjoin()を使います。また、文字列を指定した区切り文字で分割し、分割された要素からなるリストにするにはsplit()を使います。リスト要素を連結して文字列にする指定した区切り文字でリストの各要素を連結して文字列にするためにはjoin()を使います。次の例では区切り文……
人気自撮り動画アプリ「MSQRD」は、数多くのフィルタが存在しています。これらのフィルタは元々アプリには保存されていないものが多いのですが、無料でダウンロードし使うことが出来ます。今回は、数百種類に及ぶフィルタについてまとめてみました。MSQRDのフィルタMSQRDにあるフィルタを見るには「カタログ」を開く必要があります。「カタログ」をタップしてみましょう。このようにいくつかのカテゴリに分かれます……
海外で人気が高い自撮り動画アプリのMSQRDですが、こちらのアプリでは撮影者ともう１人一緒に写ることで顔を入れ替えて撮影することができます。MSQRDは、自動で顔を認識してくれるので難しい操作は一切いりません。今回は、MSQRDで顔を入れ替えるやり方についてご紹介します。カタログから選ぶ先ずは、撮影する際に選ぶ「フィルタ」の中から顔を入れ替えるためのフィルタを選択しましょう。「カタログ」をタップし……