@StudioN8D profile picture
N8DStudio @StudioN8D

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

Joined March 2020
  • Tweets 35
  • Following 33
  • Followers 32
4 Photos and videos
N8DStudio retweeted
hTWOo@hTWOoUI
6 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,199
N8DStudio@StudioN8D
3 Dec 2022
Welcome to the Magentaverse
Stefan Bauer@StfBauer
3 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
N8DStudio@StudioN8D
22 Nov 2022
The poll on how you use hTWOo is now open. Please let the team know! #FluentDesign #FluentUI
hTWOo@hTWOoUI
22 Nov 2022
By the end of the year, we going to upgrade hTWOo to the latest sass version. Where do you use it most?
1
N8DStudio@StudioN8D
21 Nov 2022
In case you missed the announcement!
hTWOo@hTWOoUI
20 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
N8DStudio@StudioN8D
18 Mar 2022
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
N8DStudio@StudioN8D
10 Nov 2021
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@StudioN8D
4 Jun 2021
Theme - Teal is the new green
Stefan Bauer@StfBauer
4 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.
0:14
1
N8DStudio retweeted
Vesa Juvonen
@vesajuvonen
11 Jun 2021
🤩 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
N8DStudio@StudioN8D
4 Jun 2021
Theme - Not another boring loading screen
Stefan Bauer@StfBauer
4 Jun 2021
It was a tough challenge to get the animation right with grey but here it is and boring as hell 😁
0:15
N8DStudio@StudioN8D
4 Jun 2021
Theme - Happy Developer
Stefan Bauer@StfBauer
4 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
0:22
N8DStudio@StudioN8D
28 Apr 2021
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
N8DStudio@StudioN8D
20 Nov 2020
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
5
N8DStudio@StudioN8D
12 Nov 2020
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
N8DStudio@StudioN8D
5 Nov 2020
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
N8DStudio@StudioN8D
27 Oct 2020
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
N8DStudio@StudioN8D
27 Oct 2020
Develop SPFx web parts for different section designs using CSS n8d.at/develop-spfx-web-part… #SPFx #SharePoint #Microsoft365 #Microsoft365dev #css
1
1
N8DStudio@StudioN8D
21 Oct 2020
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
5
N8DStudio retweeted
Stefan Bauer@StfBauer
15 Oct 2020
Was in a creative mood today. #npm
1
2
8
N8DStudio@StudioN8D
15 Oct 2020
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
Load more