コーディング初心者こそ知っておきたい便利な「CSS関数」5選
HTMLやCSSでホームページのデザインを行うことを、一般的には「プログラミング」とは言わずに「コーディング」と言います。 論理的なバックエンドでの実行処理を考えるプログラミングとは違い、HTMLやCSSは「見え方」や「見た目」の部分に責任を持つことが多く、コードによって「組み立てる」イメージからそのように呼ぶのでしょう。 しかしながら、CSSは通常プロパティと値をセットで指定していきますが、*「CSS関数」*と呼ばれる便利な関数も用意されています。 これらの関数を使うことで、計算を実行したり、条件を指定したり、特定の値を別のフォーマットに変形したりすることができます。 そこで本稿では、*コーディング初心者こそ知っておきたい便利な「CSS関数」*を5つ紹介していきます。 普段業務などであまりCSS関数を活用していない方にこそ、CSS関数のよさを知って、使えそうな場面でぜひ活用していただきた
過度な主張はもういらない？「ブランドレス」なデザインがもたらす、次世代のWebデザインとは？
従来の「ブランド」の概念を覆す、パラダイムシフトが起こっています。 インターネットビジネスが急速に拡大し、安価でクオリティの高いものを好きな時に手に入れられるようになりました。 お店に行かなくとも、Amazonで日用品を買ったりAirclosetで好みの洋服をレンタルしたりできるのです。 今や、同レベルのクオリティのものがより安く手に入るので、ビールはバドワイザーでなくても、シャンプーはビダルサスーンでなくても構わない、という人が増えています。 「名前」よりも、「質」で選ぶ時代がやってきたのです。 Webデザインの世界でも、そうした「ブランドレス」なデザインが増えています。 今回は、「ブランドレス」なデザインがもたらす新しいWebデザインの形を解説していきます。 「ブランドレス」なデザインとは？ ブランドを感じさせない無印良品のタオル / スクリーンショット：2017年9月 派手にパッケー
雑誌やホームページに使われているフォントを特定できる！フォント調査・検索ツール6選
「このフォントが使いたいけど、フォントの名前がわからなくて使えない…」と利用されているフォントがわからずに似たようなフォントで代用してしまったことはありませんか？この記事では、フォントを調査・検索できるツールを紹介します。 これらのツールを利用すれば、ホームページや広告に使われている文字のフォントを、形状の名前や画像からの検索が可能になります。ぜひ気になる広告やフォントがあったらフォントを調べて、自分のデザインの参考にしてみましょう。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまとめています。 フォントの形状を見分ける方法 印刷業界やWebにおいて使われているフ
新しくホームページを作る時にチェックすべき20のこと
Web業界の統計情報を集める "Internet Live Stats" の調査によると、2014年9月に全世界のWebサイトの数は10億サイトを突破し、2017年6月時点では約12億900万件超となっています。 ※ここでいうWebサイトとは、識別可能なホスト名やIPアドレスを持っているという意味 1991年7月6日に、スイスで世界初のWebサイトが登場。それから、かなりの月日が経過しますが、2017年6月時点では1分間におよそ120ものサイトが生まれている計算になり、Webサイトを立ち上げることは"より一般的"なものになりつつあります。 昔に比べると、ドメイン取得の費用も安く、手続きも非常に簡単になり、サーバーの維持管理も牛丼1杯分ほどの月額費用で運用できるようになりました。 これは、情報の発信のしやすさという意味では非常に良いことですが、一方で世界中の人々がたくさんの情報を発信している
インスピレーションを得よう！ロゴデザインの参考に出来るギャラリーサイトまとめ
最近ではスマホアプリ、Webサービスの増加でロゴ作成の機会も増えてきています。 ニーズも高く重要な要素であるロゴですが、アイデアが浮かばない、どんな手順で作ったらいいかわからないという方も多くいらっしゃいます。 また、実際に作ってみるとどうしてもありがちなロゴになってしまうことも少なくありません。 今回は、ロゴデザインの際に参考にしたいホームページをギャラリー系、参考記事の2つのジャンルから19個ご紹介します。ロゴ作成で悩んでいる、という方は是非デザインのヒントにしてみてください。 ロゴデザインのアイデアにつながるギャラリーサイト 1.logofaves http://logofaves.com/ 大きめのサムネイルがとても見やすいギャラリーサイトです。 1つ1つのロゴが5段階で評価されており、最新、人気順、ランダム、最近お気に入り登録された順で並び替えることができます。 また、ロゴの下に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
