Ahmad Shadeed·3yNew Viewport Units
New Viewport Units - Ahmad Shadeed We have been using CSS viewport units since 2012. They are useful to help us in sizing elements based on the viewport width or height. But using the unit on mobile is buggy. The reason is that viewport size won’t include the browser’s address bar UI.
Community Picks·3yI quit Google Chrome after 15 years: Here’s where I ended up and why
Laptop Mag: I quit Google Chrome after 15 years and decided it was time to take a break from Google Chrome. Chrome is impressively intuitive and well laid out — something that not every browser can wear as a badge of pride. The last week and change have been an eye-opener of sorts.
This is Learning·3yChrome Debugger is easier to use than you might think
Chrome Debugger is easier to use than you might think - DEV Community Please, don't tell me you’re still using to debug your application. If you never used a debugger, imagine being able to run the code line by line, where you can see all values of your variables at any given time.
Community Picks·3yJavaScript is getting array grouping methods
The new methods are part of a TC39 proposal that is currently at stage 3. Chrome 117 just launched with support for these new methods, Firefox Nightly has implemented them behind a flag. The methods are in Chrome that means they have been implemented in V8 so will be available in Node the next time V8 is updated.
Visual Studio Blog·3yVisual Studio UI Refresh
The Microsoft Fluent design language provides a unified framework to create and deliver more productive, consistent, and accessible applications. The current visual language (which hasn’t been updated since Visual Studio 2012) has limitations for many customers. The new UI updates focus on three main pillars: cohesiveness, accessibility, and productivity.
ByteByteGo·3yEP73: Cheat sheet of different databases in cloud services
For the fifth year, the State of the API Report is the world's largest and most comprehensive survey and report on APIs. More than 40,000 developers and API professionals have shared their thoughts on development priorities, their API tools, and where they see APIs going.
GitHub Blog·3yHow I used GitHub Copilot to build a browser extension
For the first time ever, I built a browser extension and did it with the help of GitHub Copilot. I’ve built a rock, paper, scissors game with GitHub Cop Pilot but never a browser Extension. I wanted to create steps that anyone could easily replicate when building this extension, or any other extension.
Chrome Developers·3yWhat's new in CSS and UI: I/O 2023 Edition
What's new in CSS and UI: I/O 2023 Edition - Chrome Developers. What’s new inCSS andUI: I-O 20 23 Edition. The past few months have ushered in a golden era for web UI. New platform features let you build logical interfaces with components that own their responsive styling information.
Community Picks·3yThe new @font-face syntax
The new @font-face syntax has also been supported since Safari 17, Firefox 106 and Chrome 108. The new syntax looks like this: What’s changed? Instead of using strings, we use keywords. There are certain technical capabilities of fonts that the file type alone doesn't tell us.
Hacker News·3yMicrosoft is now injecting full-size ads on Chrome website to make you stay on Edge
Microsoft is injecting full-size ads on the Chrome website to encourage users to stay on Edge. They use aggressive methods and throw shade at Chrome, claiming the added trust of Microsoft. Although Google promotes Chrome, they only show banners on their own websites.
freeCodeCamp·3yThe Ultimate Guide to High Performance WordPress
This guide combines over 20 years of experience of fine-tuning servers, CDNs, and website code to deliver high performance WordPress sites. This guide was put together by the team at InMotion Hosting. They offer web hosting, servers, and cloud WordPress hosting.
asayer·3yAn introduction to debugging in Node.js
Node.js is a popular JavaScript runtime with the same V8 engine used in Google’s Chrome browser. It has become increasingly popular for creating server-side web applications, build tools, command-line apps, and more. This article will set things right by giving you all you need to debug your code.
Chrome Developers·3yAstro View Transitions
Astro View Transitions is a JavaScript web framework that server-renders your UI components to lightweight HTML for faster page load performance. Astro could provide the same routing features that JavaScript-heavy SPA web frameworks offered, but without the performance and complexity overhead of client-side routing. Astro intentionally moves as much work off the client.
80 LEVEL·3yChrome Launches WebGPU
Google Chrome has released WebGPU for high-performance 3D graphics and data-parallel computation on the web. It is available in ChromeOS devices with Vulkan support, Windows devices with Direct3D 12 support, and macOS. The Chrome team also plans to provide deeper access to shader cores for more machine learning optimizations.
Chrome Developers·3yWhat's New In DevTools (Chrome 110)
DevTools in Chrome 110 introduces various updates and improvements. The Performance panel now clears the screenshot and trace on reload, providing a better measurement start. The Recorder now offers split code view, customization of selector types, and the ability to edit user flow during recording. The Sources panel has improved syntax highlighting and inline previews for Vue, SCSS, and more. Autocomplete in the Console is now more ergonomic and consistent. Other highlights include automatic in-place pretty print, better syntax highlighting, and various fixes.
Community Picks·3yA quick introduction to CSS @scope
CSS Scope is shipping with Chrome 118, which gets a stable release this October. It's an upcoming way to scope the reach of your CSS selectors. It allows you to move away from methodologies such as BEM because you no longer need to name those in-between elements.
Chrome Developers·3yNew in Chrome 110
Chrome 110 introduces the `:picture-in-picture` pseudo class for customizing picture-in-picture elements, the launch_handler manifest member for controlling web app launch behavior, and the `credentialless` attribute for embedding third-party iframes without cross-origin headers. Other highlights include the removal of Web SQL in non-secure contexts and new features like the `initial-letter` CSS property and the `remove()` method in FileSystemHandle.
LambdaTest·3ySelenium Manager in Selenium 4.11.0: New Features and Improvements
Selenium Manager in Selenium 4.11.0: New Features and Improvements. Selenium manager is a binary tool generated using Rust that provides automated driver management for Google Chrome, Mozilla Firefox, Microsoft Edge, and Microsoft Edge. It is still in Beta; it is becoming a relevant component of Selenium.
Chrome Developers·3yWhat's New in DevTools (Chrome 111)
DevTools introduces new tools to help developers create, convert, and debug High Definition color. The Styles pane now supports 12 new color spaces and 7 new gamuts. DevTools also supports converting colors between different formats. The Breakpoints pane has been enhanced with quick access to commonly used features.
