サイト構築 -実装
iPhone 12で、ビューポートのサイズの種類が増えすぎ！デバイスの複雑さがUIの設計にどのように影響するのか
Post on:2020年10月19日
iPhone 12シリーズが発表され、iPhone 12/12 Proの予約も始まりましたね。23日配送予定で予約できたので、私も楽しみです。ユーザーとしてはその新しいデザインや機能にワクワクしますが、デザイナー・デベロ […]
シンプルなCSSで実装できる！記事は中央に固定幅、画像は幅いっぱいに、フルブリードレイアウトを実装するテクニック
Post on:2020年10月16日
記事のテキストが多いサイトで見かけるレイアウト、記事は中央に固定幅、画像は幅いっぱいに表示するフルブリードレイアウトをシンプルなHTMLとCSSで実装するテクニックを紹介します。 記事の固定幅は自由自在、画像の幅いっぱい […]
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クリックで簡単に生成できるオンラインツールを紹介します。 日本語のコンテンツにも対応しており、 […]
CSSで期待通りに表示されない根本的な原因の見つけ方
Post on:2020年10月8日
CSSで、期待通りに表示されない、なんかずれてる、ブラウザによって表示が異なる、ということがありませんか？ CSSで期待通りに表示されない時に、根本的な原因を見つける方法を紹介します。 その原因がブラウザによるものなのか […]
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 […]
CSSを最適化してページの読み込み時間を高速化する方法
Post on:2020年9月30日
CSSを最適化して、ページの読み込み時間を高速化する方法を紹介します。 シンプルなCSSのファイルをはじめ、大規模プロジェクトで使用されるCSSまで、すべてのCSSに効果があるテクニックです。 Optimizing CS […]
PhotoshopとIllustratorで、プロのデザイナーがよく使うショートカットを一枚にまとめたチートシート
Post on:2020年9月29日
アドビシステムズの日本法人からリリースされた、PhotoshopとIllustratorの数あるショートカットの中から、デザイナーによく使われているものをまとめた作業効率が劇的に上がるショートカットのチートシートを紹介し […]
sponsors
