新しい年、新しいツール、新しいサイト

日付

2019/04/12

カテゴリー

スタジオ

スタジオ

スタジオ

私は2016年以降、ポートフォリオサイトを更新しておらず、2019年に新しいツールを試し、サイトを再デザインする良い機会だと思いました。私のポートフォリオサイトはJekyllで構築されており、今回はWebflowというプラットフォームで構築することに決めました。

Webflowとは何ですか?

Webflowは、デザイナーやクリエイティブな専門家、起業家がウェブのために創造することを「力付ける」ことを目的としたフル機能のウェブサイトビルダーです。

Webflowは、SquarespaceやWixのようなDIYサイトビルダー、WordPressのような従来のコンテンツ管理システム、実際のフロントエンドウェブ開発との間のスペースを埋めようとしているようです。

私が見つけたのは、Webflowが、クリエイティブ専門家が視覚的にレスポンシブウェブサイトをデザイン、構築、そして立ち上げることを可能にするオールインワンのウェブデザインツールであり、クリーンで意味的なフロントエンドコードを生成するということです。

私が本当に便利だと思った機能は次のとおりです:

デザイナーとエディター

Webflowデザイナーは、ユーザーがコードを書かずにレイアウトやコンテンツをデザインできるスケッチのようなユーザーインターフェースです。デザイナーは、ウェブに公開するために準備されたクリーンで意味的なHTMLとCSSコードを生成します。

そのインタラクションとアニメーションツールは、CSS3とJavaScriptのすべての力を完全に視覚的なインターフェースに持ち込み、ユーザーがコードを書くことを心配せずに複雑でリッチなアニメーションを構築できるようにします。

デザイナーインターフェースはかなり複雑であることを認めざるを得ません - 特にウェブ開発の前の知識がない人には、急な学習曲線になるでしょう。

コンテンツ管理システム(CMS)

WordPressのようなCMSを使用していると、ユーザーはしばしばテーマのデフォルトテンプレート、スタイル、およびコンテンツ構造にロックされてしまい、サードパーティのプラグインをインストールするか、手動で構成/テンプレートファイルを再記述する必要があります。

その一方で、Webflow CMSは、ユーザーがプラグイン、PHP、またはデータベースに手を出さずに、その視覚的インターフェースを通じて動的コンテンツの内容構造とスタイルを定義できるようにします。

ウェブホスティング

Webflowのホスティングは、Amazon Web Services(AWS)クラウドコンピューティングプラットフォームによって提供され、FastlyとAmazon CloudFrontによって強化されたグローバルコンテンツ配信ネットワーク(CDN)によって促進されます。

その結果、ページの読み込みが非常に速くなり、サーバーのメンテナンスやPHPの更新について心配する必要がないという安心感が得られます。

ホスティングに付随する他の機能は次のとおりです:

  • 無料のSSL証明書、HTTP/2準拠

  • 自動バックアップとバージョン管理

  • サイト全体およびページごとのパスワード保護

  • シンプルな公開ワークフロー

  • レスポンシブ画像

  • 分散型サービス拒否(DDoS)攻撃からの保護

全体的に、私は自分のポートフォリオサイトをデザインして構築することを非常に楽しんでおり、2019年2月にリリースされた彼らの新しいeコマース機能を試すことを楽しみにしています。

関連記事

スタジオ

フリーランスのUXデザイナーが日々利用すべき必須ツール5つを見つけてください。フリーランスのUXプロフェッショナル向けに用意されたこれらの必須リソースで、ワークフローを向上させ、デザインの品質を高め、生産性を向上させましょう。

スタジオ

フリーランスのUXデザイナーが日々利用すべき必須ツール5つを見つけてください。フリーランスのUXプロフェッショナル向けに用意されたこれらの必須リソースで、ワークフローを向上させ、デザインの品質を高め、生産性を向上させましょう。

スタジオ

フリーランスのUXデザイナーが日々利用すべき必須ツール5つを見つけてください。フリーランスのUXプロフェッショナル向けに用意されたこれらの必須リソースで、ワークフローを向上させ、デザインの品質を高め、生産性を向上させましょう。

スタジオ

この短いWebflowの機能のウォークスルーで、なぜJekyllからWebflowに切り替えたのかを発見してください。Webflowが現代のウェブ開発において優れた選択肢である理由、利点、強化された機能、およびユーザーフレンドリーなデザインオプションについて学びましょう。

スタジオ

この短いWebflowの機能のウォークスルーで、なぜJekyllからWebflowに切り替えたのかを発見してください。Webflowが現代のウェブ開発において優れた選択肢である理由、利点、強化された機能、およびユーザーフレンドリーなデザインオプションについて学びましょう。

スタジオ

この短いWebflowの機能のウォークスルーで、なぜJekyllからWebflowに切り替えたのかを発見してください。Webflowが現代のウェブ開発において優れた選択肢である理由、利点、強化された機能、およびユーザーフレンドリーなデザインオプションについて学びましょう。

©2024 CRAFTED WITH CARE BY STUDIO JC

Japanese

©2024 CRAFTED WITH CARE BY STUDIO JC

Japanese

©2024 CRAFTED WITH CARE BY STUDIO JC

Japanese