Originally published on my personal blogAs you browse the web, you've likely come across this type of layout before. It can be called a bento grid layout, bento box layout, or bento box grid. This layout takes its inspiration from the traditional Japanese bento box. 🍱Bento grids are super versatile, perfect for displaying all sorts of content like images, text, mixed media, and more. They showcase loads of content in a compact and organized way, making your website or app look clean and engaging.      Trends and examplesSome people say that it start with Windows 8 and the metro design.However, the true trendsetter in recent times is Apple.They've been using bento grid layouts extensively in their video presentations and on their website, making it a popular design choice.Apple 14Apple 14If you're looking for design inspiration you can check bentogrids. It's a curated collection showcasing the best bento grid layouts on the web.      Building a Bento Grid: Step-by-Step CodeThere are co

Creating Bento Grid Layouts with CSS (Tailwind CSS). Alternatively, you can use a full height and let the children components set the card height. Here is what you can do to flag ibelick:

DEV Community

Threat actors have been leveraging fake websites advertising popular video conferencing software such as Google Meet, Skype, and Zoom to deliver a variety of malware targeting both Android and Windows users since December 2023."The threat actor is distributing Remote Access Trojans (RATs) including SpyNote RAT for Android platforms, and NjRAT and DCRat for Windows systems," Zscaler ThreatLabz researchers said.The spoofed sites are in Russian and are hosted on domains that closely resemble their legitimate counterparts, indicating that the attackers are using typosquatting tricks to lure prospective victims into downloading the malware.They also come with options to download the app for Android, iOS, and Windows platforms. While clicking on the button for Android downloads an APK file, clicking on the Windows app button triggers the download of a batch script.The malicious batch script is responsible for executing a PowerShell script, which, in turn, downloads and executes the remote access trojan.Currently, there is no evidence that the threat actor is targeting iOS users, given that clicking on the button for the iOS app takes the user to the legitimate Apple App Store listing for Skype."A threat actor is using these lures to distribute RATs for Android and Windows, which can steal confidential information, log keystrokes, and steal files," the researchers said.The development comes as the AhnLab Security Intelligence Center (ASEC) revealed that a new malware dubbed WogRAT targeting both Windows and Linux is abusing a free online notepad platform called aNotepad as a covert vector for hosting and retrieving malicious code.It's said to be active from at least late 2022, targeting Asian countries like China, Hong Kong, Japan, and Singapore, among others. That said, it's currently not known how the malware is distributed in the wild."When WogRAT is run for the first time, it collects basic information of the infected system and sends them to the C&C server," ASEC said. "The malware then supports commands such as executing commands, sending results, downloading files, and uploading these files."It also coincides with high-volume phishing campaigns orchestrated by a financially motivated cybercriminal actor known as TA4903 to steal corporate credentials and likely follow them with business email compromise (BEC) attacks. The adversary has been active since at least 2019, with the activities intensifying post mid-2023."TA4903 routinely conducts campaigns spoofing various U.S. government entities to steal corporate credentials," Proofpoint said. "The actor also spoofs organizations in various sectors including construction, finance, healthcare, food and beverage, and others."Attack chains involve the use of QR codes (aka quishing) for credential phishing as well as relying on the EvilProxy adversary-in-the-middle (AiTM) phishing kit to bypass two-factor authentication (2FA) protections.Once a target mailbox is compromised, the threat actor has been observed searching for information relevant to payments, invoices, and bank information, with the ultimate goal of hijacking existing email threads and performing invoice fraud.Phishing campaigns have also functioned as a conduit for other malware families like DarkGate, Agent Tesla, and Remcos RAT, the last of which leverages steganographic decoys to drop the malware on compromised hosts.State of AI in the Cloud 2024Find out what 150,000+ cloud accounts revealed about the AI surge.Goodbye, Atlassian Server. Goodbye… Backups?Protect your data on Atlassian Cloud from disaster with daily backups and on-demand restores.Take Action Fast with Censys Search for Security TeamsStay ahead of advanced threat actors with best-in-class threat intelligence from Censys Search.Find out what 150,000+ cloud accounts revealed about the AI surge.From Humans to Bots: Every Identity in Your SaaS App Could Be a Backdoor for Cybercriminals.Learn how to protect your innovations from emerging security threats with expert advice.Sign up for free and start receiving your daily dose of cybersecurity news, insights and tips.

Watch Out for Spoofed Zoom, Skype, Google Meet Sites Delivering Malware. Once a target mailbox is compromised, the threat actor has been observed searching for information relevant to payments, invoices, and bank information, with the ultimate goal of hijacking existing email threads and performing invoice fraud

The Hacker News

Watch Out for Spoofed Zoom, Skype, Google Meet Sites Delivering Malware

