webdesign2020's profile picture. 40代で未経験からWebデザイナーになる!。デザインだけでなくコーディングもやります。初心者の方にも役立つ情報を共有していきたいです。

のいず

@webdesign2020

40代で未経験からWebデザイナーになる!。デザインだけでなくコーディングもやります。初心者の方にも役立つ情報を共有していきたいです。

Pinned

コーディングのときに、HTMLに書いたclass名をCSSに書いたりコピペしたりの往復で面倒だと思いませんか? 「eCSStractor for VSCode」はHTMLからCSS(class名)を一気に抜き出してくれるプラグインです。 eCSStractor for VSCode marketplace.visualstudio.com/items?itemName… #Webデザイン #HTMLコーディング #CSS


不朽のデザイン書「ノンデザイナーズ・デザインブック」の特典PDF「Figmaで実践する デザイン4つの基本原則」が応募者全員にもらえます! coliss.com/articles/produ… #ノンデザイナーズ・デザインブック


顔アイコンジェネレーターZ | 人物アイコンをサクッと作成 icon-z.com

webdesign2020's tweet image. 顔アイコンジェネレーターZ | 人物アイコンをサクッと作成
icon-z.com

平日の朝からゴロゴロ~ゴロゴロ~ あ~あ~家の弁当箱がMac Studioにならないかなぁ


いろいろと迷ってMac Studioを注文しました。 #Webデザイナー #MacStudio

webdesign2020's tweet image. いろいろと迷ってMac Studioを注文しました。

#Webデザイナー 
#MacStudio

のいず reposted

お待たせしました。日本語版『Every Layout』11月発売です。 CSSを「書く」から「その特性をうまく利用して設計する」へステップアップできる一冊です。レイアウトはブラウザに「任せて」しまいましょう。 Webのレイアウトに携わるすべての方に! amazon.co.jp/dp/486246517X #everylayout_ja

8845musign's tweet image. お待たせしました。日本語版『Every Layout』11月発売です。

 CSSを「書く」から「その特性をうまく利用して設計する」へステップアップできる一冊です。レイアウトはブラウザに「任せて」しまいましょう。 

Webのレイアウトに携わるすべての方に! 
amazon.co.jp/dp/486246517X

#everylayout_ja
8845musign's tweet image. お待たせしました。日本語版『Every Layout』11月発売です。

 CSSを「書く」から「その特性をうまく利用して設計する」へステップアップできる一冊です。レイアウトはブラウザに「任せて」しまいましょう。 

Webのレイアウトに携わるすべての方に! 
amazon.co.jp/dp/486246517X

#everylayout_ja
8845musign's tweet image. お待たせしました。日本語版『Every Layout』11月発売です。

 CSSを「書く」から「その特性をうまく利用して設計する」へステップアップできる一冊です。レイアウトはブラウザに「任せて」しまいましょう。 

Webのレイアウトに携わるすべての方に! 
amazon.co.jp/dp/486246517X

#everylayout_ja
8845musign's tweet image. お待たせしました。日本語版『Every Layout』11月発売です。

 CSSを「書く」から「その特性をうまく利用して設計する」へステップアップできる一冊です。レイアウトはブラウザに「任せて」しまいましょう。 

Webのレイアウトに携わるすべての方に! 
amazon.co.jp/dp/486246517X

#everylayout_ja

のいず reposted

バズ部が実践する「コンテンツ制作20のコツ(全33ページ)」を無料公開します。数ある中でも重要ですぐ実践できるものを厳選。要約版(画像2枚目)はツイッターでのみ配布します。より多くの方にお届けしたい内容なのでぜひリツイート&いいねの上、リンク先から保存してください。bazubu.com/bazubu-20tips

BAZUBU's tweet image. バズ部が実践する「コンテンツ制作20のコツ(全33ページ)」を無料公開します。数ある中でも重要ですぐ実践できるものを厳選。要約版(画像2枚目)はツイッターでのみ配布します。より多くの方にお届けしたい内容なのでぜひリツイート&いいねの上、リンク先から保存してください。bazubu.com/bazubu-20tips
BAZUBU's tweet image. バズ部が実践する「コンテンツ制作20のコツ(全33ページ)」を無料公開します。数ある中でも重要ですぐ実践できるものを厳選。要約版(画像2枚目)はツイッターでのみ配布します。より多くの方にお届けしたい内容なのでぜひリツイート&いいねの上、リンク先から保存してください。bazubu.com/bazubu-20tips

今日買った本(Kindle版)はこちらです\(^o^)/ #webデザイン

webdesign2020's tweet image. 今日買った本(Kindle版)はこちらです\(^o^)/

#webデザイン
webdesign2020's tweet image. 今日買った本(Kindle版)はこちらです\(^o^)/

#webデザイン

キャンセルのキャンセル問題から考えるダイアログデザイン goodpatch.com/blog/dialog-de… #UIデザイン


CSSはClassの命名規則が曖昧だと表示崩れの原因にも繋がりますね。 CSS設計の4原則はこちら。 ✅予測しやすい ✅再利用しやすい ✅保守しやすい ✅拡張しやすい 個人的には、BEMでのCSS設計は学習コストの低いのでオススメです! #webデザイン #CSS設計 9elements.com/bem-cheat-shee…


のいず reposted

文字を分解するIllustratorスクリプトMojiDisassemblerの新バージョンを公開しました。購入済みの方は追加料金なしでご利用いただけますので、Boothから再度ダウンロードをお願いします。sppy.stars.ne.jp/mojidisassembl…

peprintenpa's tweet image. 文字を分解するIllustratorスクリプトMojiDisassemblerの新バージョンを公開しました。購入済みの方は追加料金なしでご利用いただけますので、Boothから再度ダウンロードをお願いします。sppy.stars.ne.jp/mojidisassembl…

Chromeの拡張機能「Notion Web Clipper」は、EvernoteのようにWebクリップできます。 chrome.google.com/webstore/detai…

webdesign2020's tweet image. Chromeの拡張機能「Notion Web Clipper」は、EvernoteのようにWebクリップできます。

chrome.google.com/webstore/detai…
webdesign2020's tweet image. Chromeの拡張機能「Notion Web Clipper」は、EvernoteのようにWebクリップできます。

chrome.google.com/webstore/detai…
webdesign2020's tweet image. Chromeの拡張機能「Notion Web Clipper」は、EvernoteのようにWebクリップできます。

chrome.google.com/webstore/detai…

あるふぁ(仮)さん(@peprintenpa)のIllustratorスクリプトです。早速購入いたしました! すごい! sppy.stars.ne.jp/mojidisassembl…


のいず reposted

文字を分解するIllustratorスクリプト、公開しました~(1000円) sppy.stars.ne.jp/mojidisassembl…


エンジニアだけではなく、デザイナーに置き換えてもあてはまる記事だと思います。 一部上場企業のトップエンジニアから教わった『エンジニアの心構え』 qiita.com/Cocot-RH/items… #Qiita #Webデザイナーと繋がりたい


This account does not follow anyone

United States Trends

Loading...

Something went wrong.


Something went wrong.