Andre posted: "Bootstrap membawa banyak kode CSS untuk mempercantik tampilan halaman, salah satunya terkait warna. Meskipun warna ini juga bisa dibuat lewat kode CSS biasa, tidak ada salahnya kita menggunakan class warna yang disediakan Bootstrap. Untuk tutorial kali"
Dwayne posted: " If Windows 11 were a product with a slogan, it would be "same Windows, now 50% less ugly." With Windows 11 finally, upon us, the question on the lips of many is: is it worth the upgrade? Instead of starting from scratch, Microsoft took Windows 10 (whi"
If Windows 11 were a product with a slogan, it would be "same Windows, now 50% less ugly." With Windows 11 finally, upon us, the question on the lips of many is: is it worth the upgrade?
Instead of starting from scratch, Microsoft took Windows 10 (which was already quite good), pulled some levers, put some finesse on the UI and modernised a few parts of the 35-year-old operating system (which was starting to show its age).
In the short time I have been using Windows 11, I mostly like it. Is it a groundbreaking operating system? Not really. They could have released this as a significant update for Windows 10, but I can understand the new version number given the UI is different.
The first thing you will notice with Windows 11 (especially if you're upgrading from Windows 10) is the UI isn't flat like Windows 10. Application windows and buttons have rounded corners. The taskbar now resembles that of macOS with its centred icons.
That's the thing that takes the most getting used to. I am a Mac user, but I am primarily Windows in my day to day development activities. One day in, and I am still instinctively trying to click the far left of the bottom bar to get to the start menu. The muscle memory I've formed with Windows 10 shows when I interact with the taskbar.
While Microsoft has added the ability to move the icons back to the left, I will ride things out a little longer and see if I get used to the new positioning of the icons. I have always been a fan of how macOS has the taskbar down the bottom, so eventually, things will be fine once I unlearn Windows 10.
One addition that will be useful for those who forgot it existed is hovering over the maximise window button of an application will now present screen snapping options.
This feature existed in Windows 10, but apparently, not everyone knew it existed. It's user-friendly additions like these that make Windows 11 feel fresher than 10.
There's a sleek new File Explorer.
This is one of my favourite changes in Windows 11: the redesigned File Explorer. The File Explorer in Windows 10 was the same old File Explorer from prior versions of Windows, and the icons which look like they were lifted out of Windows 95 are now nowhere to be seen.
Gone is that terrible ribbon toolbar, replaced by simple buttons and icons, making the File Explorer less bloated and cleaner. The File Explorer has been long overdue for an overhaul, and I would love to see Microsoft eventually take this even further.
Conclusion
Poke around the operating system long enough, and you'll discover Microsoft has tweaked quite a few parts of the operating system. While on the surface, it might appear to be Windows 10 with some nice new window dressing, it's a step in a new direction. Design matters and I am glad Microsoft finally sees that.
The subtle animations when you open applications, the noticeable speed improvements in Microsoft Edge and revised privacy settings make it a worthy upgrade. Did I mention it's free? If you like Windows 10, you will like Windows 11.
Tea & Cake for the Soul posted: "2020 was one of the most surreal years for all of us worldwide, 2021 wasn't really much better. As we approach World Mental Health Day 2021, I'd like to reintroduce my series of mental health tips, along with some new ones and links of where to go for use"
World Mental Health Day is acknowledged every year on 10th October. As someone who has lived with depression and anxiety for most of my adult life, I'd like to share my story and my tips with you, and advise where to go for professional help for your mental health and wellbeing.
Nishant Rana posted: "DataSourceInfo function can be used to check the Table / Entity level permission. We can check for Create, Read, Edit, and Delete Permission and can disable, hide and show the corresponding create, edit and delete buttons for the users. DataSourceInfo.Cr"
DataSourceInfo function can be used to check the Table / Entity level permission. We can check for Create, Read, Edit, and Delete Permission and can disable, hide and show the corresponding create, edit and delete buttons for the users. DataSourceInfo.CreatePermission DataSourceInfo. DeletePermission DataSourceInfo. EditPermission DataSourceInfo. ReadPermission DataSourceInfo function can also be used to obtain information […]
Dwayne posted: " There is a Javascript library for almost anything. But sometimes, it's good to code your solutions to specific problems where the resulting code will be lighter, and you will feel more rewarded as a result. When it comes to infinite scrolling in Javas"
There is a Javascript library for almost anything. But sometimes, it's good to code your solutions to specific problems where the resulting code will be lighter, and you will feel more rewarded as a result.
When it comes to infinite scrolling in Javascript, many examples, you will find online relate to scrolling the main window (which is a common thing). But what if you have an overflowing DIV that you want to add infinite scrolling on? The logic is the same.
We determine the maximum scroll height by subtracting the clientHeight from the elements scrollHeight. We then obtain the current scrollTop value (distance scrolled from top of the container). Finally, we add the scroll distance and our buffer and determine if it equals the maximum scroll (end of the container) or exceeds it.
const wrapper = document.querySelector('#items'); let scheduledAnimationFrame = false; let bufferValue = 80; function checkScrollPosition() { const maxScroll = wrapper.scrollHeight - wrapper.clientHeight; const currentScrollValue = wrapper.scrollTop; const isElementScrolledToTheBottom = (currentScrollValue + bufferValue) >= maxScroll); if (isElementScrolledToTheBottom) { // Call our data loading function in here } } function onScroll() { if (scheduledAnimationFrame) { return; } scheduledAnimationFrame = true; requestAnimationFrame(() => { checkScrollPosition(); scheduledAnimationFrame = false; }); } wrapper.addEventListener('scroll', onScroll);
Inside of checkScrollPosition is where you would call any code, such as making requests to a server to load some data. It is also worth noting that you might not even need to use requestAnimationFrame I am using it because of a force of habit, but these days you can implement scrolling solutions like this without using it.