サイト構築 -制作
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で管理画面のダ
sponsors