サイト構築 -制作

Web制作者は要チェック!最近のランディングページで見かけるデザインやアイデアのまとめ -SaaS Pages

Post on:2020年10月15日

最近のラインディングページで見かけるデザインやアイデア、コピーライティングがまとめられたSaaS Pagesを紹介します。 ヘッダやフッタのデザイン、ナビゲーションのアイデア、CTAや価格一覧やFAQのコンポーネントなど

...記事の続きを読む

Bootstrap 5 Alpha 2の注目しておきたい新機能、ダークテーマのコンポーネント・新しいユーティリティclassなど

Post on:2020年10月14日

先日リリースされたBootstrap 5 Alpha 2の新機能を紹介します。 新しく導入されたダークテーマのコンポーネント、ドキュメントナビゲーションの再設計、新しいユーティリティclass、今までとは異なるボタンなど

...記事の続きを読む

metaタグに記述するソーシャルメディアや検索用のコードをまとめて簡単に生成できるオンラインツール -Meta Tags

Post on:2020年10月12日

Twitter, Facebook, Pinterestなどソーシャルメディア、Googleの検索用のmetaタグのコードを1クリックで簡単に生成できるオンラインツールを紹介します。 日本語のコンテンツにも対応しており、

...記事の続きを読む

SVG画像を簡単に生成・カスタマイズできる無料ツール!Webサイトやスマホアプリの背景にぴったり -BGJar

Post on:2020年10月7日

Webサイトやスマホアプリの背景にぴったりなSVG画像を簡単に生成できる無料オンラインツールを紹介します。 ドットで構成された地図、流線型のブロッブ、回路基板、ウェーブ、シャイニーオーバーレイなど、カスタマイズにも対応し

...記事の続きを読む

知っておくと便利なHTML5の機能、要素や属性のまとめ

Post on:2020年10月6日

今まであまり使用されていなかったけど、現在の環境では有用であるHTML5の便利な機能、要素や属性を紹介します。 10 useful HTML5 features, you may not be using by Tapa

...記事の続きを読む

Figmaで簡単に作成できる!ワイヤーフレーム・フローチャート・プロトタイプ素材のまとめ

Post on:2020年9月29日

Figmaのワイヤーフレーム・フローチャート・プロトタイプ用の素材を紹介します。 Webサイトやスマホアプリで使用されるさまざまなコンポーネントやUI要素、基本的なスタイルが用意されており、短時間で作成できます。

PhotoshopやIllustratorの代わりになる!Adobe系ソフトの代替ソフトウェア(有料・買い切り・無料)のまとめ

Post on:2020年9月25日

Photoshop, Illustrator, InDeign, Animate, Lightroom, Dreamweaver, After Effects, Auditionなど、Adobe系ソフトの代替ソフトウェア

...記事の続きを読む

2020年、オンラインサービスやWebアプリの開発を独学で勉強したい人に役立つ練習プロジェクトのまとめ

Post on:2020年9月17日

Webアプリやスマホアプリ、オンラインショップ、オンラインサービスなど、Web開発における一通りの需要に応えられるような知識・スキルを練習するのに役立つプロジェクトを紹介します。 8つのプロジェクトにはそれぞれ異なる課題

...記事の続きを読む

画像の遅延読み込みにloading属性とJavaScriptを併用した最大限のパフォーマンスを発揮させる実装方法

Post on:2020年9月10日

画像やiframeの遅延読み込みに使用するloading属性と非サポートブラウザ用にJavaScriptを併用した現代的なアプローチで、最大限のパフォーマンスを発揮させる実装方法を紹介します。 Best way to l

...記事の続きを読む

新しくなったBootstrap 5を使用して、管理画面のUIを実装する方法を解説

Post on:2020年9月8日

Bootstrap 5 alphaがついにリリースされましたね。 この新しいBootstrap 5では、jQueryが削除され、IEのサポートも終了し、実装の手順も少し変わりました。 Bootstrap 5で管理画面のダ

...記事の続きを読む

top of page

©2024 coliss