コリス https://coliss.com Web制作に関する最新の情報をご紹介 Fri, 25 Sep 2020 01:03:15 +0000 ja hourly 1 https://wordpress.org/?v=5.5.1 デザインの練習方法がよく分かる!無名デザイナーが365日、毎日ロゴをつくり続け、有名デザイン賞を受賞したロゴデザイン上達法 https://coliss.com/articles/book-review/isbn10-4802511825.html Fri, 25 Sep 2020 00:36:09 +0000 https://coliss.com/?p=27910 デザインの練習方法がよく分かる!無名デザイナーが365日、毎日ロゴをつくり続け、有名デザイン賞を受賞したロゴデザイン上達法 無名デザイナーが365日、毎日ロゴをつくり続け、国内外の有名デザイン賞を受賞したロゴデザイン上達法を紹介します。 著者自らが実践したデザインの練習方法、ロゴデザインに必要な発想力と造形力を鍛える方法、結果を出したロゴデザ

...記事の続きを読む

]]>
CSS Flexboxでヘッダを実装する最近のテクニックのまとめ https://coliss.com/articles/build-websites/operation/css/building-headers-with-css-flexbox.html Thu, 24 Sep 2020 00:36:05 +0000 https://coliss.com/?p=27842 CSS Flexboxでヘッダを実装する最近のテクニックのまとめ CSS Flexboxで、Webサイトのヘッダを実装する最近のテクニックを紹介します。 ロゴやナビゲーションの配置、各要素間のスペースの与え方、使用可能なスペースに検索フォームを広げて配置など、Flexboxを効果的に使

...記事の続きを読む

]]>
MdNのWebデザインとWeb制作のKindle本が、50%オフ!今年発売されたばかりの良書も含む特大セールが開催 https://coliss.com/articles/products/kindle-sale-202009-mdn.html Wed, 23 Sep 2020 00:36:13 +0000 https://coliss.com/?p=27913 MdNのWebデザインとWeb制作のKindle本が、50%オフ!今年発売されたばかりの良書も含む特大セールが開催 2020年に発売されたばかりのものをはじめ、WebデザインとWeb制作関連の書籍がKindleセールで50%オフの大幅値引きになっています。 初心者向けから、現役で仕事をしている人向けまで揃っており、見逃せません! 特に

...記事の続きを読む

]]>
全部フリーフォント!ミニマルで美しい、女子向けのフェミニンなロゴをデザインするテンプレート素材 https://coliss.com/articles/products/elegant-feminine-logos-vol8.html Wed, 23 Sep 2020 00:26:18 +0000 https://coliss.com/?p=27914 全部フリーフォント!ミニマルで美しい、女子向けのフェミニンなロゴをデザインするテンプレート素材 通常は有料ですが、今週末まで無料でダウンロードできる、ミニマルで美しい、女子向けのフェミニンなロゴをデザインするテンプレート素材を紹介します。 本来は有料なだけあってかなり高品質。 期間中にダウンロードしておけば、いつで

...記事の続きを読む

]]>
これは便利で簡単!CSSを書いている時に、Flexboxのチートシートを利用できるVS Codeの機能拡張 https://coliss.com/articles/build-websites/operation/css/flexbox-cheatsheet-for-vscode.html Fri, 18 Sep 2020 00:36:35 +0000 https://coliss.com/?p=27903 これは便利で簡単!CSSを書いている時に、Flexboxのチートシートを利用できるVS Codeの機能拡張 CSSを書いている時に、ふとFlexboxのプロパティがどんな挙動だったか確認したくなることはありませんか? CSSをVisual Studio Codeで書きながら、CSS Flexboxのチートシートを利用できる機能

...記事の続きを読む

]]>
2020年、オンラインサービスやWebアプリの開発を独学で勉強したい人に役立つ練習プロジェクトのまとめ https://coliss.com/articles/build-websites/operation/work/8-projects-with-modern-designs.html Thu, 17 Sep 2020 00:36:42 +0000 https://coliss.com/?p=27849 2020年、オンラインサービスやWebアプリの開発を独学で勉強したい人に役立つ練習プロジェクトのまとめ Webアプリやスマホアプリ、オンラインショップ、オンラインサービスなど、Web開発における一通りの需要に応えられるような知識・スキルを練習するのに役立つプロジェクトを紹介します。 8つのプロジェクトにはそれぞれ異なる課題

...記事の続きを読む

]]>
意識低い系デザイン本がついに発売!整列ビーム、近接ホールド、デザインの基本がマンガで分かる -デザイナーじゃないのに! https://coliss.com/articles/book-review/isbn10-4802612656.html Tue, 15 Sep 2020 23:08:22 +0000 https://coliss.com/?p=27736 意識低い系デザイン本がついに発売!整列ビーム、近接ホールド、デザインの基本がマンガで分かる -デザイナーじゃないのに! デザインの4原則といえば、 「整列ビーム」「近接ホールド」「メリハリパンチ」「反復リピート」です! Webでも紙のデザインでもこの原則を使うだけで、デザインがぐっとよくなります。 マンガを笑いながら読んでいる間に、デザイ

...記事の続きを読む

]]>
JavaScriptでのメディアクエリ、matchMedia()の使い方を解説 https://coliss.com/articles/build-websites/operation/javascript/javascript-media-queries.html Tue, 15 Sep 2020 00:36:24 +0000 https://coliss.com/?p=27862 JavaScriptでのメディアクエリ、matchMedia()の使い方を解説 メディアクエリと言えば、CSSの@mediaでスクリーンサイズに合わせて最適なスタイルを適用するものを思い浮かべる人が多いと思います。JavaScriptで実装したコンポーネント、例えば、スライダーなどをレスポンシブ対応

...記事の続きを読む

]]>
コピペで簡単!シンプルなHTMLとCSSで実装された17種類のヘッダのテンプレート -headers.css https://coliss.com/articles/build-websites/operation/css/blueprint-html-and-css-for-website-headers.html Mon, 14 Sep 2020 00:36:18 +0000 https://coliss.com/?p=27884 コピペで簡単!シンプルなHTMLとCSSで実装された17種類のヘッダのテンプレート -headers.css 新しいプロジェクトですぐに利用できるようシンプルなHTMLとCSSで実装された、17+種類のWebサイトのヘッダを実装するテンプレートを紹介します。 ヘッダはロゴ、ナビゲーション、検索フォームのシンプルな構成ながら、バリ

...記事の続きを読む

]]>
CSSでheight: 100vh;を定義したのに、iOSのスマホで高さいっぱいに表示されないのを解決するCSSのテクニック https://coliss.com/articles/build-websites/operation/css/css-fix-for-100vh-in-ios.html Fri, 11 Sep 2020 00:36:14 +0000 https://coliss.com/?p=27871 CSSでheight: 100vh;を定義したのに、iOSのスマホで高さいっぱいに表示されないのを解決するCSSのテクニック iOSのスマホでheight: 100vh;を定義してビューポートの高さいっぱいに表示したいのに、アドレスバーが表示されているとその分下が隠れて表示されてしまい、高さいっぱいにならないのを解決する方法を紹介します。 CS

...記事の続きを読む

]]>