CSS Nite

19.2K posts

CSS Nite

@cssnite

CSS Niteはウェブ制作に関わる方のためのセミナーイベント。 2005年から都内を中心に全国各地で開催。 2025年10月で丸20年。現在はオンラインイベントに移行。 #朝までマークアップ #朝までディレクション CSS NiteとDTP Transitのオンラインセミナーは、CeeBeeDeeとして統合します。

Japanswwwitch.notion.site

Joined May 2007

5,606 Following

17.8K Followers

CSS Nite’s posts

【緊急開催】2月23日（月）15:00-16:00 こぎそ（

）さんにお話しいただきます。 --- Figmaが2026年2月に公開した「Claude Code to

YouTube LiveのURL

Replying to

and

緊急すぎて告知ページもまだなんですが、お知らせまで。

CSS Nite reposted

Article cover image

Claude Code to Figmaのはじめかた

Figmaが2026年2月17日（現地時間）にClaude Code to...

CSS Nite reposted

村田俊英 / Designer

フォントラボ yuppa yuppa.co.jp 欧文フォント『Poppins』・「テック系の洗練」と「ユーザーへの親しみ」を両立したい時に使える・非常に汎用性が高く、現在のスタートアップ・デザインのトレンドを象徴するようなフォント・インドのフォント制作チーム Indian Type

0:25

短時間で圧倒的な映像美を作り出す「Fireflyで生成した素材をサードパーティ製プラグインで徹底的に加工・合成し、スクリプトで制御するワークフロー」をニワダイスケさん

に紹介いただきます。 x.com/i/broadcasts/1

Who to follow

coliss.com の中の人、WebデザインやWeb制作に関する情報をお届けします。新作フリーフォント情報も満載。

Webデザイン、Web制作に関する記事を投稿しています。拙著『1冊ですべて身につくHTML & CSSとWebデザイン入門講座』他。『1冊ですべて身につくJavaScript入門講座』ITエンジニア本大賞2024 技術書部門大賞＋特別賞ダブル受賞

amzn.to/3PTFL5x

Ubie / フロントエンド & バックエンド & AIエージェント / 九州大学芸工音響設計学科卒 / JavaScriptコードレシピ集の著者 / CSSNite ベストセッション / claude codeにタスク丸投げおじさん ■ 仕事の依頼はDMまで登壇・執筆・技術相談

CSS Nite reposted

𝖢𝗁𝗂𝗍𝗈𝗌𝖾 𝖪𝖺𝗍𝗈｜𝖡𝖨𝖲𝖢𝖮𝖬, 𝗂𝗇𝖼.

@ChitoseWatanabe

3/19（木）21時～￣￣￣￣￣￣￣￣￣オンラインセミナー（

）でお話をさせていただきます。

【CeeBeeDee】ワイヤーフレームから完成デザイン、そして実装まで「これがこう」のロジックを理解する／加藤千歳、高野一幸

From cssnite.doorkeeper.jp

CSS Nite reposted

メンバーの主体性や自発性を育てていきたいと考えるリーダー・マネージャー向けのオンラインイベントです。竹中庭園緑化様の組織変革プロジェクトを取り上げます。ぜひ！寄り道と対話から始める、チームの関係性を育む土壌づくり　実践事例にみる、小さな組織変革のヒント

寄り道と対話から始める、チームの関係性を育む土壌づくり　実践事例にみる、小さな組織変革のヒント｜CONCENT DESIGN SCHOOL

寄り道と対話から始める、チームの関係性を育む土壌づくり　実践事例にみる、小さな組織変革のヒント｜CONCENT DESIGN SCHOOL

From cds-event038.peatix.com

CSS Nite reposted

Fireflyがついに「日本のたい焼き」をうっすら理解するように…！！！「たこ焼き」もそれっぽいのが出ました。成長しててえらい

（ちなみにVector 4で出力）

Quote

hamko

@hamko1114

Oct 12, 2023

Illustrator 2024の生成AIが提案する「たい焼き」が面白い。巻きずしかな？？？

