【React】イラストで基礎を解説してみる（初心者向け） | バシャログ。
はじめまして。去年の9月にコーダーとして入社したnakagiriです！ 今日は、勉強中のReactについて解説します。 勉強する前は、先輩がReactをつかって開発をしているのは知っているけど、実際よく分からない。 そんな状態だったので、この機会にReactについてどのような特徴があるのか一つ一つ整理してまとめてみます。 この記事のゴール Reactにはどのような特徴があるか理解すること この記事の対象となる方 HTML、CSS、jQueryを使ってWEBサイトを作ってみたことがある方 Reactの特徴を知りたい方 そもそもReactとは？ Facebookが開発しているUIに特化したJavaScriptライブラリです。 FacebookやInstagram、Netflix やYahoo!にも使われている技術。 Vue.jsやAngular.jsと比較されること多い。 Reactの特徴 R
商用利用無料！ UIデザインに最適、シンプルで控えめにデザインされたSVGの高品質なアイコン素材 -Humbleicons
WebサイトやスマホアプリのUIデザインにぴったりなSVGアイコンを紹介します。「Humble」の名の通り、主張しすぎない控えめでシンプルなデザインです。 オープンソースで個人でも商用でも無料で利用できます。アイコンはSVGなので、サイズやカラーの変更はCSSで簡単にできます。さらに、Figma用も用意されているのは、嬉しいですね。 Humbleicons Humbleicons -GitHub Humbleiconsは、WebサイトやスマホアプリのUIデザイン用にニュートラルでシンプルにデザインされたSVGアイコンのセットです。MITライセンスで商用プロジェクトでも無料で利用できます。 アイコンはまとめて全部のダウンロードもできます（後述）が、個別に使用することもできます。アイコンをクリックすると、SVGのインライン・スプライトのコードがコピペできます。
CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数で定義する便利ツール -Min-Max Calculator
Webサイトをレスポンシブ対応にする時、メディアクエリを使用するのも一つの方法ですが、CSSのclamp()関数を使用すると、最小値と最大値を定義してその間の値は流動的にすることができます。 たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、という感じです。 このclamp()関数を使用して、CSSでレスポンシブ対応のフォントサイズやレイアウトを簡単に定義できるツールを紹介します。ツールはオンラインでも、ローカルでも利用できます。 Min-Max Calculator Min-Max Calculator -GitHub Min-Max Calculatorの特徴 Min-Max Calculatorの使い方 Min-Max Calculatorの特徴 Min-Max Calculatorは、レスポンシブ対応にする時
「かわいい！」が詰まったスイーツの国内Webサイト
2022年6月1日 Webデザイン スイーツって商品自体もかわいくて、パッケージやWebサイトもおしゃれなデザインが多いですよね。今回はそんなスイーツを紹介したかわいいWebサイトを紹介します。どれも食べたくなってしまう…！ ↑私が10年以上利用している会計ソフト！ かわいいデザインのポイント 淡い色合い 明度の高い、淡い色あいを使ってキュートで親しみのあるデザインに。 鮮やかな黄色が印象的なねこねこチーズケーキ。淡い水色とあわせて商品を目立たせています。 豆乳アイスのアレンジレシピを掲載しているサイト。利用している色数が多いのですが、全体の明度が高いので目がチカチカしたりうるさい雰囲気にはなりません。 やわらかい形 円や楕円、流体シェイプなど、丸っこい形を利用して柔らかく優しい雰囲気を演出できます。 絶え間なくふわふわと形を変えてゆったり動くシェイプが特徴的なLilionte(リリオンテ
フォトショップで写真に多重露光エフェクトをかけるオススメ素材18選
写真の上に別の風景写真などを重ねる「多重露光（英: Double Exposure）」エフェクトは、人気の写真加工のひとつで、カメラの撮影メニューにある場合も。 1枚目にはっきりとした色の写真、２枚めに人物などの被写体をのせるというイメージにすると、偶然が生み出す幻想的な仕上がりを楽しめます。 今回は、ほんの数秒で多重露光エフェクトを作成できるおすすめデザイン素材をまとめてピックアップしてご紹介します。 フォトショップで写真を水彩イラスト風に一発加工！おすすめ素材25選 フォトショップで漫画コミック風イラストに一発加工！おすすめ素材10選 まずはAdobe公式サイトより、Photoshopを無料でダウンロードし、7日間のお試し期間からはじめてみませんか。1087円/月からフォトショップが使える、フォトプランもおすすめです。 多重露光（Double Exposure）とは何？ 多重露光（多重
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
