@StudioN8D

Vienna / Austria based Design Studio owned and run by @StfBauer

 Vienna and around the world
Joined March 2020
  • Tweets35
  • Following32
  • Followers31
4Media
N8DStudio retweeted
hTWOo@hTWOoUI6 Apr 2023
SPOILER ALERT - Over the next few days, we will launch hTWOo Core v2.0 with updated documentation. github.com/n8design/htwoo - stay tuned and star the repo. Stay tuned, and happy easter holidays! 🥚🐇
Shows new hTWOo launch screen with atomic design atoms.

ALT Shows new hTWOo launch screen with atomic design atoms.

1
5
4
2,200
Welcome to the Magentaverse
Stefan Bauer@StfBauer3 Dec 2022
🚀 The Viva Magenta theme for SharePoint just got released. Check it out. For all design and color nerds out there. n8d.at/viva-magenta-sharepoi… #Microsoft #SharePointDesign #ColorOfTheYear #SharePoint #office365 #microsoft365 #pnpweekly

Viva Magenta – SharePoint Pantone Theme of the Year 2023

Every year the Pantone Color Institute announces the colour for the next year around the same time. Next year's colour will be a colour named Viva Magenta.

n8d.at
The poll on how you use hTWOo is now open. Please let the team know! #FluentDesign #FluentUI
hTWOo@hTWOoUI22 Nov 2022
By the end of the year, we going to upgrade hTWOo to the latest sass version. Where do you use it most?
86%SharePoint / Teams Online
14%SPFx older version
0%SharePoint on-premises
0%other- pls comment
7 votes • Final results
1
In case you missed the announcement!
hTWOo@hTWOoUI20 Nov 2022
Fluent UI Icon search soon coming to hTWOo - #fluentdesign All icons have been optimised to consume the least space possible. lab.n8d.studio/htwoo/ hTWOo - Icons npmjs.com/package/@n8d/htwoo…
2
4
A couple of days ago a new member of the hTWOo family was released. You can now use #ReactJS controls provided by hTWOo. n8d.at/reactjs-support-for-h… #FluentDesign #MicrosoftDesign #SPFx #SharePoint
1
1
3 reasons on: Does the SharePoint App Bar really matter? n8d.at/3-reasons-on-does-the… #microsoft365 #sharepointdesign #sharepoint #office365 #uxdesign #UserExperience

3 reasons on: Does the SharePoint App Bar really matter?

Find out why the SharePoint App Bar might be ignored by users, despite its global navigation purpose. Insights on user focus, heatmaps, and design flaws.

n8d.at
1
N8DStudio retweeted
N8DStudio@StudioN8D4 Jun 2021
Theme - Teal is the new green
Stefan Bauer@StfBauer4 Jun 2021
I even like this one way more - using the primary colour theme from #SharePoint - Less boring and really makes you happy while content is loading - #SharePointDesign made with @hTWOoUI #SPFx I keep all variants in - No load on CSS just different background.
1
🤩 Great #Microsoft365dev demo by @StfBauer on getting started with HTWOO UI – Fluent Design in HTML and CSS ✔ Community driven Fluent UI driven framework ✔ Just HTML, CSS and a bit of JS ✔ Easy to use in your solutions youtube.com/watch?v=_sPE3ARd… #SPFx #MicrosoftTeams
3
6
Theme - Teal is the new green
Stefan Bauer@StfBauer4 Jun 2021
I even like this one way more - using the primary colour theme from #SharePoint - Less boring and really makes you happy while content is loading - #SharePointDesign made with @hTWOoUI #SPFx I keep all variants in - No load on CSS just different background.
1
Theme - Not another boring loading screen
Stefan Bauer@StfBauer4 Jun 2021
It was a tough challenge to get the animation right with grey but here it is and boring as hell 😁
Theme - Happy Developer
Stefan Bauer@StfBauer4 Jun 2021
The card vs loading animation was never done easier. Add shimmer effect to existing UI components and replace it with data later. The height of the shimmer automatically adjusts with text size. so no extra code required. #SharePointDesign #htwoo @hTWOoUI #fluentdesign #SPFx
Fluent Design for the web? It is now possible without any restrictions or limitations from modern web frameworks. hTWOo UI lets you define Fluent Design experiences with pure HTML and CSS only. n8d.at/htwoo-ui-launched-flu… #Microsoft365 #SharePoint #FluentDesign
3
1
Something to read for the weekend? Learn how to have consistent theming as an single page app part, a regular web part or in Microsoft Teams. - Sample included. n8d.at/how-to-make-css-varia…

Master SPFx Theming: CSS Variables for Any Environment

Learn how to ensure consistent theming for SharePoint web parts across all contexts, including single part app pages and Microsoft Teams, using CSS variables.

n8d.at
2
1
5
New review on multilingual support in #SharePoint Online is out now - We take a look into the challenges from an information architecture perspective #Microsoft365 #SharePointOnline #pnpweekly n8d.at/multilingual-support-…

Multilingual support review of SharePoint Online - An information architecture perspective

SharePoint Online for a long time, has multilingual support. On classic experience, there were language packs and Variations available for that.

n8d.at
3
1
Learn how to build a SharePoint / Fluent UI compliant grid from scratch - in 68 lines of code n8d.at/build-a-sharepoint-fl… #CSS #cssgrid #Webdesign #webdevelopment #SharePoint #Microsoft365

Build a SharePoint / Fluent UI compliant grid from scratch

SharePoint also has a concept of single part app pages. This page type gives you an entirely blank canvas, enabling the full potential and possibilities for an application. It also comes without any...

n8d.at
2
1
Check out how to make your web part color correctly in different sections - in the latest blog post we take a look into CSS Variables and SharePoint for perfect theming. n8d.at/develop-spfx-web-part… #CSS #SharePoint #Microsoft365 #pnpweekly

Develop SharePoint web parts for different section designs using CSS

This turtorial show you what you can do to make the web part matching to the section for the web parts. With some smart adjustements and CSS variable you should be able to us it in your code too.

n8d.at
5
1
Develop SPFx web parts for different section designs using CSS n8d.at/develop-spfx-web-part… #SPFx #SharePoint #Microsoft365 #Microsoft365dev #css
1
1
A design review on site logos in SharePoint - another breaking design change or just a nice new organic form to display a logo? #microsoft365 #sharepoint #uidesign n8d.at/a-design-review-on-si…

A Design Review on Site Logos in SharePoint

In one of the latest design iterations, the site logo has changed to incorporate the new Fluent UI design. The site logo has now rounded borders. Let's do a quick design review of how this work or...

n8d.at
2
3
5
Was in a creative mood today. #npm
1
2
8
How to identify the font rendered in your browser? A uncommon approach and how to inspect it directly in browser. #pnpweekly n8d.at/how-to-identify-the-f…
1
1
1
Load more