サイト構築 -実装
知ってると便利！HTML, CSS, JavaScriptなど、コーディングの作業を快適にするエディタの操作テクニックのまとめ
Post on:2018年6月7日
フロントエンドの制作者は、コードの入力や操作に多くの時間を費やします。最高のパフォーマンスを得るには、エディタを快適に操作する方法を知っておく必要があります。Web制作において、特に有用なエディタの操作方法を紹介します。 […]
商用利用無料！Webサイトやスマホアプリの美しいサイトマップやワイヤーフレームを作成できるベクター素材
Post on:2018年6月6日
300種類以上のコンテンツ、カード・ライン・アローなど、フローチャートで使用する形もベクターで収録された、サイトマップ・ワイヤーフレームを作成できる無料素材を紹介します。 商用レベルの美しいフローチャートを簡単に作成でき […]
スマホアプリのメニューでよく使用されるあのアイコンの名前、ハンバーガーとかケバブとかミートボールとか
Post on:2018年6月6日
先日の記事「Chrome 67でアップデートされたデベロッパーツールの新機能」で、「ケバブって言うんだ」という声が聞こえたので、メニューでよく使用されるアイコンの名称を紹介します。 横3本線のアイコンはほとんどの人が「ハ […]
UIデザインの作業状況やワークフローの変化を知り、自分にあった良い方法はどんどん取り入れよう！
Post on:2018年6月5日
Webデザイナーやデベロッパーの実際に作業しているファイルを元に、UIデザインの作業状況を調査したレポートを紹介します。 UIデザインに使用しているツール、ファイル、シンボル、レイヤー、ベクターグラフィックなど、どのよう […]
[JS]0.6kBの超軽量！基本的なDOM操作を実行するためだけに開発されたシンプルなライブラリ -nanoJS
Post on:2018年5月31日
要素にclassを加えたり、変更したり、要素を削除したり、::beforeや::afterを加えたり、要素の表示位置を取得したり、変更したり、クリックやホバーのイベントを設定したり、基本的なDOM操作を実行するためだけに […]
魔法陣が大好物な人に！複雑で美しい魔法陣を簡単に生成できるジェネレーター -Alchemy Circles Generator
Post on:2018年5月31日
魔法陣のベースになる幾何学模様の美しい形を次々に、生成できるオンラインジェネレーターを紹介します。 円や多角形、線が複雑に組み合わさり、魔法陣な形がどんどん生成されます。 Alchemy Circles Generato […]
2018年のロゴデザインのトレンド -2018 Logo Trend Report
Post on:2018年5月30日
ロゴのデザインって、見ているだけでも楽しいですよね。 ロゴにはタイポグラフィ、カラー、形、質感、バランス、リズム、配置など、デザインの基本となる要素が詰まっています。 ロゴのトレンドの最新版は、こちら。 2021年、ロゴ […]
UIのデザインはちょっとしたことで印象が大きく変わる、背景に適した色の選び方
Post on:2018年5月29日
背景の色に悩んだり、なんとなく決めてしまうことはありませんか？ Webサイトやスマホアプリの背景に適した色の選び方、明度と彩度を最適化するデザインのテクニックを紹介します。 Why You Shouldn’t Use B […]
簡単すぎて驚いた！ユーザーフローとプロトタイプが短時間で作成できてしまうツール -Overflow
Post on:2018年5月28日
Webサイトやスマホアプリのデザインで重要なのは、単一の画面ではなく、ユーザーがどのように遷移するか全体の流れを通して画面をデザインすること。 しかし、ユーザーフローやプロトタイプを作成するのは、なかなか面倒です。 Sk […]
[CSS]これは便利！検証が面倒なフォールバックのスタイルを簡単に検証できるChrome, Firefoxの機能拡張
Post on:2018年5月25日
CSSでレイアウトをする際、最近の主流はFlexbox、そしてCSS Gridも増えてきました。 そんな中、サポートされていないブラウザ用に必要になるのがフォールバックです。 検証するのが面倒なフォールバックのスタイルを […]
sponsors
