We’ve updated the interface in our app to follow our design language, and we’ve added our logo. Now we’re talking. We’ve also added a text box with a background for improved readability. We have to say, it’s starting to shine—maybe even sparkle ✨
On top of that, we’ve removed the markdown in the text and converted it to rich text. Headings, bold, italics. What more could one ask for? 🤩
We are happy about it! I bet our users are as well 😻
Badge: Glossy Pixels
Category: Code Connoisseur
Step into a Minecraft-style Power Powers portal where crafting meets collaboration. With customer placing orders and Alex bringing them to life, our system turns resource requests into crafted equipment through a smooth, intuitive workflow. Wrapped in a shiny, pixel-perfect interface that looks great on any screen, this experience proves that even blocky worlds deserve beautiful, responsive design.
Customer profile page:
In case customer wants to order some equipment, he goes to the Projects page.
Then he chooses an equipment, for example Nether Machine Gear.
And in gamified mode using drag and drop put ingredients to the slot and receive the result.
After this Alex response to the request and makes the equipment.
Alex profile page:
Alex goes to the Pending Requests.
Requests page:
Then Alex clicks on the Start button responding to the request from the customer.
The interface is designed with a dark, high-contrast Minecraft-inspired theme, combining pixel-style typography with modern, glossy components. Clear visual hierarchy, bold status colors, and card-based layouts guide users naturally through ordering, bidding, and crafting flows. Subtle gamification elements like drag-and-drop crafting slots and progress states make complex actions feel intuitive and engaging. Every screen is fully responsive, ensuring the pixel-perfect experience stays smooth and readable across different screen sizes.
Categories: Code Connoisseur. Technically it was described in Chameleon article because this is the same portal.
Hello again beautiful hackers!
Claimed Badges: Chameleon & Glossy Pixels
Our goal is to make moving around fun again, by aiming to create a hybrid Minecraft experience, both physical and digital. To keep track on player statistics and other fun aspects we have created an application that we will display on our screen at our table for everybody to see.
But at the same time, we acknowledge that our solution is created to get players up on their feet and away from their PC, and we therefore need to make our application responsive so it will work well on phones and tablets!
We also aim to match the aesthetics of our application to work well with the Minecraft theme and be bold with the colouring!!
IPhone, Mac and IPad – yes we now, not the best setup for Minecraft….
Now we are really looking forward to add the rest of the data and functionality to our solution!!
Happy Hacking
T IN T, which is a shining glossy pixels app ✨✨✨😂
The app allows the user to get information about a selected area regarding geology, minerals, resources and more. This is to enable analysis of an area of interest related to mining, forestry, or other types of development. Furthermore, the users of the app can submit a request for consultancy assistance for area analysis and reporting.
The user selects an area withing the map and requests information and/or submit a request for consultancy
The app triggers a flow to get information from the Copilot agent
We hope our agents remain loyal to our company and don’t decide to run the show on their own 🤞🏻
Don`t you just love when you can do so much with sp little?
When using standard Power App Grids in Power Platform or Dynamics 365, you can get the most beatifuls views for your data.
This is a great look and feel in your model driven App. And it also Adapt on small and big screens 🙂
Whoever decided that Minecraft had to be blocky and ugly clearly never tried hard enough.
For our solution, we wanted more than just a functional interface. we wanted something you actually enjoy looking at. ooooor something that just pops in your face. Something shiny. Does it add any function? no, but it looks nice.
Is it a little chic?
Absolutely.
Is it almost too pretty?
Maybe….Pixels well spent. ✨
Plug N`Play
AAAAND, since this mod is a custom plugin we modified for Minecraft (microsoft owned) we can also claim the Plug N’ Play badge 🙂
Whats the business need? making the product pretty to look at of course!
if no one wants to look at it, no one buys it…and thats the truth
_____
Cepheo “Demour” Crafting Creepers
Look at that amazing, user friendly, gorgeous and glossy UI! Our responsive code app is now also glossy as hell. For no reason besides some points 🙂
Boring technical stuff:
We added gloss by layering translucent gradients and animated sheen overlays on cards, panels, upload areas, previews, and the plan canvas, then kept all text above those layers using isolation and z-index. We also introduced glossy highlight variables (–gloss, –shine), subtle reflections on interactive elements, and an animated @keyframes sheen sweep so surfaces feel glassy while keeping text readable.
Between dashboards, badge-sniping and a suspiciously productive Village Golem Pyotr, the CCCP crew keeps on the vibe high, laughing, helping, and somehow still finding time to celebrate the small wins (and the big ones).
No lone-wolf coding in this republic. We move as a unit. We review together. We fix together. We meme together. This extremely high team spirit and good vibes is what makes us love what we do. #Remarkableteamspirit
Also: two more badges on the board today!
Glossy Pixels goes to the portal UI. We’ve been polishing the Power Pages experience so far, so it feels clean, fast, and actually pleasant to use! Sindre is all about that look and feel when it comes to a good user experience and that is why we have sat him on the case.
“I mean, what can I say – just look at it” – Sindre
Power User Love is for the way we’re building it: low-code where it makes sense (Power Pages, Dataverse, built-in components), and pro code where it counts (VS Code, custom templates/CSS/layout tweaks). Best of both worlds, and it’s starting to look like a real product.
“It is not as responsive at I would like yet, but I am coming for you Chameleon badge!” – Sindre
A HOT TIP FROM SINDRE TO ALL OF YOU PRO-CODERS!
If you want to pro-code your power pages solution, use PAC CLI in command lines to download your solution locally. From there you can keep on coding in your own editor and gain access to ALL extensions and the developer tools you love to use! #Sharingiscaring
14:41: Updated to include additional information around embedding the map in a mobile app and searching in multiple ways.
You want to see if other professors are around in the school? We found a magical map in the School form of our OwlExpress app. The Marauder’s Map is using Websockets magic to track everyone on the school premises Right Now.
It also is using device embedded voice recognition to understand your spells, you need to say: “I solemnly swear that I’m up to no good.” if you want to see the map.
When you are done and want to hide the map you must say: “Mischief Managed!”.
Do you like the glossy pixels of this map?
We have also managed to embed this into a canvas app for a mobile delivery for sneaky students upto no good.
We have also introduced a glossy new feature for searching our student database in multiple magical ways, searching via standard text boxes, searching by scanning a business card, drawing a students name and utlising Copilot.
Greetings, fellow wizards and witches of the digital realm!
This afternoon, we are thrilled to announce that our magical journey through the enchanted forest of user interfaces has led us to claim two prestigious badges: Glossy Pixels and Chameleon. 🪄✨
Glossy Pixels: Just like the shimmering surface of the Mirror of Erised, our Power App user interfaces are crafted with a spellbinding glossiness that captivates the eye. These interfaces are not only visually stunning but also resilient, ensuring they won’t shatter like fragile glass on smaller screens. Whether you’re viewing them on a Muggle’s smartphone or a wizard’s enchanted tablet, the glossy charm remains unbroken.
Chameleon: Much like the Animagus who can transform at will, our solutions are incredibly responsive. They adapt seamlessly to all devices and screen sizes, from the smallest of handheld devices to the grandest of desktop monitors. This badge signifies our commitment to creating interfaces that are as versatile as a Polyjuice Potion, ensuring a smooth and consistent experience for all users, regardless of their device.
With these badges, we continue to push the boundaries of digital enchantment, creating user experiences that are as magical as a Patronus charm. Stay tuned for more spellbinding updates as we continue our quest to bring a touch of magic to the world of technology.
Plug N’ Play: In the spirit of the Weasleys’ Wizard Wheezes, we have conjured an app that seamlessly integrates with both Microsoft Teams and SharePoint, bringing a touch of magic to our daily business operations. This app is not just a mere spell; it is a powerful tool designed to solve a crucial business need, ensuring our workflows are as smooth as a well-brewed potion.
Our app, much like the Room of Requirement, adapts to the needs of its users. It enhances collaboration and communication within Teams, allowing us to pull information from various systems, have meaningful conversations about it, and take action—all within the enchanted walls of Teams. Additionally, we have woven our magic into SharePoint, creating a unified experience that ensures seamless access to documents, data, and collaboration tools.
Mischief managed! 🧙♂️✨