タグ

ブックマーク / photoshopvip.net (3)

  • ここまでできる!CSS最新テクニックと書き方30選

    ポップオバーAPI 最新版Chrome 114に搭載された新機能で、コンテンツの一番上に重ねて表示するUI「ポップオバー」。補足の情報やユーザーにアクションを促すことができます。 Introducing the popover APIでは、具体的な使い方や実装例が紹介されています。 範囲スライダーをCSSでカスタマイズ How to Create a Custom Range Slider Using CSSでは、モダンなCSSテクニックを使って、ネイティブHTMLの<input>要素だけで人目を引く、カスタム範囲スライダーを作成する方法が紹介されています。 See the Pen CSS only custom range sliders by Temani Afif (@t_afif) on CodePen.

    ここまでできる!CSS最新テクニックと書き方30選
  • なぞるだけで写真の不要なものを消せるウェブサービス Cleanup.pictures

    「せっかく良い写真が撮れたのに、背景に不要なものや人が写り込んでしまった。」「シャツにケチャップのしみがついている」「写真にうつった文字を変更したい。」 誰ももこんな経験、一度はしたことがあるのではないでしょうか。 なぞるだけで写真の不要なものを消すことができる、魔法のようなオンラインツールCleanup.Picturesをご紹介します。 人やものなどの被写体、文字テキストなど、あらゆるものを写真から消し去ることができます。 写真の不要なものをなぞるだけで消すことができるWebサービス Cleanup.pictures CleanUp.picturesは、ほんの数クリックするだけで、写真の不要なものを消し、クリーンアップできる無料ウェブサービスです。 ものを消すだけでなく、削除した部分を自動かつ、正確に再描画してくれます。 操作はいたってシンプル。写真の不要な部分をブラシでなぞるだけで、あ

    なぞるだけで写真の不要なものを消せるウェブサービス Cleanup.pictures
    localnavi
    localnavi 2021/11/10
    これはすごいなあ! 消したいものを消した後、その場所はどうなっているのかを推測して補ってくれるのか。
  • たった1行のCSS!よく見かけるWebレイアウトを実現する凄技テクニック10個

    モダンなCSSレイアウトでは、ほんのわずかなコードを書くだけで、実用的なスタイリングを実現できます。 この記事では、たった1行でよく見かけるWebレイアウトを表現できるテクニック10個をご紹介します。 上下中央揃え: place-items: center まずCSSでもっとも頭を悩ませる、上下中央揃えを詳しくみてみましょう。ここでは、plae-items: centerを使えば、思ったよりに簡単に実現できます。 まず、display: gridを記述したら、一緒にplace-items: centerを同じ要素に追加します。place-itemsは、align-itemsとjustify-itemsを同時にスタイリングできる簡略化表記、ショートハンドです。centerに設定することで、align-itemsとjustify-itemsの両方がcenterとして設定されます。 .paren

    たった1行のCSS!よく見かけるWebレイアウトを実現する凄技テクニック10個
    localnavi
    localnavi 2020/08/19
    色々スゴイ。ただ、これらのスタイル指定は(IE11は確実に対象外として)どのブラウザのどのバージョンまで対応してるのか、まで書いてもらえると安心して使える(または使わない決断ができる)のだが。
  • 1