サイト構築

Googleフォントの使い方: Webフォントの表示の仕組みと最適化

Post on:2016年11月21日

Googleフォントなど、Webフォントのロードはどういう仕組みなのか、どのように対応できるのか、Googleフォントの表示の最適化について紹介します。 当ブログでも日本語のGoogleフォントを導入して、1ヵ月が経ちま

...記事の続きを読む

デザイナーのあるある、やり取りはメールと電話、あなたはどっち派?

Post on:2016年11月18日

僕はクライアントとのやり取りはメールがいいですね。履歴が残るし、場合によっては共有もできるし。でも、メールだと返信がなくて読んだのか分からなかったり、放置されてたり、といったこともあります。 そんなデザイナーのあるあるを

...記事の続きを読む

Googleの検索結果で上位に表示されているサイトの使用頻度が高いHTMLのタグがなかなか興味深い

Post on:2016年11月18日

Googleの検索結果で上位20に表示されているサイトの使用頻度が高いHTMLのタグを調査したレポートを紹介します。 テキストを実装するのにdiv要素が一番多いってのは、ちょっと驚きでした。 The average we

...記事の続きを読む

[CSS]レスポンシブ対応のグリッド システムを実装する時に絶対覚えておきたいテクニックを詳しく解説

Post on:2016年11月17日

HTMLとCSSでグリッド システムを実装する際、何から始めればいいのか、どういうことを考え、決めて、どんな手順で進めるのか。 カラムの幅のつくり方、溝はmarginとpaddingのどちらがよいか、レスポンシブはどう対

...記事の続きを読む

Web制作者が備えておきたい最新版チートシートのまとめ、CSS3 Flexbox, CSSアニメーション, jQuery3, ES6, Bootstrap4など

Post on:2016年11月15日

CSS3のFlexboxをはじめ、CSSアニメーション、CSSのセレクタ、jQuery3, ES6, Bootstrap4など、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。 ブックマークし

...記事の続きを読む

デザインのトレンドをチェック!よく使うUIエレメントに新しいデザインが取り入れられたPSD素材のまとめ

Post on:2016年11月14日

デスクトップやスマホでよく見かけるユーザインターフェイスのデザインに新しいコンセプトが取り入れられ、デザインの洞察をもたらす、マンネリ化から脱却するヒントを与えてくれるPSD素材を紹介します。 素材は商用利用でも無料で、

...記事の続きを読む

Sketchでデザインが快適に!要素の幅だけ、高さだけ、X軸だけ、Y軸だけをコピペできる便利なプラグイン -CPPS

Post on:2016年11月14日

デザイン作業をしている時、要素の幅だけ、高さだけ、X軸の位置だけ、Y軸の位置だけをコピペできるSketchの無料プラグインを紹介します。 それぞれを組み合わせて、幅と高さのサイズ、X軸とY軸の位置をペーストするだけという

...記事の続きを読む

若きデザイナーが思い描く期待と厳しい現実とのギャップ、デザイナーたちの切ないあるある

Post on:2016年11月10日

デザイン学校で学び、デザイン会社に就職。 デザイナーには、夢や希望がたくさん詰まっています。 しかし思い描いた期待とは裏腹に、厳しい現実を目の当たりにすることがあります。そんなデザイナーたちの切ないあるあるを紹介します。

...記事の続きを読む

[CSS]擬似クラス:nth-childの便利な使い方をまとめたスタイルシート -Family.scss

Post on:2016年11月9日

リストやセルなどの何個目を選択する時によく利用する擬似クラス:nth-childの便利な使い方26種類をSCSSでまとめられた「Family.scss」を紹介します。 :nth-childでアイテムが5個以上なら選択、5

...記事の続きを読む

デザインやイラストに水彩のスタイルを取り入れたい人にぴったり!商用利用無料の水彩デザインの素材セット

Post on:2016年11月9日

水彩のスタイルをデザインやイラストに簡単に取り入れることができる、水彩デザインの素材セットを紹介します。 個人でも商用でも無料利用、永く使えるPhotoshop用のデザイン素材です。 Aquarelle Designer

...記事の続きを読む

 Prev 1 2 ... 4 5 6 ... 372 373 Next

top of page

©2017 coliss