Web制作に役立つ情報一覧 Web制作、Webデザインに関する役立つ情報を紹介します。 Web制作に役立つ情報の紹介はこちら 881 - 890 ( 5204 件中 ) [ ←前ページ / <= 81 82 83 84 85 86 87 88 89 90 => / 次ページ→ ] 組織ロゴの構造化データとAMP記事ロゴの構造化データのガイドラインは異なる、AMPのロゴにSVG画像は使えない2020/06/26(Fri) 09:53組織のロゴ向け構造化データのガイドラインと AMP 記事で指定するロゴの構造化データのガイドラインは異なります。https://www.suzukikenichi.com/blog/differences-between-guidelines-applicable-to-article-amp-logo-guidelines-and-generic-logo-guidelines/ これで完璧!CSS GridとFlexboxの違いと使い分け方、よく見かけるUIコンポーネントを実装するテクニックのまとめ2020/06/25(Thu) 10:13CSS GridとFlexboxのどちらを使った方がよいか悩んだことはありませんか?CSS GridとFlexboxの違い、使い分け方、CSS Gridの実装例、Flexboxの実装例、CSS GridとFlexboxを組み合わせた実装例、フォールバックと古いブラウザのサポート方法を解説します。https://coliss.com/articles/build-websites/operation/css/grid-for-layout-flexbox-for-components.html レスポンシブの確認がこれで快適に!複数のスクリーンサイズで同時に確認できる無料ツール -Responsively App2020/06/24(Wed) 10:02Windows, macOS, Linux対応で、しかもオープンソース、快適にレスポンシブの確認ができるResponsively Appを紹介します。5つのデバイスを同時にすれば、制作時間は5倍速くなります。無料とは思えないほど高性能で、すべてのWeb制作者にお勧めです!https://coliss.com/articles/build-websites/operation/work/responsively-app-for-confirming-responsive.html Twitter・Instagram・FacebookなどのSNS投稿に最適な画像サイズを確認できるSocialSize.io2020/06/23(Tue) 09:51SNS投稿向けの画像はもちろん、プロフィール写真やカバー画像にもっとも適切なサイズをひと目で確認でき、デザイン用のテンプレートも豊富なファイル形式で無料ダウンロードできます。http://photoshopvip.net/123142 商用可なパブリックドメインの名画、イラスト1万枚を無料ダウンロードできるArtvee2020/06/22(Mon) 09:44世界的に知られる名画から、100年以上前に描かれたイラストや広告向けポスターデザインなど合計12,000点以上が揃い、クレジット表記なしで商用でも自由に利用できます。http://photoshopvip.net/123097 CSSの新しい疑似クラス:is()と:where() なんだこれ便利すぎる!2020/06/17(Wed) 09:50複数のセレクタを1つにまとめられる:is()、セレクタの詳細度を0にする:where()、CSSの新しい疑似クラスが、SafariとFirefoxで利用できるようになりました。そんな:is()と:where()の便利な使い方を紹介します。https://coliss.com/articles/build-websites/operation/css/css-new-pseudo-classes-is-and-where.html SVGでテキストにマーカーを引いたり、くるっと丸く囲む超軽量JavaScriptライブラリ -Rough Notation2020/06/15(Mon) 10:11テキストに蛍光ペンで引いたようなマーカーを引いたり、下線をつかたり、丸や矩形で囲ったり、さまざまなスタイルでテキストを強調表示できる超軽量(3.63Kb)のJavaScriptライブラリを紹介します。https://coliss.com/articles/build-websites/operation/javascript/create-and-animate-hand-drawn-annotations.html 手っ取り早くグラデーションやパターン背景を用意したいときに便利なリソース・ジェネレータ 102020/06/08(Mon) 10:01ワイヤーでデザインなどで使用するグラデーション背景やパターン背景を手っ取り早く用意したいときに便利なリソース・ジェネレータのまとめです。https://www.nxworld.net/services-resource/10-background-useful-resources-and-generators.html レスポンシブWebデザインで、スクリーンサイズが中途半端なときにデザインが崩れないようにするための実装方法2020/06/04(Thu) 09:49Webページを実装する際、注意すべき点の一つは表示されるスクリーンサイズです。スマホとタブレット、そしてデスクトップの3種類を想定している人も多いと思いますが、現在ではさまざまなサイズのスクリーンが存在しています。https://coliss.com/articles/build-websites/operation/work/thinking-about-the-in-between-design-cases.html 最近のWebページでよく使用されているUIコンポーネントをコピペですぐに実装できるコードのまとめ -tailblocks2020/06/03(Wed) 09:49Webページでよく見かけるUIコンポーネント、ヘッダ・フッタ・ヒーロー・ギャラリー・ステップ・お問い合わせなどをTailwind CSSですぐに実装できるコードをまとめたtailblocksを紹介します。https://coliss.com/articles/build-websites/operation/css/ready-to-use-tailwind-css-blocks.html 881 - 890 ( 5204 件中 ) [ ←前ページ / <= 81 82 83 84 85 86 87 88 89 90 => / 次ページ→ ] - Yomi-Search Ver4.21 -