デザイン

Webサービス/ツール系

プログラミングに適したおすすめフォント10選

はじめにプログラミング開発をする場合、多くの方がVSCodeなどのエディタを利用してコーディングしているかと思います(一部、ビジュアルエディタなどは除く)長時間コーディングをしていると、目が疲れてきて目が霞んだり、頭痛が起こったりすることも...
デザイン

UIデザイナー必見!様々なUIパターンやデザインを学習するためのおすすめサイト5選

UIデザインを学ぶためには、より新しいデザインやカテゴライズされたUI要素の種類などを多くみて作って感じる必要があります。今回は、そういった「学び」のためのおすすめサイトを紹介したいと思います。UIデザインの「学び」を得られるおすすめサイト...
HTML/CSS

[Webデザイン] HTML/CSS/Javascriptで作成するおしゃれなタイムラインデザイン5選

会社の沿革やポートフォリオの作成過程やフローなど、タイムラインを利用する用途は多々あるかと思います。今回は、おしゃれなタイムラインデザインについて紹介したいと思います。おしゃれなタイムラインデザイン5選VerticalTimeline中心に...
デザイン

[UIデザイン] HTML/CSS/Javascriptで作成するおしゃれなパスワード入力フォーム5選

今回は、HTMLやCSS、Javascriptで作成するおしゃれなパスワード入力フォーム(input要素)を紹介します。パスワード入力は、アカウント作成を行うWebサービスでは欠かせないアイテムとなっています。この要素をおしゃれに見せること...
HTML/CSS

WordPressやWebサイトに設置するおすすめのSNSボタン(ソーシャルボタン)5選

Wordpressや自身のWebサイトなどでSNSのシェアボタン、ソーシャルボタンの設置は今の時代ほぼ必須となっています。本当投稿では、Webサイトのレイアウトデザインに合わせて、おしゃれなソーシャルボタンを紹介します。ソーシャルボタンを設...
デザイン

[UI/UX] これだけはやっちゃいけないUIデザイン4選

はじめにUIデザインを仕事にしている人や、UIの勉強を始めた人に陥りがちなデザインを4つにピックアップしてみました。ついついやっちゃうデザインですが、絶対にやってはいけないUIデザインについて紹介します。やってはいけないUIデザイン4選色付...
デザイン

[Webデザイン入門] ボタンを作成する時に知っておくべき5つのヒント

はじめにWebサイトやアプリケーションなど、「ボタン」はUIの要素として最も重要な要素の一つです。今回はこのボタンデザインにおいて、知っておくべきことを簡単に5つにまとめました。Webデザインだけでなく様々なUI設計の時のヒントになると良い...
デザイン

UI/UXデザイナー必見!これだけは押さえておきたい仕事で利用するWebサイト6選

はじめにUI/UXデザイナーの仕事で利用するツールやWebサイトは無数に存在しています。今後の設計プロセスを効率よく作業できるようなおすすめのWebサイトを紹介します。知っているサイトも多いかと思いますが、是非お試しください。UI//UXデ...
デザイン

Webデザイナーをこれから目指す方必見!UI/UXを学ぶために必要なツールを5つ紹介!

はじめにUI(ユーザインターフェース)はユーザとの視覚的な対話をデザインに焦点を当ててデザインすることであり、UX(ユーザエクスペリエンス)は製品を利用したユーザの体験・経験をもとにデザインします。UIツールはワイヤーフレームやモックアップ...
デザイン

簡単におしゃれなポートフォリオサイトを作成できるHTMLテンプレート10選

はじめに今回は見た目が美しく、無料で利用することができるポートフォリオサイトのテンプレートをご紹介します。就職活動など、自身の作品を掲載するサイトを簡単におしゃれなサイトとして作成したい方におすすめです。おすすめポートフォリオテンプレート1...
Webサービス/ツール系

クリエイティブなオンラインノート「Milanote」を使ってみた

はじめにMilanoteとは、プロジェクトでさまざまな事柄を整理するために特化しているツールであり、FacebookやApple、Google、Dropboxなどクリエイティブなプロフェッショナルの方々に利用されています。このMilanot...
デザイン

【LINE】おすすめLINEスタンプ3選

みなさんお久しぶりです。ハイロです。前回投稿から約2ヶ月ぶりの投稿になります。今回はLINEのスタンプで良く使うものをみなさんに紹介したいと思います。まずは第1弾です。タイトル:ちょいうざくま(80%)クリエイター:そら*はる<ahref=...