Web制作に役立つ情報一覧 Web制作、Webデザインに関する役立つ情報を紹介します。 Web制作に役立つ情報の紹介はこちら 601 - 610 ( 5157 件中 ) [ ←前ページ / <= 61 62 63 64 65 66 67 68 69 70 => / 次ページ→ ] レスポンシブデザインの確認に便利なツールが登場!複数のデバイスサイズで同時確認できる優れもの -Responsivize2021/09/01(Wed) 10:02Webページのレスポンシブの確認が簡単にできる、新しい無料アプリがリリースされました!iPhone, Android, Pixelのスマホをはじめ、タブレット、ラップトップ、ワイドスクリーンなどのサイズでWebページを表示して確認ができます。https://coliss.com/articles/build-websites/operation/work/responsivize-for-develop-responsive-websites.html これから実装する人にオススメ!レイティングに使用するスター(星形)を実装するSVGのテクニック2021/08/31(Tue) 09:55Webページやスマホアプリで見かけるレイティングに使用するスター(星形)を実装するSVGのテクニックを紹介します。一口にスターといってもさまざまな状態があり、オン・オフ、半分、アウトライン、サイズ変更など、さまざまな実装テクニックが解説されています。https://coliss.com/articles/build-websites/operation/work/star-rating-svg-solution.html 日本語フォントがGoogle Fontsに大量追加!すべてのフォントが商用利用も無料のフリーフォントです2021/08/30(Mon) 09:57フリーフォントが大好物な人に朗報です! 先週、Google Fontsに日本語フォントが追加されたので、紹介します。これでさらに、たくさんの日本語フォントがGoogle Fontsで使用できます。https://coliss.com/articles/freebies/google-fonts-for-japanese.html CSSの実務で役立つスキルが身につく、本気で学びたい人にお勧めの解説書 -現場のプロから学ぶ CSSコーディングバイブル2021/08/27(Fri) 09:56CSSとSassの基礎知識から実装テクニックまで、実務に役立つスキルを身につけたい人にお勧めの解説書を紹介します。CSSの設計に重点が置かれており、実装をはじめる前の段階から、仕様策定、デザイン確認、そしてレイアウト作成、エレメント作成、コンポーネント作成、とコーディングのテクニックが詳しくていねいに解説された良書です。https://coliss.com/articles/book-review/isbn-9784839974824.html 【フォトショップ】こすって完成!圧倒的な「ぼかし」をデザインする簡単テクニック2021/08/25(Wed) 10:03この記事では、フォトショップで圧倒的な「ぼかし」具合をデザインする超簡単なテクニックをご紹介します。たったひとつのツールを利用するだけで、手軽にぼかしエフェクトを楽しむことができます。https://photoshopvip.net/130776 CSSでボタンにテキストを配置する時、上下のスペースを簡単に揃えられる実装テクニック2021/08/24(Tue) 09:51ボタンにテキストを配置する時、上下のスペースを揃えるのに困ったことはありませんか?ボタンのHTMLはそのままで、疑似要素を追加するだけで簡単に揃えられるので、そのCSSのテクニックを紹介します。https://coliss.com/articles/build-websites/operation/css/aligning-button-label-vertically.html 「シンプル」こそ大事!ホームページ制作で基本の「やるべきこと」とよくある間違い2021/08/19(Thu) 09:56完璧と言えるホームページを制作するのは、プロのWebデザイナーでもない限り、正直なところむずかしいかもしれません。さらに競合サイトとの検索順位争いが激しすぎ、隣の芝生が青く見えてしまうこともあるでしょう。「ホームページを作りたいけど、なにからはじめてよいか分からない」というひとも少なくありません。https://photoshopvip.net/130600 これからはこの実装がオススメ!ブラウザの高さいっぱい、iOSでアドレスバーがあっても高さいっぱいに表示するCSSのテクニック2021/08/19(Thu) 09:55高さいっぱいに表示したい時、古くはheight: 100%;、そしてmin-height: 100%;で実装していたと思います。現在ではビューポートの単位min-height: 100vh;が使用できるようになりました。https://coliss.com/articles/build-websites/operation/css/css-cover-the-entire-height-of-the-screen.html 世界最高のビジネスのためのロゴの90%以上の共通点とは?2021/08/18(Wed) 09:53今回の「世界最高のロゴ」の定義とは、世界最高のビジネスや会社のロゴで、世界最高峰の価値と認知を持っているものです。世界で最も勢いのある成功した企業達を、その数の少なさから幻獣のユニコーンに例えられユニコーン企業などと呼ばれています。https://note.com/masaya_ishizaka/n/n94108487f165 実装の仕組みが分かれば簡単!画像の一部を切り取るカットアウトを実装するCSSとSVGのテクニック2021/08/18(Wed) 09:52Webページやアプリで見かける、通知や注目の役割を担うカットアウト(画像の一部を切り取る)を実装するCSSとSVGのテクニックを紹介します。https://coliss.com/articles/build-websites/operation/css/cut-out-effect-css-or-svg.html 601 - 610 ( 5157 件中 ) [ ←前ページ / <= 61 62 63 64 65 66 67 68 69 70 => / 次ページ→ ] - Yomi-Search Ver4.21 -