たい焼きは今や海外でも人気のスイーツらしいので頑張って欲しい…！w #AdobeIllustrator

CSS Nite reposted

お気持ち表明した

Quote

TAK

@tak_dcxi

Feb 11

Article cover image

デザインの段階でブレイクポイントを決定するのはやめてほしい

提案書や仕様書に、たまにこういう一文が入っていることがある。「ブレイクポイントは◯◯◯pxでお願いします」そのたびに私は、この記述を消してもらうよう依頼することが多い。...

CSS Nite reposted

前田高志／

【次の土曜日】デザインがしんどくなってる人に参加して欲しい。 2026倍、え…2026倍！？（笑）楽しなる方法をムラマツさんから聞き出します。必ず、楽しい日にします。デザインが2026倍楽しくなる方法 -Desig-win 2026クラファンキックオフイベント-

デザインが2026倍楽しくなる方法 -Desig-win 2026クラファンキックオフイベント-

デザインが2026倍楽しくなる方法 -Desig-win 2026クラファンキックオフイベント-

From desig-win2026.peatix.com

CSS Nite reposted

あと数日で大好きなBentoがサ終してしまうので、この美しいインタラクションを動画に収めておいた。。。

bento.me/en/home

0:02 / 1:28

CSS Nite reposted

元Dropboxのデザイナーだったjoshpuckett氏

が提供する"Interface Craft"を買ってみたが、オンボーディング体験がめちゃくちゃすごい、これから読み解くのが楽しみすぎる

Quote

joshpuckett

@joshpuckett

Feb 10

Embedded video

0:43

Interface Craft is now open. It’s a growing library of resources for those who are committed to crafting experiences and interfaces with uncommon care. I hope you’ll consider joining:

CSS Nite reposted

ひろしまクリエイターズギルド（ひろクリギルド）

2月の対談イベントは豪華3部構成でお届け！セッション１は著書のChapter01,02を担当した向田さん

がインタビュアーとなり、ライゾマティクス（Flowplateaux 主宰）の木村さん

が制作される“脳内を刺激される”制作物を深掘りします。【朗報

アフタートーク開催決定!!!】

CSS Nite reposted

同じ img を重ねて2つ目の画像の clip-path を transition させるアニメーション、なるほど

codepen.io/tak-dcxi/pen/P

CSS Nite reposted

もち | 経営とデザイン

ついに！トムさんが登壇です！ 30代、40代、50代、途中から「第2の人生」としてデザイナーを目指してる方は、年齢のことに悩みキャリア迷子になってる方も多いと感じています。「デザイナーを目指すのが遅すぎた…」そんな風に悩める大人組のためのお話をしてくれます

Quote

NOT DESIGN SCHOOL | 即戦力デザイナー育成

@notdesignschool

Feb 5

【ウェビナー情報

👩‍💻

】「もう遅い」って、誰が決めたの？ 30・40代デザイナーのキャリアをテーマに、年齢による不安や迷いと向き合うキャリアウェビナーを開催

登壇者はキャリアコンサルタントのトム・イシカワさんをお迎えします

2/19（木）20:00〜

詳細はスレッドへ #NOTds

CSS Nite reposted

Hiroki Tani / Figma

２月の東京開催に加え、3月3日は福岡、3月6日は大阪でもデザインシステムイベントやります！現地周辺の皆様ぜひ！福岡 fig-events.figma.com/ds-fukuoka/ 大阪 fig-events.figma.com/ds-osaka/

fig-events.figma.com

Design Systems with Figma: Fukuoka

本イベントはデザインシステムを構築・運用し、組織に浸透させていくための知見を得られる場です。 Figmaの最新機能のアップデートとデモ、各企業のデザインシステム実践事例を紹介します。セッション終了後にドリンクと軽食をご用意しており、登壇者や参加者同士のネットワーキングをお楽しみいただけます。ぜひご参加ください！

CSS Nite reposted

