サイト構築 -実装

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を使用してコンポーネントベース生成されており、さまざまなボタンのデザインをモジュール式で簡 […]

CSSリセットとは異なる、Normalize.cssの特徴や使い方などの解説 -About normalize.css

Post on:2017年5月16日

Normalize.cssって何? CSSリセットとは違うの? どうやって使うの? といった疑問を解決するNormalize.cssの制作者自らの解説を紹介します。 About normalize.css

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

Post on:2017年5月10日

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

Web制作にもAIが実用的になってきた!WebページのUIをリデザインできるオンラインサービス -Huula

Post on:2017年5月9日

ひと昔前まではデザインもコードも手作業が多かったですが、最近ではさまざまなタスクに自動化が取り入れられ、効率的に進めている制作者の人も多いと思います。 そしてここ1,2年の間で、Web業界にもAIが少しずつ進化し、実用的 […]

プレゼント企画!海外のデザイン素材やフォントを購入する時は、クーポンを利用して、激安で購入しよう

Post on:2017年5月8日

海外のデザイン素材やフォント、素敵なのやかっこいい、かわいいのがたくさんありますよね。そのまま購入するのもよいですが、クーポンを利用して更にお得に購入するのがオススメです。 Webデザインやアプリでも、同人誌やポスターな […]

レスポンシブの確認ツール、後発だけに便利!スマホ・タブレットの主要なデバイスでの表示確認が同時にできる -Sizzy

Post on:2017年5月8日

iPhone, iPad, Nexus, Galaxyなど、主要なスマホ・タブレットの表示確認が同時にできる、レスポンシブ用の確認ツールを紹介します。 最近リリースされたばかりで、現在の対応デバイスにあった便利なツールで […]

top of page

©2026 coliss