Web制作に役立つ情報一覧 Web制作、Webデザインに関する役立つ情報を紹介します。 Web制作に役立つ情報の紹介はこちら 961 - 970 ( 5204 件中 ) [ ←前ページ / <= 91 92 93 94 95 96 97 98 99 100 => / 次ページ→ ] スマホ時代におけるフォームのデザイン・実装のテクニックが詳しく解説された良書 -フォーム制作実践ガイド2019/12/24(Tue) 10:11フォームのデザインや実装が苦手という人は少なくないと思います。スマホ時代における、ユーザーにとって利用しやすいフォーム実装のテクニックを機能・ビジュアルデザイン・実装コードごとに詳しく解説したフォーム制作実装ガイドを紹介します。https://coliss.com/articles/book-review/isbn10-4862464513.html CSS Flexboxで配置する時に知っておくと便利!オートマージン(margin: auto;)の仕組みと効果的な使い方2019/12/24(Tue) 10:10Flexboxも、margin: auto;も、CSSでよく使うプロパティです。このFlexboxとオートマージン(margin: auto;)を組み合わせると、さまざまなレイアウト・配置ができます。例えば、ナビゲーションのアイテムを配置する際に、ロゴだけ左端に、検索を右端に、といった配置もオートマージンが活躍します。https://coliss.com/articles/build-websites/operation/css/flexbox-aligning-with-auto-margins.html 商用可で完全無料!2019年公開のフリーフォント素材169個総まとめ2019/12/20(Fri) 09:55この記事では、2019年に公開された素材の中から、商用利用可能で無料ダウンロードできるフリーフォントのみを、カテゴリ毎に分けてまとめています。2020年に向けてのデザイン制作にぜひ活用してみてはいかがでしょう。http://photoshopvip.net/119780 ちょっと面白いスクリプト!グラフやチャートを手書き風のラフな感じにするJavaScriptライブラリ -roughViz2019/12/18(Wed) 09:53手書きスタイルのグラフやチャートを簡単に作成できるJavaScriptライブラリを紹介します。手書きの度合いも調整でき、ちょとラフな感じ、雑な感じ、かなり雑な感じ、ぐちゃぐちゃな感じにもできます。https://coliss.com/articles/build-websites/operation/javascript/javascript-library-for-hand-drawn-styled-charts.html サイトを高速化したらロード時間は1.6秒に、Lighthouseは100を獲得、その際に実施した手順を解説2019/12/18(Wed) 09:52サイトのロード時間とパフォーマンスを改善するために再構築した結果、ロード時間が1.6秒に短縮され、Lighthouseのスコアで100を獲得した際に、実施した手順を紹介します。https://coliss.com/articles/build-websites/operation/work/improve-site-performance.html ダウンロードしておくと便利!各SNSで推奨されている画像サイズ・動画サイズのまとめ -SocialSizes2019/12/17(Tue) 09:59Instagram, YouTube, Twitter, Facebook, TikTok, AppStoreなど、各SNSで推奨されている画像のサイズ、最低限必要なサイズ、動画の長さなどをまとめてダウンロードできるSocialSizesを紹介します。https://coliss.com/articles/build-websites/operation/work/image-and-video-sizes-for-social-media.html よく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのシンプルなコードのまとめ2019/12/17(Tue) 09:58Webサイトやスマホアプリでよく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのコードがまとめられたコレクションを紹介します。https://coliss.com/articles/build-websites/operation/css/popular-layouts-and-patterns-made-with-css.html モダンなJSとCSSで作るライブラリ不要の全画面スクロール演出(2019年版)2019/12/13(Fri) 09:57スクロールで全画面がスライドのように切り替わるウェブサイトの表現があります。手軽にこの表現を実装するJSライブラリ、fullPage.jsを使ったことのある方もいるのではないでしょうか? かつては無料で使えたこのライブラリですが、現在はGPLライセンスのプロジェクト以外では使用料がかかります。https://ics.media/entry/191211/ 2020年用、日本語のフリーフォント417種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記2019/12/12(Thu) 10:02個人でも商用でも無料利用できる、日本語のフリーフォント417種類を紹介します。Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です!https://coliss.com/articles/freebies/japanese-free-fonts.html かわいい・ゆるいイラスト素材が全部無料で使える!キャラの表情や動き、手描きの線に癒やされる -てがきですの2019/12/11(Wed) 09:54キャラの表情や動き、ゆる〜い手描きの線に癒やされるイラスト素材を紹介します。イラストは商用でも完全無料で利用でき、登録やクレジット表記の必要もないため、気軽に簡単に利用できると思います。https://coliss.com/articles/freebies/tegaki-desuno.html 961 - 970 ( 5204 件中 ) [ ←前ページ / <= 91 92 93 94 95 96 97 98 99 100 => / 次ページ→ ] - Yomi-Search Ver4.21 -