Web制作に役立つ情報一覧 Web制作、Webデザインに関する役立つ情報を紹介します。 Web制作に役立つ情報の紹介はこちら 381 - 390 ( 5157 件中 ) [ ←前ページ / <= 31 32 33 34 35 36 37 38 39 40 => / 次ページ→ ] これでもう絶対迷わない! CSSの疑似クラスと疑似要素、:と::の違い2022/09/16(Fri) 08:51CSSで疑似クラス、または疑似要素を使用する時に、:と::のどっちだっけ? と迷ったことはありませんか?:beforeと::beforeのどっちだっけ? :notと::notのどっち? :と::のどっちが疑似クラスだっけ?※CSS3では::beforeですが、CSS2では:beforeでした。たまに迷ってしまうことがある人に、CSSの疑似クラスと疑似要素、:と::の違いについて紹介します。https://coliss.com/articles/build-websites/operation/css/difference-between-pseudo-classes-and-pseudo-elements.html iPhone, iPadの最新機種まですべてを網羅、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes2022/09/14(Wed) 09:03Webサイト制作者・スマホアプリ開発者向けに、iPhone, iPad, Apple WatchなどのAppleデバイスのスクリーンサイズ、各サイズを採用しているモデル、ノッチのサイズ、解像度、PPI、表示タイプ、比率、セーフエリア、ウィジェットのサイズなど、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。https://coliss.com/articles/build-websites/operation/work/a-complete-guide-for-apple-displays.html CSSで最後の要素にだけスタイルを適用させない、疑似クラス「:not()」と「:last-of-type」の組み合わせは便利2022/09/14(Wed) 08:59疑似クラスを使いなせるようになると、CSSはより楽しくなります。リストなど複数の兄弟要素を配置した時に、最後の要素にだけスタイルを適用しないようにするには、:not()と:last-of-typeを組み合わせると便利です。下記のように最後だけラインをつけないとか、marginやpaddingを変えるという時によく使用されるCSSのテクニックです。https://coliss.com/articles/build-websites/operation/css/css-selectors-is-not-last-of-type.html おしゃれで実用的なフォントが欲しい人の新作リスト(Adobe Fontsも)2022/09/13(Tue) 08:57フリーフォントを、もっと効果的に使いたいと悩んでいる方は、多いのではないでしょうか。しかし、毎月追いつけないほどの新作フォントがリリースされ、本当に必要な素材がなかなか見つからないという声をよく聞きます。そこでこの記事では、実践的に使えるオススメ最新フリーフォント30個をまとめました。デザインをおしゃれに、かっこよくしたいという人に、まず試してほしいフリーフォントを中心に厳選しています。https://photoshopvip.net/137551 もっと早く知りたかった!便利な最新Web、オンラインツール30選2022/09/12(Mon) 09:00この記事では、「もっと早く知りたかった」と思ってしまう、便利な最新オンラインツールをまとめてご紹介します。AIをフル活用した次世代ツールから、これまでの作業が嘘のように捗る便利なものまで、今後のワークフローを変えてくれそうなツールを中心に揃えています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。https://photoshopvip.net/137497 【フォトショップ】光が溢れ出るライトブルーム写真加工のつくり方2022/09/09(Fri) 08:54この記事では、フォトショップで光が溢れ出したような、ライトブルームエフェクトの作り方をご紹介します。ライトブルーム(英: Light Bloom)とは、イルミネーションなど、外から部屋をのぞいたときなど、溢れ出したように明るい光のこと。焚き火やランタンの光も、まるで本当に輝いているような仕上がりで、ワンクリックで微調整できるのもポイントです。https://photoshopvip.net/137465 CSSの実装はこれでかなり進化する! Web制作者が知っておきたい、:has()疑似クラスの便利な使い方のまとめ2022/09/09(Fri) 08:53CSSの:has()疑似クラスが主要ブラウザでサポートされ、喜んでいる人も多いと思います。今まではJavaScriptを使用しなければできなかったことが、:has()疑似クラスを使用するとさまざまなセレクタを条件式のように記述できます。https://coliss.com/articles/build-websites/operation/css/howtouse-css-has-pseudo-selector.html 有名サイトで使用されているCSSテクニックまとめ2022/09/09(Fri) 08:52たった数行の記述で複雑な機能が実装可能だったり、再現が難しかったデザインへも対応できるようになったことは喜ばしいことです。そこで今回は有名サイトで実装されているそんな最新のCSSテクニックをあらためて確認してみたいと思います。https://qiita.com/k__watanabe/items/70171a5095e714509af4 新しいCSSの書き方 最新テクニック20選まとめ実用サンプルコード付き2022/09/08(Thu) 08:51この記事では、ウェブ制作で積極的に活用したい最新CSSテクニックを、実例サンプルコードと一緒にご紹介します。新しいCSSプロパティにはじまり、これまではJavaScriptが必要だったデザインも、CSSのみで実現できるようになっています。普段からCSSを使いこなしているベテランデザイナーさんにこそオススメしたい、CSSの進化を感じるテクニックが揃います。https://photoshopvip.net/137332 文字の輪郭を活用 おしゃれなアウトライン風フリーフォントまとめ2022/09/06(Tue) 09:06この記事では、文字の輪郭のみで描かれたアウトライン風フリーフォントをまとめてご紹介します。ネオンサインでよく利用されている文字スタイル、の方が分かりやすいかもしれません。筆記体フォントとの相性もとても良く、手軽におしゃれな雰囲気を演出できます。https://photoshopvip.net/137289 381 - 390 ( 5157 件中 ) [ ←前ページ / <= 31 32 33 34 35 36 37 38 39 40 => / 次ページ→ ] - Yomi-Search Ver4.21 -