サイト構築

日本語のフォントを使って、ロゴやタイトルをデザインする時のアイデアとすぐに役立つデザインのテクニック

Post on:2017年5月25日

日本語のフォントを使って、ロゴやタイトルをデザインする時のアイデアとすぐに役立つデザインのテクニックをAdobeから紹介します。 手持ちのフォントに一手間加えるだけで、素敵なデザインに変わります。

[JS]スマホやタブレットにも完全対応!垂直・水平方向にパララックス スクロールさせる軽量スクリプト -paroller.js

Post on:2017年5月24日

ページいっぱいの背景、コンテナいっぱいの背景、要素の背景などを垂直水平方向にパララックスさせるスクリプトを紹介します。 モバイルにも完全対応しており、全体をパララックスさせたり、カード型コンポーネントをずらしながら表示さ

...記事の続きを読む

紙のサイズのまとめ!A判、B判、新聞や写真や名刺など、250種類以上の紙のサイズが日本・国際規格ですぐ分かる -PaperSizes

Post on:2017年5月24日

Web制作をしていても、紙のサイズが必要な時があります。 A3って何x何mmだっけ? 日本のJIS規格だといくつ? 写真用紙のサイズは? 名刺は日本と世界で違うの? などが分かる、紙のサイズがまとめられたPaperSiz

...記事の続きを読む

納品用のWebサイトのスタイルガイドが簡単に作成できるHTMLのテンプレート -Style Guide Guide

Post on:2017年5月23日

Webサイトのガイドライン、カラーや文字やアイコンや画像のスタイル、使用するコンポーネントを定義するスタイルガイドが作成できるテンプレートを紹介します。 Style Guide Guide Style Guide Gui

...記事の続きを読む

Webでも紙でもクレジット表記なしで商用利用できる!プロのデザイナーが愛用しているデザインフォントのセット

Post on:2017年5月19日

Webデザインやアプリでも、同人誌やポスターなどの紙でも、動画やプロダクトのデザインでも安心して商用利用できる有料フォント70種類とグラフィック素材7種類、計77種類の総額約100,000円分のセット全部をコリスのビジタ

...記事の続きを読む

[CSS]YouTubeなどの動画をレスポンシブ対応で実装する現在主流とこれからのテクニック

Post on:2017年5月19日

動画は拡大縮小が簡単な画像とは異なり、アスペクト比を維持したままレスポンシブ対応で埋め込むと、幅のサイズだけが変わり、高さがそのままになってしまいます。 この問題を解決するには、動画を配置するiframeをdivなどの親

...記事の続きを読む

業種やデザインのテイストにあったカラー、色の組み合わせ、フォントが分かる!ロゴのデザインに便利なツール

Post on:2017年5月18日

ロゴをデザインする時に役立つ、業種やデザインのテイストにあったオススメのカラー、色の組み合わせ、フォントが分かる無料オンラインツールを紹介します。 色の組み合わせが苦手な人、あと1色欲しい人、フォントをいろいろ試してみた

...記事の続きを読む

[CSS]レイアウトでテキストは幅一定で、画像だけ幅いっぱいに表示させるスタイルシートのテクニック

Post on:2017年5月17日

テキストはスマホでは両横にマージンを保持しつつ幅いっぱいに、デスクトップでは指定した幅で表示し、常に画像だけ幅いっぱいに表示させるレイアウトを実装するスタイルシートのテクニックを紹介します。 floatやflexboxだ

...記事の続きを読む

さまざまなデザインのボタンを最小限のHTMLで実装する、HTML5とCSS3のテクニックのまとめ

Post on:2017年5月16日

HTMLはシンプルに最小限、26種類のさまざまなデザインのボタンを実装されたコレクションを紹介します。 ボタンのスタイルはSASSを使用してコンポーネントベース生成されており、さまざまなボタンのデザインをモジュール式で簡

...記事の続きを読む

Sublime Textをもっと快適で便利にする、フロントエンドのWeb制作に役立つプラグインのまとめ

Post on:2017年5月10日

Sublime Textは快適で非常に使いやすいエディタですが、そのままの状態では最近の他のエディタに機能で劣っている面があります。 エディタとしての機能を強化し、HTML, CSS, JavaScriptのコーディング

...記事の続きを読む

 1 2 3 4 5 ... 381 382 Next

top of page

©2017 coliss