サイト構築 -制作

試してみたらすごかった!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を視覚的にナビゲートしないユーザーにとっては実質的にダイアログボックスを使用できず、アクセシブルに

...記事の続きを読む

UIデザインは奥が深い!最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説

Post on:2018年3月13日

普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメー

...記事の続きを読む

ドラッグ&ドロップするだけ!かなり高品質なアニメーションgifが誰にでも簡単に作成できる無料アプリ -Gifski

Post on:2018年3月7日

これは簡単操作なのにすごい高品質です! フレームごとに数千の色を使用するアニメーションgifを動画ファイルをドラッグ&ドロップするだけで、簡単に作成できるmacOS用の無料アプリを紹介します。 Gifski Gi

...記事の続きを読む

Web制作時に便利なHTML, CSS, JavaScriptのツール、文字抽出ツールなどがまとめて利用できる -Href Tools

Post on:2018年2月22日

HTML, CSS, JavaScriptの軽量化、画像に含まれている文字の抽出、画像をbase64データに変換、CSVとJSONを相互変換、zipファイルのオンライン解凍など、Web制作時に役立つ便利なツールがまとめら

...記事の続きを読む

Web制作者がチェックしておきたい、軽量で読み込みが速いCSSのフレームワークのまとめ

Post on:2018年2月15日

Webページやアプリでよく利用されるレイアウトやコンポーネントが簡単に利用できるCSSベースのフレームワークを紹介します。新しいプロジェクトを始める時に、モックアップを作成する時に、既存ページを変更する時に、ぴったりです

...記事の続きを読む

デザインの作業フローが大きく変わる!PhotoshopやIllustratorに予定されているAdobe Senseiの機能のまとめ

Post on:2018年2月6日

2018年1月末のアップデートで、ついにPhotoshopでもAdobe Senseiが実装され、複雑な選択範囲が1クリックで簡単に作成できるようになりました。 紹介記事: Photoshopの選択範囲の作成が驚くほど簡

...記事の続きを読む

お問い合わせ、支払い、サインアップなど、フォームを実装するためのHTMLとCSSのテンプレート -Boilerform

Post on:2018年2月1日

フォームを実装するのが苦手、という人は少なくないと思います。 お問い合わせフォーム、支払いフォーム、サインアップフォームなど、さまざまなプロジェクトで利用されるフォームを実装するのに役立つHTMLとCSSで制作されたテン

...記事の続きを読む

新しくなったBootstrap 4の基本テンプレート、ナビゲーション、コンポーネントのまとめ

Post on:2018年1月30日

2018年1月18日、Bootstrap 4の安定版がようやくリリースされました。 Bootstrap 4ではFlexboxが採用され、それに伴いFloatは取り除かれ、CSSのソースはLessからSassに変更され、C

...記事の続きを読む

top of page

©2019 coliss