サイト構築
AIで写真やイラストをカラーに！ 白黒写真もモノクロのイラストも鮮やかな色づけが簡単にできる無料アプリ -Palette
Post on:2022年10月12日
古い白黒写真をはじめ、アート作品、イラストなど、画像を何でもカラー化するAIベースのWebアプリを紹介します。 利用は完全に無料で、登録など面倒なことは一切不要。実際に試してみましたが、白黒の写真やモノクロのイラストに鮮 […]
CSS コンテナクエリの準備はできてる？ 安定版のブラウザにサポート、ポリフィルも大幅にアップデートされました
Post on:2022年10月6日
コンテナクエリは今までのメディアクエリのスクリーンベースではなく、親コンテナをベースにして子要素のスタイルを定義できます。レイアウトやコンポーネントをはじめ、レスポンシブ対応のフォントサイズにも大活躍する新機能です。 そ […]
QRコードの仕組み -分かると、実に、おもしろい！
Post on:2022年9月29日
少しマニアックな知識、QRコードの仕組みを紹介します。 QRコード決済、リンクをQRコードで提供するなど、日常的に使用されているQRコードにあるそれぞれのパターンがどのように機能しているか、どういう役割をしているのか、な […]
CSSのz-index: 10000;はいらなくなる、要素を最上位に表示する「最上位レイヤー（top layer）」の基礎知識と使い方
Post on:2022年9月28日
ポップアップやダイアログやフルスクリーンモードを実装する時などによく使用されるCSSのz-index: 10000;が必要なくなります。 Chrome 105のデベロッパーツールで「最上位レイヤー（top layer）」 […]
これは便利すぎる！ Webサイトやスマホアプリのターゲットブラウザを決める時に役立つツール -Browserslist
Post on:2022年9月27日
ターゲットブラウザを決める時に役立つ便利なツールを紹介します。 条件は細かく設定でき、下記は日本のユーザーを対象、シェアが0.2%以上あり、現在サポートされていないブラウザを除いたものです。iOSのSafariが多く、C […]
古いモックアップ素材はアップデート！ iPhone 14, iPhone 14 Proのディテールまで忠実に再現されたモックアップ素材のまとめ
Post on:2022年9月26日
2022年9月にリリースされたiPhone 14, iPhone 14 Pro, iPhone 14 Pro Maxのベクターで作成されたモックアップ素材を紹介します。 Webサイトやスマホアプリのプレゼン・UIデザイン […]
HTMLだけでスマホのカメラにアクセスできるの知ってた？ 前面・背面カメラにアクセスできるHTMLのcapture属性
Post on:2022年9月21日
HTMLだけでスマホやタブレットのカメラにアクセスできる、HTMLのcapture属性を紹介します。 私はこの属性を知らなかったのですが、実際にiPhoneとiPadで試してみたところ、前面カメラにも背面カメラにもアクセ […]
CSSの疑似クラスと疑似要素、:と::の違い
Post on:2022年9月15日
CSSで疑似クラス、または疑似要素を使用する時に、:と::のどっちだっけ？ と迷ったことはありませんか？ :beforeと::beforeのどっちだっけ？ :notと::notのどっち？ :と::のどっちが疑似クラスだっ […]
iPhone, iPadなど、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes
Post on:2022年9月14日
Webサイト制作者・スマホアプリ開発者向けに、iPhone, iPad, Apple WatchなどのAppleデバイスのスクリーンサイズ、各サイズを採用しているモデル、ノッチのサイズ、解像度、PPI、表示タイプ、比率、 […]
ヴィンテージの無料素材のまとめ、時代ごとの使い方や特徴も解説
Post on:2022年9月13日
幾何学的な飾り、繊細なパターン、緻密なオブジェクトが美しいアール・デコ、アール・ヌーヴォーなど19世紀のヴィンテージ スタイルを中心に、その時代ごとのデザインの特徴と使い方を紹介します。 合わせて、個人・商用で無料・有料 […]
sponsors