While many entrepreneurs are currently facing the harsh reality of a VC funding crunch, Qonto isn’t one of them. The Paris-based business banking startup still has hundreds of millions of cash on hand. And it is using an undisclosed portion of its cash reserve to acquire Regate, an accounting and financial automation platform.Qonto originally started with online business accounts with debit cards specifically tailored for small and medium businesses. Over time, the company expanded its product offering to include invoicing tools, features to manage expenses and plenty of integrations with the fintech ecosystem to facilitate bookkeeping, payment reconciliation, etc.And that modern take on business banking has worked surprisingly well as more than 450,000 companies now have a Qonto account. While France remains Qonto’s main market, the company also acquired its German competitor Penta — and moved Penta’s customers to its own platform — and is also available in Italy and Spain.In 2022, near the peak of the funding frenzy of 2021 and 2022, the company raised a massive €486 million Series D funding round (that’s $529 million at today’s exchange rate). Now, Qonto wants to deliver on its original vision of building an all-in-one finance solution for small and medium businesses.As part of this vision, Qonto is acquiring Regate, a French startup we covered after it raised a €20 million Series A round ($22 million at today’s exchange rate). Regate is an accounting automation software-as-a-service startup.It integrates directly with existing accounting software platforms like Sage, Cegid and ACD so that Regate can focus on financial automation. Regate customers can easily track incoming payments, schedule payments to suppliers, sort through invoices and receipts, and even access their bank accounts from Regate’s interface.Since 2020, Regate managed to attract 10,000 clients — 6,000 of them are already Qonto customers. The company also sells its product to accounting firms directly with 500 firms using Regate.It’s a different go-to-market strategy and product philosophy compared to Pennylane, a newly minted French unicorn that wants to replace legacy accounting software entirely. Pennylane itself now also provides business bank accounts and moving into Qonto’s main product territory.“We have grown our revenue by 3x in 2023,” Regate co-founder Laura Pallier told TechCrunch. But when Qonto approached Regate, they decided to sell the company to reach the next level. “We had a rather intense discussion on the subject . . . We’re convinced that the cockpit approach — with a tool that works for both SMEs and their accountants — makes a lot more sense than multiple products.”With today’s acquisition, Regate’s team of 100 employees will all join Qonto’s current 1,400-people staff under a new business unit focused on financial tools for accountants. At first, there will be new integrations between both platforms.After a while, Regate will be integrated in Qonto directly to improve several accounting automation features of Qonto, such as invoicing, accounts payables, accounts receivables, etc. As for accounting firms, they’ll also act as a new sales channel for Qonto.“The idea is that these two platforms will gradually become one. But it’s going to be a gradual process, and we’ll always be very careful to maintain the customer experience for both corporate clients and accounting firms,” Pallier said.While Regate’s acquisition is only the second acquisition in Qonto’s history, it’s most likely not the last one. In part because its executives are happy with how Penta’s integration went, but also because of its current opportunity window.“We happen to have a planetary alignment. It would be a professional mistake not to look [at potential acquisitions]. We’re not the best at everything. So we should also stay humble and work with experts in their respective fields,” Qonto co-founder and president Steve Anavi told TechCrunch at Mobile World Congress in Barcelona last week.“We have an in-house team that looks at opportunities. In the best-case scenario, we sign a deal. But even in the worst-case scenario, we can become partners because we’ve learned to know each other a little bit better over a very short process,” he added.Qonto finds itself in a different position from Payfit, another French unicorn (or former unicorn) that provides a software-as-a-service tool focused on payroll. Yesterday, Les Échos reported that Payfit plans to lay off 14% of the company, or 110 employees.Why are things looking better for Qonto? “We have a healthy business model. It means that when we acquire a customer, after a few months it’s a profitable customer. This is mainly because they pay — we don’t have any free offering. So, compared to a lot of fintech companies or startups in general that have a free offering and then try to upsell customers, we haven’t made that choice,” Qonto co-founder and CEO Alexandre Prot told TechCrunch.“The second element is that we raised a very large amount of money two years ago. And we were a bit lucky because the timing was right,” he added. Finally, rising interest rates have also created a new revenue stream for the company. And given Qonto’s scale, the company is handling very large sums of money on behalf of its customers.For these reasons, Qonto has plenty of cash to spend on acquisitions. As many fintech startups are struggling to raise a new funding round, Qonto could become a consolidator in the space. And we might be at the beginning of this consolidation phase.

Flush with cash, French fintech unicorn Qonto acquires Regate | TechCrunch. While France remains Qonto’s main market, the company also acquired its German competitor Penta — and moved Penta’s customers to its own platform — and is also available in Italy and Spain

TechCrunch

