役に立ちそうな numérique 覚書

世の中の進歩から置いて行かれているブログ管理人の覚書ノート

アバター作成サイト

CARTOONIFY

With our service you can quickly create a Cartoon of Yourself directly online without any software installs and for free! Use our free avatar maker now!


ファビコン (Favicon) 生成サイト

Favicon Generator

Favicon.io


ソーシャルメディアのアイコンを使いたい時:

Font Awesome

Take the hassle out of icons in your website. 


アイコンを使いたい時:

Google Fonts icons


Visual Studio Code 拡張機能

Blackbox AI chat

無料

ChatGPT API

ChatGPT APIの利用は有料で、使った分だけ払う従量課金性です (2023年)。ChatGPT APIは頻繁にアップデートされるのでOpenAI API サイトのチェックは必須です。

The OpenAI API is powered by a diverse set of models with different capabilities and price points.

ChatGPT in Python for Beginners - Build A Chatbot at Visual Studio Code


GitHub Copilot 

AIを使ってプログラミングを支援するサービス。有料。

CSS 覚書 ++++++++++

border

FANCY-BORDER-RADIUS

border-radius: 52% 48% 0% 100% / 30% 30% 70% 70%


shadow

・「box-shadow」をつかって最もシンプルに影を付ける方法 

・「drop-shadow」をつかって画像のサイズに合わせて影を付ける方法 

・「text-shadow」を使って文字に影を付ける方法


・box-shadow: 水平px 垂直px ぼかしpx 広がりpx rgba


・backgroud-color(またはcolor):rgba(赤 , 緑 , 青 , 透明度)

赤・緑・青には0 ~ 255までの数値、

透明度には0 ~ 1までの数値

透明度は0が0%、0.5が50%、1が100%で数字が小さいほど透明度が高いです。


Shadows Brumm

box-shadow: を使う時に便利なサイト




++++++++++

sololearn

SoloLearnとは、無料ながら11の言語に対応しているプログラミング学習サイト

Duolingoは、無料の教育ウェブサイトですが、デジタルに特化した教育サイト


======

UI (User Interface) designer と UX (User Experience) designer の違いは?

UI designer:Adobe (Photoshop, Indesign, illustrator…)

UX designer 


UIデザインやワイヤーフレームの作成に便利なデザインツール

Figma (フィグマ)

0コメント

  • 1000 / 1000

こちらの記事もどうぞ