商用でも完全無料、ランディングページ用のHTMLテンプレートがダウンロードできる -Inovatik

ランディングページや小規模Webサイト用のHTMLテンプレートが無料で利用できるInovatikを紹介します。すべてのHTMLテンプレートはオープンソースで、商用プロジェクトでも無料で利用できます。

時間や予算が少ない時、モックアップが必要な時などに便利です。BootstrapやTailwind CSSが使用されているので、勉強用にもいいですね。

ランディングページや小規模Webサイト用の無料HTMLテンプレート

Free HTML templates for websites and landing pages -Inovatik

続きを読む

これからのWeb制作に間違いなく役立つ! IEをサポート外にしたレスポンシブWebデザインで重要なCSS、実装方法を学べる解説書

HTML Live Standard対応、FlexboxやCSS GridやCSS関数などを活用して、レスポンシブWebデザインを実装するテクニックを学べる解説書を紹介します。

Webページでよく使用されるさまざまなレイアウトやUIコンポーネントの実装、バリエーションやカスタマイズなども詳しく解説されており、これからのWeb制作に間違いなく役立ちます。

作って学ぶ HTML&CSSモダンコーディング

続きを読む

メッセージのデザインにぴったりな有料フォントが今週末まで無料! カリグラフィが美しいフォント -Alberta

7月にリリースされた有料フォントが、今週末まで無料でダウンロードできます。

本来は有料なだけあってかなり高品質。フォントファイルは.otfで、WindowsでもmacOSでも利用できます。
期間中にダウンロードしておけば、いつでも使えて、再ダウンロードも無料です。

フォントを使用したデザイン例

Alberta Signature Script

続きを読む

CSS flexboxで実装する、レスポンシブ対応のステップのコンポーネントを解説

Webページで使用されるステップのコンポーネント、サークルに囲まれた1,2,3と各ステップを繋ぐ中央のラインを実装するCSSのテクニックを紹介します。

レスポンシブ対応、そしてライト・ダークモード対応、水平・垂直に配置されたステップだけでなく、数字ではなく日時を繋いだタイムラインにも応用できます。

CSS flexboxで実装する、レスポンシブ対応のステップのコンポーネントを解説

Building A Stepper Component
by Ahmad Shadeed

続きを読む

本日限り、Kindle日替わりセールで超お買い得に!SEOを技術的な側面からしっかり学べる解説書とPremiere Proの解説書

本日(9/16)のKindle日替わりセールで、当ブログでも紹介した良書が2冊も登場です。日替わりセールは文字通り、本日限りですので、お見逃しないように。

現場のプロから学ぶ SEO技術バイブル」はSEOで文言的なことからではなく、サイトの現在状況の把握から、Googleの検索エンジン、サイトの高速化や構造化マークアップ、AMP対応、内部施策と外部施策、施策の効果検証まで、SEOに必要な知識と情報がこの一冊にすべてまとまっています。

Premiere Pro よくばり入門 CC対応」は、Premiere Proや動画の基礎知識が身につき、さまざまな動画の編集テクニック、クオリティをアップするテクニックも詳しく解説されています。初心者はもちろん、すでに使用されている人にもクオリティをアップするためのさまざまなテクニックは必見です。

Kindle日替わりセール

Kindle日替わりセール

続きを読む

ブックマークしておくと便利!Web制作に役立つさまざまなツールが一箇所で利用できる -SmallDev.tools

CSSやJavaScriptのミニファイ(軽量化)、HTMLやCSSやJavaScriptやSQLのフォーマッター、各種エンコード・デコード、ダミーテキスト・ダミーデータ・ダミー画像・クレジットカードのジェネレーター、diff(ファイル比較)など、Web制作に役立つツールがまとめて利用できるSmallDev.toolsを紹介します。

いろいろなツールが揃っているので、ブックマークしておくと便利です。

Web制作に役立つさまざまなツールが一箇所で利用できる -SmallDev.tools

SmallDev.tools
smalldev-tools -GitHub

続きを読む

Adobe Fonts日本語書体一覧のPDF 2021年9月版、利用できる日本語フォント509書体が一覧で分かります

昨日、記事にしたAdobe Fontsのフォントワークス追加分を含めた「Adobe Fonts日本語書体一覧」のPDFがダウンロードできます。

「Adobe Fonts日本語書体一覧」のPDF

続きを読む

デザインに少し手を加え、フォームを改善する実践的なUIのテクニックのまとめ

フォームを改善するUIデザインのテクニックを紹介します。
フォームのデザインに少し手を加えるだけで、ユーザーにとって使いやすい、コンバージョンを高めるための実践的なテクニックが満載です。

フォームを改善するUIのテクニックのまとめ

15 UI Tips for Better Forms
by Jim Raptis

続きを読む

top of page

©2021 coliss