サイト構築 -制作

びっくりするほど簡単!HTMLやCSSの作業なしで、Bootstrap 4のさまざまなページを作成できる無料ツール

Post on:2018年4月20日

さくっと短時間で、慣れれば1分! デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをド

...記事の続きを読む

人工知能で、写真やイラストの顔の表情をアニメーションで動かせるぞ! -Realistic 3D Avatars

Post on:2018年4月19日

人工知能(AI)で写真画像から人物の顔だけを取り込み、アニメーションで動く高度な3Dのアバターが作成できるオンラインサービスを紹介します。 Realistic 3D Avatars

フリーランスの人も知っておきたい!メールで要件やスケジュール、修正の内容をやり取りする時のガイドライン

Post on:2018年4月11日

Web制作に限らず、制作業界すべてのマネジメントにおいて、要件やスケジュールの確認、変更や修正内容の確認は、非常に重要なプロセスです。 広告関係4団体によって策定された、それらの内容を明確にし、確認書としてメールの書面を

...記事の続きを読む

InVisionだけじゃない!国内産デザインツール「Studio」はモックアップもWeb・スマホサイトも簡単に作成できる

Post on:2018年4月5日

海外ではInVisionが注目されていますが、国内産のデザインツールも負けていません。 Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。 こういったツールは英語

...記事の続きを読む

[CSS]「display: contents;」がすごい便利!ラッパーを使った実装が大きく変わるこれからのテクニック

Post on:2018年4月4日

例えばカードで、見出しが1行・3行、本文の量が多かったり少なかったりする場合、それぞれの高さを揃えるのは非常に難しく、かなりトリッキーな実装が必要でした。もしくは、JavaScriptを使用しなくてはできなかった実装です

...記事の続きを読む

Web制作にすぐに役立つ、Chrome デベロッパーツールの便利な機能・使い方のまとめ

Post on:2018年4月2日

Web制作者にとって、Chrome デベロッパーツールは欠かせません。Web制作にすぐに役立つ、便利な機能・使い方を紹介します。 Cool Chrome DevTools tips and tricks you wish

...記事の続きを読む

日本語にも対応!自分で書いた文字からフォントを簡単に作成できる無料オンラインツール -Calligraphr

Post on:2018年3月30日

Windowsからでも、macOSからでも、手書きのオリジナルのフォントが簡単に作成できる無料オンラインツールを紹介します。フォントはTrueTypeもOpenTypeも作成できます。 日本語はじめ、英語、ドイツ語、フラ

...記事の続きを読む

試してみたらすごかった!PNG画像を最適化し、ファイルサイズを大幅に減らす無料アプリ -Crunch

Post on:2018年3月29日

無駄な損失が多いPNG画像を最適化し、画像品質の穏やかな部分を利用して、ファイルサイズを大幅に軽量化するmacOS対応の無料アプリを紹介します。 アプリの性質上、得意な画像と不得意な画像がありますが、ほとんどがファイルサ

...記事の続きを読む

商用利用無料!Material Designが簡単に実装できる、Bootstrap 4をベースにした新作テンプレートのまとめ

Post on:2018年3月27日

Material Designを使用してみたいけど、時間がない、手間をかけたくない、という人にぴったりな、Material Designが採用された商用でも個人でも無料で利用できるBootstrap 4ベースの新作テンプ

...記事の続きを読む

HTML 5.2で新しく登場した<dialog>要素で、ダイアログ ボックスを実装する方法と注意点

Post on:2018年3月16日

ダイアログ ボックスはWebサイトやスマホアプリでよく見かけます。しかし、その実装方法は何通りもあります。その多くはWebを視覚的にナビゲートしないユーザーにとっては実質的にダイアログボックスを使用できず、アクセシブルに

...記事の続きを読む

top of page

©2018 coliss