Flush with cash, French fintech unicorn Qonto acquires Regate

Posted on Mar 7                      • Originally published at czetsuyatech.com                   In this article, we will explore different techniques for finding the optimal hyperparameter values from a given set of parameters in a grid. Particularly we will look at RandomizedSearchCV, GridSearchCV, and BayesSearchCV.In this blog you will learn:Machine: Laptop Processor: AMD Ryzen 7 OS: Windows DataFrame Shape: (7282, 17)Templates let you quickly answer FAQs or store snippets for re-use.        Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.      Hide child comments as well                  Confirm              For further actions, you may consider blocking this person and/or reporting abuse              Corbin Crutchley - Mar 4                          Mila Wu - Mar 4                          Stefano Lottini - Mar 4                          Atul Kushwaha - Mar 4                  DEV Community — A constructive and inclusive social network for software developers. With you every step of your journey.    Built on Forem — the open source software that powers DEV and other inclusive communities.Made with love and Ruby on Rails. DEV Community © 2016 - 2024.          We're a place where coders share, stay up-to-date and grow their careers.

Hands-On Coding: Exploring Hyperparameters for Programmers. In this blog you will learn:Machine: Laptop

Hands-On Coding: Exploring Hyperparameters for Programmers

Posted on Mar 7                      • Originally published at phuoc.ng                   Here's what we'll cover:The macOS Calculator app is a simple but powerful tool that has been included with every Mac for many years. It lets you do basic arithmetic functions like addition, subtraction, multiplication, and division. The app's interface is clean and user-friendly, which makes it a go-to tool for anyone needing quick calculations.In this post, we'll explore how to create a macOS calculator layout using HTML and CSS. To make it fully functional, we'll need JavaScript to implement the real calculator. But we'll skip this part and focus solely on creating the layout.Before we get into the details, here's the final layout we'll be creating:The calculator is constructed using various elements, including a div element to display the result and several buttons that allow users to interact with it.It's all pretty straightforward. We've added div and button elements in the order they appear on the calculator, from top to bottom and left to right.The result element has the calculator__result class, while all the buttons have the calculator__key class.Let's talk about how to create a grid layout for our calculator. Imagine the calculator as a grid of 4 columns and 6 rows. To make this happen, we use the display: grid property which sets the root element as a grid container. Then, we can define the number of columns and rows in our grid using grid-template-columns and grid-template-rows.To keep things simple, we use the repeat() function to set up our grid without having to manually specify each column or row. In this case, we want a grid with 4 columns, each with a width of 4rem, and 6 rows, each with a height of 4rem. This creates a neat and uniform grid where each cell has equal dimensions.Here are the CSS styles we apply to the root element of the calculator:Let's take a closer look at the result element in our calculator layout. This is the big box at the top that shows all the calculations. We make it take up the whole first row of the layout using a special CSS property called grid-column. Remember how we talked about grid-column-start and grid-column-end in our previous post? Well, we set grid-column to 1/5. This means the element starts at column 1 and ends at column 5, effectively covering the whole top row of the layout.With this one simple CSS trick, the result element now dominates the top row of our calculator layout.Next, let's talk about the special button that allows users to enter the number zero. This button takes up two cells in our grid. To make it span two columns, we use the grid-column property to position it. We add a new CSS class with the declaration grid-column: 1 / 3; to style the zero button and set its position in the grid layout.To align the result element to the right of its cell, we can use the justify-content property with a value of end. This will push the contents of our result element to the right. We can also set the align-items property to center and add some padding to the right side using the padding-right property, to make it look more visually pleasing. Depending on the font size, you may need to manually adjust the padding-right value.By using these declarations, we have aligned the result element to the right side of its cell while keeping it centered vertically.To make our buttons look sleek and professional, we need to center their content. Luckily, we can easily achieve this with CSS flexbox. By adding display: flex to our .calculator__key CSS class, we can turn each button into a flex container. This allows us to use align-items and justify-content properties to align the content of our buttons both horizontally and vertically.In this case, we want to center the text inside each button. To do this, we simply add the following declaration to our .calculator__key CSS class:By making these declarations, the content of all our buttons will now be centered both horizontally and vertically within their respective cells in the grid layout.To make the calculator look like the real deal, we can change the background and text colors of the result and buttons. It's a simple fix. Here's an easy implementation using the background property to adjust the background color of these elements:Check out the demo below:In this post, we explored how to create a macOS-style calculator layout using HTML and CSS. We learned how to use the grid-template-columns and grid-template-rows properties to define the number of columns and rows in our grid layout.Additionally, we discovered how to use the grid-column property to adjust the placement of a grid item. By using align-items, justify-content, and display properties with flexbox, we were able to align the content of our buttons both horizontally and vertically.As you can see, the macOS calculator layout is just one example of the many amazing things that can be achieved with CSS grid.If you found this series helpful, please consider giving the repository a star on GitHub or sharing the post on your favorite social networks 😍. Your support would mean a lot to me!If you want more helpful content like this, feel free to follow me:Templates let you quickly answer FAQs or store snippets for re-use.        Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.      Hide child comments as well                  Confirm              For further actions, you may consider blocking this person and/or reporting abuse              Joseph - Feb 17                          Pieces 🌟 - Mar 1                          Raza - Feb 21                          Siddhartha Mishra - Feb 18                  DEV Community — A constructive and inclusive social network for software developers. With you every step of your journey.    Built on Forem — the open source software that powers DEV and other inclusive communities.Made with love and Ruby on Rails. DEV Community © 2016 - 2024.          We're a place where coders share, stay up-to-date and grow their careers.

