サイト構築
商用のWebサイトやアプリ・動画・同人誌で使える、有料フォントとグラフィック素材計7万円分をプレゼントします
Post on:2016年9月12日
使えるフォントやグラフィック素材のバリエーションが増えるとデザインの幅が広がり、制作へのモチベーションもアップしますよね。 Webサイトやアプリでも、同人誌やポスターなどの紙でも、動画やプロダクトのデザインでも安心して商 […]
[CSS]レスポンシブデザインでよく使うメディアクエリの書き方、ブレイクポイントの最適な値のまとめ
Post on:2016年9月12日
スマホやタブレット、ラップトップ、デスクトップ、最近はWebページを表示するデバイスは多様化しています。レスポンシブデザインでよく使われているMedia Queries（メディアクエリ）の書き方、ブレイクポイントの最適な […]
有料フォントの代替になるフリーフォントも見つかる！ブックマークしておきたいフォント関連の便利なサービスのまとめ
Post on:2016年9月9日
Helveticaに似た商用無料のフリーフォントを見つけることができたり、デザイナーに人気の高いフォントをチェックできたり、見出しや本文のサイズをバランスの良い比率でデザインできたり、OTFとTTFを相互変換・Webフォ […]
Photoshopを使った簡単で素敵なテクニック！螺旋状に伸びる丸い空間を描くチュートリアル -Round Things
Post on:2016年9月8日
螺旋状に伸びる幻想的な雰囲気の空間。 これを描くにはものすごいテクニックが必要でしょ、と思った人は安心してください。Photoshopの標準機能を使うだけで思ってたよりかなり簡単に作成できます。 アートワーク: (Rou […]
テキストのカラーが充分に読むことができるか確認するのは実は簡単、コンラストが良いか確認できるWin, Mac対応の無料ツール
Post on:2016年9月7日
カラーのコントラストが充分か、充分でないかチェックできるオンラインツールはいくつかあります。でもオンラインだと突然利用できなくなったり、ネット環境でないと使えないといったこともあります。 WinにもMacにも対応したデス […]
テキストの読みやすいカラーを決めるにはこれが大切！Webデザインにおける良いコントラストのつくり方
Post on:2016年9月6日
読みやすい本文テキストのカラー、分かりやすいリンクのカラー、目立たせたいボタンのカラーなど、Webデザインのカラーを決める時にもう一歩進めた良いコントラストのつくり方を紹介します。 Color Contrast for […]
[JS]縦長ページのスクロールエフェクトはこれが使いやすい！ビューポートをトリガーにしたスクリプト -in-view.js
Post on:2016年9月5日
ページをスクロールして、要素が表示された時にアニメーションを適用するエフェクトは非常に人気が高いですね。 要素がビューポートに入った時、そして出る時にそれぞれアニメーションを適用できる他のスクリプトに依存なし、超軽量（1 […]
最新版！あらゆるWebページを作成する時に使える、必要最小限をまとめたHTML5のテンプレート
Post on:2016年9月1日
HTML5でWebページを作成する時のベースになる必要最小限の構成で実装されたHTML5のテンプレートを紹介します。 スニペットに登録しておくと、便利ですね。 HTML5 Boilerplate -GitHub イラスト […]
FlexboxやFloatでレイアウトが崩れてしまう原因がすぐに見つかるChromeの機能拡張- Pesticide
Post on:2016年8月31日
CSSのレイアウトで思うようにいかない時に、最初に確認すべきことはページ上のすべての要素がどのようにレイアウトされているかです。これを知るには、各要素が区別できるように、要素ごとに異なるカラーのアウトラインをつけると便利 […]
最近のWeb制作で利用されている、リセットCSSとノーマライズCSSのまとめ
Post on:2016年8月29日
HTMLの各要素のブラウザごとに異なる差異をなくすために、ブラウザのスタイルを初期化するリセットCSS、初期化ではなくノーマライズ（正常化）するノーマライズCSS。 定番のスタイルシートから、最近リリースされたものまで、 […]
sponsors
