Web制作に役立つ情報一覧

画像の切り抜きや背景の除去、透過できる無料オンラインツール15選

2022/10/06(Thu) 08:57

「できるだけラクに、写真の切り抜きや、背景のみを消したい」そんなわがままも叶えてくれる、魔法のような、無料のオンラインツールを利用してみませんか。さらに、写真を放り込むだけで、背景の切り抜きをAIが自動で、ほんの数秒で完了というから驚きです。今回は、実際にすべてのツールを試し、本当に使いたいと思ったツールのみをセレクト。

https://photoshopvip.net/138552

レイアウト力が上がる！デザイナー視点で考える「余白」

2022/10/05(Wed) 08:55

「余白」の一般的な意味を調べると、文字通り「余った白い部分」のことですが、デザインをするうえでは「意図をもって作られたスペース」を指します。この「余白」をただの「余った空間」という認識でいると、余白のあるデザインに不安を覚えることがあります。その場合、余白を埋めようとしてしまいがちですが、ちょっと待ってください！

https://note.lancerunit.jp/n/n4786d16451e6

Photoshop切り抜きをマスターする鉄板テクニック15選 完全ガイド2022

2022/10/05(Wed) 08:54

「フォトショップで、写真から人やモノを切り抜きたい。」永遠のテーマとも言えるこの問題を解決する、世界中からあつめた、フォトショップ切り抜きテクニック15選をまとめてご紹介。最新のAI技術による、ワンクリックでほんの数秒待つだけの、切り抜き時短ワザから、古くから利用されている定番テクまで、すべてを網羅しています。サンプル例と一緒に、ツールの使い分け方をくわしく見ていきましょう。

https://photoshopvip.net/138468

朗報！ CSSの新しい単位（lvh, svh, dvh)がChromeに実装、100vhがビューポートの高さいっぱいにならない問題を解決

2022/10/05(Wed) 08:53

Safari, FirefoxでサポートされていたCSSの新しいビューポート単位「lvh」「svh」「dvh」などが、ついにChrome 108で実装されます！CSSの新機能で、Chromeが一番最後というのは珍しいですね。最も活躍するのがiOSのSafariだからでしょうか。とはいえ、主要ブラウザすべてにサポートされるようになるのは、嬉しいニュースです。

https://coliss.com/articles/build-websites/operation/css/large-small-dynamic-viewport-sizes.html

イラストやデザインの静止画を思い通りに動かしてみたい人にオススメの解説書 -イラレユーザーのためのAfter Effects入門

2022/10/03(Mon) 08:50

デザインやイラストの静止画を思い通りに動かせたら楽しいのに、どんな動きをつければよいのか分からない、そんな制作者・クリエイターにぴったりなAfter Effectsの解説書を紹介します。案件で動画やアニメの依頼が増えてきたというWeb制作者やイラストレーターの人にお勧めの一冊です。IllustratorやPhotoshopは使えるけど、動画やモーショングラフィックスはまだという人に特にお勧めします。

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

時間、損してない？フォトショップが楽になる時短ワザ11選

2022/09/29(Thu) 08:58

フォトショップに慣れてくれると、重要になるのが「作業の効率アップ」でしょう。「自分のやりたいこと」を、できるだけ早くこなす、時短ワザは欠かせません。この記事では、フォトショップを使う人なら誰でも役立つテクニック11選を、サンプル例と一緒にご紹介します。

https://photoshopvip.net/138324

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