コリス https://coliss.com Web制作に関する最新の情報をご紹介 Mon, 01 Mar 2021 07:51:58 +0000 ja hourly 1 https://wordpress.org/?v=5.6.2 JavaScriptは無し、スクロールした時にヘッダの高さを縮ませて上部に固定表示させるCSSの実装テクニック https://coliss.com/articles/build-websites/operation/css/shrinking-header-on-scroll-without-javascript.html Mon, 01 Mar 2021 00:36:05 +0000 https://coliss.com/?p=28526 JavaScriptは無し、スクロールした時にヘッダの高さを縮ませて上部に固定表示させるCSSの実装テクニック スクロールした時にヘッダの高さが縮んで上部に固定表示させるWebページを見たことがあると思います。今まではJavaScriptを使用する必要がありましたが、CSSのposition: sticky;を一工夫して使用するこ

...記事の続きを読む

]]>
Webサイトやスマホアプリで使用する日本語フォント、タイポグラフィに関する知識が身につくデザインの解説書 https://coliss.com/articles/book-review/isbn-9784802512077.html Fri, 26 Feb 2021 00:36:19 +0000 https://coliss.com/?p=28464 Webサイトやスマホアプリで使用する日本語フォント、タイポグラフィに関する知識が身につくデザインの解説書 ここまで詳しく解説された書籍はかなり貴重ですね! パソコンやスマホのスクリーンで読みやすい文字組みとフォント、画像と文字の配置方法、Webフォントの効果的な使い方、アクセシビリティなど、オンスクリーンにおけるタイポグラフ

...記事の続きを読む

]]>
これぞプロのデザイン!UIとUXの印象がよくなるデザインの知識とテクニックのまとめ https://coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-volume-one.html Thu, 25 Feb 2021 00:36:36 +0000 https://coliss.com/?p=28462 これぞプロのデザイン!UIとUXの印象がよくなるデザインの知識とテクニックのまとめ デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。UI&UXデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 UI & UX Micr

...記事の続きを読む

]]>
IntersectionObserverを使用すると実装が簡単に!Vue.jsでスクロールイベントをトリガーする方法 https://coliss.com/articles/build-websites/operation/javascript/scroll-event-in-vue-js-with-intersectionobserver.html Wed, 24 Feb 2021 00:36:24 +0000 https://coliss.com/?p=28493 IntersectionObserverを使用すると実装が簡単に!Vue.jsでスクロールイベントをトリガーする方法 Webページやスマホアプリにスクロールのアニメーションを実装したり、特定の地点までスクロールしたらイベントをトリガーにしたりする際は、JavaScriptのライブラリを使用するのではなく、IntersectionObse

...記事の続きを読む

]]>
期間限定!総額30万円超えの高品質な英語フォントがたった約3,000円で購入できてしまうセールが開催 https://coliss.com/articles/products/the-treasure-trove-of-fonts-for-typography-lovers.html Wed, 24 Feb 2021 00:26:50 +0000 https://coliss.com/?p=28513 期間限定!総額30万円超えの高品質な英語フォントがたった約3,000円で購入できてしまうセールが開催 高品質な有料フォントを定価で購入すると、なかなか高額で、揃えるのは大変です。期間限定ですが、総額30万超え分の高品質な英語フォントが約3,000円ほどで購入できるセールを紹介します。 1つだけでも気にいったフォントがあれ

...記事の続きを読む

]]>
アドビの春セールがAmazonで開催!Adobe CC コンプリートプラン 12,24,36か月版が激安価格でお買い得に https://coliss.com/articles/products/adobe-cc-amazon-2021-spring-sales.html Mon, 22 Feb 2021 04:06:42 +0000 https://coliss.com/?p=28510 アドビの春セールがAmazonで開催!Adobe CC コンプリートプラン 12,24,36か月版が激安価格でお買い得に 本日2/22からAmazonで、アドビの春セールが開催されています! 期間は3/5まで、Adobe CC コンプリートプラン、Photoshop+Lightroomプラン、Illustrator単体プランが期間限定で激安

...記事の続きを読む

]]>
今年発売されたばかりのデザイン書が半額に!!!Kindleセール翔泳社祭りでデザインやWeb制作、イラストの書籍が超お買い得です https://coliss.com/articles/products/kindle-sale-20210222.html Sun, 21 Feb 2021 23:06:25 +0000 https://coliss.com/?p=28501 今年発売されたばかりのデザイン書が半額に!!!Kindleセール翔泳社祭りでデザインやWeb制作、イラストの書籍が超お買い得です インプレスグループのKindleセール(紹介記事)が2/28まで開催中ですが、翔泳社のKindleセールも超短期間で開催されています! セール期間は、2021年2月25日(木)まで。 今年発売されたばかりのデザイン書をは

...記事の続きを読む

]]>
こういう本を待ってた!WebやスマホのUIに使用する言葉の使い方、語順、表記が学べる -UXライティングの教科書 https://coliss.com/articles/book-review/isbn-9784798167336.html Fri, 19 Feb 2021 00:36:08 +0000 https://coliss.com/?p=28451 こういう本を待ってた!WebやスマホのUIに使用する言葉の使い方、語順、表記が学べる -UXライティングの教科書 企業サイトをはじめ、オンラインショップ、スマホアプリ、そしてブログでも制作する上で一番重要なのはライティングだと思います。 ボタンの文言は言葉を適切に選ぶだけで、クリック率は格段にアップします。また、コンテンツのライティ

...記事の続きを読む

]]>
よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ https://coliss.com/articles/build-websites/operation/css/simple-css-for-popular-layouts-and-patterns.html Thu, 18 Feb 2021 00:36:46 +0000 https://coliss.com/?p=28399 よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを実装するHTMLとCSSのシンプルなコードをまとめたCSS Layoutを紹介します。 それだけを実装するため、HTM

...記事の続きを読む

]]>
約27万円分の水彩素材が約3000円で購入できる特大セールが開催、あとDesign Cuts Japanから重要なお知らせ https://coliss.com/articles/products/japan-the-designers-versatile-watercolour-collection.html Wed, 17 Feb 2021 00:36:21 +0000 https://coliss.com/?p=28471 約27万円分の水彩素材が約3000円で購入できる特大セールが開催、あとDesign Cuts Japanから重要なお知らせ 約27万円分のテクスチャ、パターン、フォント、イラストなどの水彩素材が、約3,000円で購入できるお得な特大セールを紹介します。 販売期間は、3月2日12時まで。 水彩素材はWebデザイン、アプリ、動画、紙のデザインなど

...記事の続きを読む

]]>