Create a macOS calculator layout. Before we get into the details, here's the final layout we'll be creating:. To align the result element to the right of its cell, we can use the justify-content property with a value of end.. Additionally, we discovered how to use the grid-column property to adjust the placement of a grid item.

Create a macOS calculator layout

Posted on Mar 7                  Hey there fellow devs! We all know that in the world of software development, productivity is key. Whether you're slinging code on the backend or crafting pixel-perfect UIs on the frontend, finding ways to get more done in less time is a universal goal. So, let's dive into some informal productivity tips that can help you supercharge your workflow, whether you're tinkering with databases or wrangling CSS.Backend Bliss: Making the Most of Your TimeAutomate All the Things: Don't waste time on repetitive tasks. If you find yourself doing something more than once, it's time to automate it. Whether it's setting up deployments with CI/CD pipelines or automating database migrations, automation can save you loads of time and effort.Use the Right Tools: Every backend dev has their favorite tools, whether it's an IDE, a database management tool, or a debugging tool. Find the tools that work best for you and stick with them. Don't be afraid to try new tools, but don't get bogged down in tool paralysis Know Your Services Inside and Out: Whether you're working with AWS, Google Cloud, or your own custom services, take the time to really understand how they work. Knowing the ins and outs of your services can help you troubleshoot issues faster and build more robust applications.Stay Organized: Keep your codebase clean and well-organized. Use consistent naming conventions, modularize your code, and comment liberally. A well-organized codebase is easier to navigate and maintain, saving you time and headaches in the long run.Frontend Finesse: Navigating the Wild World of Web DevelopmentMaster Your Framework: Whether you're a React junkie, an Angular aficionado, or a Vue virtuoso, take the time to really master your chosen frontend framework. Learn all the ins and outs, explore the latest features, and stay up-to-date with best practices.Stay Lean and Mean: Keep your frontend codebase lean and mean. Avoid bloat and unnecessary dependencies, and optimize your code for performance. Remember, every line of code you write is a potential source of bugs, so keep it simple and focused.Embrace CSS Like a Boss: CSS can be a beast, but don't let it intimidate you. Embrace the power of CSS preprocessors like Sass or Less, and explore the latest CSS frameworks and techniques. With the right tools and know-how, you can tame even the wildest of stylesheets.Test, Test, and Test Some More: Don't skimp on testing. Whether you're writing unit tests, integration tests, or end-to-end tests, testing is crucial for ensuring the reliability and stability of your frontend code. Embrace testing as a core part of your development process, and you'll thank yourself later.So there you have it, folks! Some informal productivity tips to help you crush it on both the backend and frontend. Whether you're automating deployments, mastering your favorite frontend framework, or wrangling unruly CSS, these tips can help you stay focused, efficient, and productive. So go forth and code like the wind, my friends!Templates let you quickly answer FAQs or store snippets for re-use.very nice article 😊 short, to the point, and while most of these may seem like common sense, you’d be amazed how often they aren’t used so all are worth stating! keep up the good work, mate!         Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.      Hide child comments as well                  Confirm              For further actions, you may consider blocking this person and/or reporting abuse              Scofield Idehen - Feb 20                          Marcus Ahlfors - Feb 7                          Web Genius - Feb 6                          MK - Feb 6                  DEV Community — A constructive and inclusive social network for software developers. With you every step of your journey.    Built on Forem — the open source software that powers DEV and other inclusive communities.Made with love and Ruby on Rails. DEV Community © 2016 - 2024.          We're a place where coders share, stay up-to-date and grow their careers.

Getting Stuff Done: Productivity Tips for Backend and Frontend Devs. Frontend Finesse: Navigating the Wild World of Web DevelopmentMaster Your Framework: Whether you're a React junkie, an Angular aficionado, or a Vue virtuoso, take the time to really master your chosen frontend framework.