Web制作に役立つ情報一覧

CSSのz-index: 10000;はいらなくなる、要素を最上位に表示する「最上位レイヤー（top layer）」の基礎知識と使い方

2022/09/29(Thu) 08:57

ポップアップやダイアログやフルスクリーンモードを実装する時などによく使用されるCSSのz-index: 10000;が必要なくなります。Chrome 105のデベロッパーツールで「最上位レイヤー（top layer）」がサポートされました。この最上位レイヤー要素は、z-indexが最も高い要素の上に表示され、かならずドキュメントの最上位に表示されます。最上位に表示したいコンポーネントをHTMLの最下部や最上部に記述したり、CSSのz-index: 10000;で最上位に昇格させる必要はありません。

https://coliss.com/articles/build-websites/operation/css/what-is-the-top-layer.html

これは便利すぎる！ Webサイトやスマホアプリのターゲットブラウザを決める時に役立つツール -Browserslist

2022/09/28(Wed) 09:03

ターゲットブラウザを決める時に役立つ便利なツールを紹介します。条件は細かく設定でき、下記は日本のユーザーを対象、シェアが0.2%以上あり、現在サポートされていないブラウザを除いたものです。iOSのSafariが多く、Chrome for Android, Chrome for desktopと続いています。

https://coliss.com/articles/build-websites/operation/work/target-browsers-between-different-front-end-tools.html

SEOで順位変動が起きる11の原因と対処法を解説

2022/09/27(Tue) 09:00

「SEOの順位変動はどうして起こるの？」「自社のコンテンツの順位が大きく変動して不安」あなたのコンテンツの順位が大きく変動したときに、どのような原因があるのか不安になる人は多いだろう。SEOの順位変動が起こる主な原因としては、次の11個がある。

https://lucy.ne.jp/bazubu/seorank-44280.html

古いモックアップ素材はアップデート！ iPhone 14, iPhone 14 Proのディテールまで忠実に再現されたモックアップ素材のまとめ

2022/09/27(Tue) 08:59

2022年9月にリリースされたiPhone 14, iPhone 14 Pro, iPhone 14 Pro Maxのベクターで作成されたモックアップ素材を紹介します。Webサイトやスマホアプリのプレゼン・UIデザインで使える高品質で、ディテールまで忠実に再現されたモックアップ素材で、Adobe XD, Figma, Photoshop, Illustratorなど、さまざまなフォーマットが揃っています。

https://coliss.com/articles/build-websites/operation/work/iphone-14-pro-mockups.html

フォトショップの作業が楽になる、覚えておきたい小技テクニック18選

2022/09/27(Tue) 08:58

フォトショップの作業が速くなる秘訣は、ずばりショートカットキーによる時短テクニック。その理由は、「もっと早く知りたかった」と思うほど、ラクラクな手軽さで、面倒な作業をすぐに片付けてしまうから。「レイヤーの重なり順を変えたい」「細かい部分の作業を行いながら、同時に全体表示で確認したい」「不要なレイヤーを非表示にしたい」そんな普段からよく行う作業も、効率アップさせる時短テクニック18個が揃いました。フォトショップがもっとうまくなりたいと思っている人こそ、まずは試してみませんか。

https://photoshopvip.net/137891

背景画を魅力的にするポイントがよく分かる！ 全ページが保存版のイラスト指南書 -パースと背景画 基本から演出までのすべて

2022/09/26(Mon) 08:54

建築物がある背景画はどうすれば魅力的に伝わる表現にできるのか。イラスト、マンガ、アニメ、ゲーム、建築の各界のスペシャリスト達が背景画の一歩踏み込んだ表現方法について解説したイラスト指南書を紹介します。

https://coliss.com/articles/book-review/isbn-9784767830278.html

HTMLだけでスマホのカメラにアクセスできるの知ってた？ 前面・背面カメラにアクセスできるHTMLのcapture属性

2022/09/26(Mon) 08:53

HTMLだけでスマホやタブレットのカメラにアクセスできる、HTMLのcapture属性を紹介します。私はこの属性を知らなかったのですが、実際にiPhoneとiPadで試してみたところ、前面カメラにも背面カメラにもアクセスできました。JavaScriptなどは必要なく、簡単なHTMLでできます。

https://coliss.com/articles/build-websites/operation/work/html-capture-attribute.html

フリーイラスト素材集｜ちょうどいいイラスト

2022/09/22(Thu) 08:58

商用利用可、クレジット表記不要のフリーイラスト素材を配布中。どんなシーンにも大体はまる、シンプルでかわいいイラストを配布しています。

https://tyoudoii-illust.com/

shigureni free illust │ 素朴で可愛い、女の子のイラスト素材サイト

2022/09/22(Thu) 08:57

｢shigureni free illust｣で配布しているイラスト素材は、規約の範囲内であれば個人・法人・商用・非商用を問わず無料でご利用いただけます。

https://www.shigureni.com/

Loose Drawing シンプルなイラストのフリー素材サイト

2022/09/22(Thu) 08:56

シンプルなイラストが見つかるフリー素材サイト Loose Drawing。広告、フライヤー、ポスター、企画書、スライド資料など様々なデザイン制作で使えるイラストを無料で更新しています。商用利用も可能。

https://loosedrawing.com/