Web制作に役立つ情報一覧 Web制作、Webデザインに関する役立つ情報を紹介します。 Web制作に役立つ情報の紹介はこちら 41 - 50 ( 4224 件中 ) [ ←前ページ / 1 2 3 4 5 6 7 8 9 10 => / 次ページ→ ] HTMLでhtmlタグやheadタグを省略してもいい場合がある、必須ではないHTMLのタグ・属性値のまとめ2019/09/03(Tue) 09:48<html>や</html>や<head>や</head>がないページを見たことはありませんか？開始タグ<html>は最初の内容がコメントでなければ省略でき、終了タグ</html>は直後にコメントがなければ省略できます。https://coliss.com/articles/build-websites/operation/work/option-html-tags-and-quotes.html 意外と知られていない、CSSで文末を3点リーダーで省略表示するline-clampプロパティの効果的な実装方法2019/09/02(Mon) 09:51テキストを省略表示する際に、文末を3点リーダーにするline-clampプロパティの効果的な実装方法を紹介します。数行のスタイルシートで、簡単に実現できます。https://coliss.com/articles/build-websites/operation/css/css-line-clamp-property.html CSSで複数行に対応したアニメーション付きアンダーライン（下線）を実装する方法2019/08/30(Fri) 09:46ホバー時に左から右へ下線が伸びるアニメーションを実装したい場合、以前このブログでも紹介したことがある擬似要素を用いた実装方法では、例えば文章内にあるリンクなどで複数行にまたがるときに意図した見栄えになりません。https://www.nxworld.net/tips/css-multiline-animation.html Webページの構成を取得し、ページ全体を把握できるマップを自動生成するスクリプト -pagemap2019/08/28(Wed) 09:49Webページ内のコンテンツの構成を取得し、ページ全体を把握できるマップを自動生成するスクリプトを紹介します。マップはページ内リンクにも対応しています。https://coliss.com/articles/build-websites/operation/javascript/mini-map-for-web-pages.html デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント2019/08/27(Tue) 09:52webやアプリのUIデザイン上達のコツとして、模写（コピー）がよく取り上げられます。私も過去に一時期やったことがありましたが、確かにいくつかのデザインを細かく観察して自分で再現してみることで、その後いざ実践！となった時に多くの学びを活かせたと記憶しています。https://note.mu/arasunatomoyuki/n/nbe9189dfb926 UXデザイナーから学ぶ、無効状態のボタンをグレーアウトにしない理由2019/08/23(Fri) 10:12一時的に操作ができない無効状態のボタンを表示する場合、どのようにデザインすると、ユーザーの混乱を少なくすることができるか、UXの観点から解説した記事を紹介します。https://coliss.com/articles/build-websites/operation/work/why-you-shouldnt-gray-out-disabled-buttons.html CSSとSVGでチェックボックスを装飾しよう！ | Webクリエイターボックス2019/08/22(Thu) 09:47CSSでフォーム内の部品を装飾するのは、昔から難儀でした。特によく使うチェックボックスは色をつけることすら難しく、様々なCSSの小技やJavaScriptプラグインを使って実装してきました。今回はチェックマークにSVGを使い、なるべくシンプルな書き方でチェックボックスを装飾してみようと思います。https://www.webcreatorbox.com/tech/css-svg-checkbox 顧客が本当に求めているコンテンツを作るためのアプローチ2019/08/21(Wed) 09:55現代では、誰もがコンテンツを話題にあげています。コンテンツの重要性を強調したり、充実していないことを嘆いたり、あらゆる問題のソリューションとして提示したりしています。https://uxmilk.jp/82381 質感や温度を表現するフォントとPhotoshopのレイヤースタイルをご紹介します！2019/08/20(Tue) 09:51前回、文字装飾デザインの基本パターンについて記事を書いてみました。文字装飾の引き出しが足りない……という方はぜひ一度見てみてください！https://liginc.co.jp/447408 Bootstrap ナビゲーションバーのカスタマイズ方法といろいろなデザインの実装例2019/08/20(Tue) 09:50Bootstrap 4のナビゲーションバーのカラーを変更したり、アイテムを整列させたり、レスポンシブのブレークポイントを変更するなどのカスタマイズ方法、ナビゲーションバーのいろいろなデザインの実装例を紹介します。https://coliss.com/articles/build-websites/operation/work/bootstrap-navbar-guide.html 41 - 50 ( 4224 件中 ) [ ←前ページ / 1 2 3 4 5 6 7 8 9 10 => / 次ページ→ ] - Yomi-Search Ver4.21 -
