One place for hosting & domains

      Modern

      Accelerating Modern App Development Using Managed MongoDB and DigitalOcean


      Video

      About the Talk

      Managed MongoDB is a fully-managed database as a service from DigitalOcean that enables you to focus more on apps and less on maintaining your database.

      See the ease of building a dynamic app using DigitalOcean’s App Platform and powering its backend with Managed MongoDB — scale your app (both vertically and horizontally) in just a few clicks, with zero downtime.

      What You’ll Learn

      • Creating and setting up MongoDB on DigitalOcean
      • Integrating MongoDB into Node
      • Integrating MongoDB into Next.js



      Source link

      Styling Scrollbars with CSS: The Modern Way to Style Scrollbars


      While this tutorial has content that we believe is of great benefit to our community, we have not yet tested or
      edited it to ensure you have an error-free learning experience. It’s on our list, and we’re working on it!
      You can help us out by using the “report an issue” button at the bottom of the tutorial.

      Since the early days of the web, customizing the browser’s scrollbar has proven to be very difficult to standardize across major browsers. Fortunately, on September 2018 a W3C Working Draft called CSS Scrollbars was released that looks like a viable way to finally accomplish this!

      As of 2020, 96% of internet users are running browsers that support CSS scrollbar styling, but you will need to write two sets of CSS rules to cover Firefox, Webkit and Chromium browsers.

      Let’s jump into some code samples!

      The JavaScript solutions fall short since they have difficulty emulating high-end behaviors like inertia scrolling (eg., decaying motion when scrolling via trackpads).

      Styling scrollbars for Chrome/Edge/Safari is available behind the vendor prefix -webkit-scrollbar

      body::-webkit-scrollbar {
        width: 12px;               /* width of the entire scrollbar */
      }
      body::-webkit-scrollbar-track {
        background: orange;        /* color of the tracking area */
      }
      body::-webkit-scrollbar-thumb {
        background-color: blue;    /* color of the scroll thumb */
        border-radius: 20px;       /* roundness of the scroll thumb */
        border: 3px solid orange;  /* creates padding around scroll thumb */
      }
      

      webkit-styled scrollbars

      But there’s good news… And bad news:

      Good news! This code works perfectly fine in the latest releases of Chrome/Edge/Safari!

      Bad news? Unfortunately, this spec has been formally abandoned by W3C so we can expect it to be slowly deprecated in the coming years.

      Microsoft Edge officially switched to the Chromium V8 engine on January 2020!

      Firefox is a champion of new W3C standards, and they’re always willing to try out emerging APIs. As such, the new CSS Scrollbars features are already available in normal releases of Firefox:

      body {
        scrollbar-width: thin;          /* "auto" or "thin"  */
        scrollbar-color: blue orange;   /* scroll thumb & track */ 
      }
      

      scrollbars on firefox

      Sweet! You might have noticed a few differences compared to the deprecated -webkit-scrollbar spec.

      Firstly, it’s way more concise! And secondly, it lacks features like creating a padding and roundness for the “track thumb”. Since the spec is still changing, these missing features could likely get included.

      The Way Forward

      How do we style scrollbars considering there isn’t a single, authoritative API? Just combine both approaches!

      /* The emerging W3C standard
         that is currently Firefox-only */
      * {
        scrollbar-width: thin;
        scrollbar-color: blue orange;
      }
      
      /* Works on Chrome/Edge/Safari */
      *::-webkit-scrollbar {
        width: 12px;
      }
      *::-webkit-scrollbar-track {
        background: orange;
      }
      *::-webkit-scrollbar-thumb {
        background-color: blue;
        border-radius: 20px;
        border: 3px solid orange;
      }
      

      Once -webkit-scrollbar is deprecated, you can fallback on the new CSS Scrollbars standard without missing a beat.

      Interactive demo below:

      See the Pen abORvVW by alligatorio (@alligatorio) on CodePen.

      Try switching to a different browser to see it working. Supports the latest Firefox/Chrome/Safari/Edge releases.



      Source link

      Modern Game Server Infrastructure in the Cloud


      How to Join

      This Tech Talk is free and open to everyone. Register for your preferred time to get a link to join the live event.

      Time zones Date RSVP
      Americas & EMEA Thursday, August 6, 2020 1:00 p.m.–2:00 p.m. ET
      Asia Pacific Friday, August 7, 2020, 12:00 p.m.–1:00 p.m. IST

      If you can’t join us live, the video recording will be published here as soon as it’s available.

      About the Talk

      Building large-scale infrastructure for a multiplayer game is not an easy feat. Game servers are stateful applications with long-lived connections to its clients, the opposite of what modern highly scalable server applications tend to be, so most of the tools and techniques used for deploying and maintaining these services on the cloud are not useful.

      Diego Rocha, Software Engineering Manager at Playkids, will discuss how a small team at PlayKids, an educational games platform, leveraged DigitalOcean, Kubernetes, and Agones to build PlayKids’ infrastructure to reliably serve millions of players. The presented solution enables multi-data center deployments and game server updates without disrupting game sessions, all at a low cost and requiring almost no maintenance.

      What You’ll Learn

      • How to deploy and scale large-scale game servers in the cloud to boost development productivity, reduce maintenance, and improve your game’s quality and resilience.
      • How to decrease the high cost of network-intensive multiplayer games through infrastructure optimization using DigitalOcean.

      This Talk is Designed For

      • Multiplayer game developers on small teams
      • Backend developers interested in scalability
      • Anyone who wants to learn how to host applications that are stateful, network-intensive, and/or have sticky connections.

      Prerequisites

      • Basic understanding of the value and difficulties of deploying large-scale game servers.
      • Moderate familiarity with cloud technologies.

      About the Presenters

      Diego Rocha leads a team of backend engineers at PlayKids. Although he considers himself a generalist, he’s been building critical large-scale distributed systems for more than 7 years. As a computer scientist, he thrives in applying theory and research to build solutions that are both elegant and efficient.

      Fabian Barajas joined DigitalOcean in 2015 as a Customer Success Engineer and became a Solutions Engineer in early 2017. He is an LPIC-1 and SUSE Certified Linux Administrator, and holds a number of certifications, including ComTIA Linux+ and A+.

      Diego and Fabian will be answering questions live during both sessions.

      To join the live Tech Talk, register here for the session of your choice.



      Source link