松尾茂起（ウェブライダー）／コンテンツドリブンなWebマーケター

AI時代に「人が書く価値」とは？ SEO/GEOを見据えた、選ばれるコンテンツの作り方 #SmartNews

AI時代に「人が書く価値」とは？ SEO/GEOを見据えた、選ばれるコンテンツの作り方 | 【レポート】Web担当者Forumミーティング 2025 秋| Web担当者Forum

From webtan.impress.co.jp

CSS Nite reposted

❖ ken｜旅するデザイナー

#デザインクイズチャレンジはイラレがベースでしたが、「Figmaだとこうできるよ！」を勝手に紹介するスレッド。 1. グリッドに分割 Figmaのオートレイアウトにもグリッド機能があります（一番右のアイコン）列・行・ガター・マージンを自由に設定できるので、レイアウトの分割も簡単に再現可能。

CSS Nite reposted

株式会社IMAKE（イメイク）

＼Figmaイベント＠中四国地方

お知らせその③／ 2/15（日）14:00〜16:00 デジタルハリウッドSTUDIO広島「Figmaをもっと活かすためのWebデザイン構築講座」「Figmaは触ったことがあるが、実務でどう設計すればよいか分からない」方にオススメ！お申し込みはこちら↓

【セミナー】Figmaをもっと活かすためのWebデザイン構築講座｜STUDIO広島｜デジタルハリウッドの専門スクール（学校）

From school.dhw.co.jp

Replying to

あなたの感性はどれを選ぶ？#デザインクイズチャレンジ

あなたの感性はどれを選ぶ？デザインクイズチャレンジ

CSS Nite reposted

鷹野雅弘 Masahiro Takano

3月9日（月）にオンライン開催される #Web制作者サミット（主催：プライム・ストラテジー株式会社）に出演します！私（鷹野）は『生成AI時代にも身に付けておきたいデザインの「4つの基本原則」』と題して、「4つの基本原則」を中心にフォントやタイポグラフィの基礎についてお話しします。

CSS Nite reposted

𝖢𝗁𝗂𝗍𝗈𝗌𝖾 𝖪𝖺𝗍𝗈｜𝖡𝖨𝖲𝖢𝖮𝖬, 𝗂𝗇𝖼.

@ChitoseWatanabe

1/31まで￣￣￣￣『WebデザインプロセスBook』も対象の特大セール＆ワイヤーフレームの未公開Before/Afterをまとめたブラッシュアップ集（PDF）のワンコインセールも、いよいよ明日までです。ぜひこの機会に

Quote

𝖢𝗁𝗂𝗍𝗈𝗌𝖾 𝖪𝖺𝗍𝗈｜𝖡𝖨𝖲𝖢𝖮𝖬, 𝗂𝗇𝖼.

@ChitoseWatanabe

Jan 15

WFブラッシュアップ集￣￣￣￣￣￣￣￣￣￣￣『WebデザインプロセスBook』に掲載しているワイヤーフレームの未公開Before/Afterをまとめたブラッシュアップ集（PDF）

note.com/chitosekato/n/ 書籍の Kindle特大セールとあわせて、1/31までワンコインです

CSS Nite reposted

❖ ken｜旅するデザイナー

再掲 Figmaで太陽みたいな放射線の作り方

From

❖ ken｜旅するデザイナー

Quote

❖ ken｜旅するデザイナー

@ken_tbdz

Jan 29

Embedded video

Embedded video

再掲 Figmaで動きのあるハンバーガーメニューの作り方

x.com/ken_tbdz/statu

CSS Nite reposted

久しぶりにインタビューを受けました。既存の役割分担を前提にAI活用しても、いずれ破綻するみたいな話をしました... もっと他にもたくさん話たような気がする。

さん、貴重な機会ありがとうございました！

AIがWeb制作の役割分担を壊し始めた今、私たちはどう働くか？｜《対談》小島芳樹（chot Inc.）×長谷川恭久 | Web Designing Web

From webdesigning.book.mynavi.jp