Community Picks·2y3D in CSS
Learn how to use 3D effects in CSS to create depth and perspective in web design. The 'perspective' property enables a 3D space for child elements, while 'translate3d' and 'rotate3d' are used to move and rotate elements in the 3D space. Using 3D effects can provide more screen real estate and enhance user experience.
Community Picks·2yI 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.
daily.dev·2yScaling a side project: The story of daily.dev
daily.dev started as a side project and evolved into a company with over 20 people serving a user base in the hundreds of thousands. They used technologies like React, Node.js, PostgreSQL, and Google App Engine in their initial development. They generated revenue through ads, partnering with developers-oriented ad networks. They also launched a web app using Next.js. They hired an engineering team, migrated to Kubernetes, and embraced Pulumi for infrastructure management. They built their own analytics solution using Go, Google Pub/Sub, and BigQuery. The feed was personalized in real-time using Tinybird and ClickHouse. The content pipeline was later migrated to Temporal. The backend team primarily used Go as the standard language. Automation, documentation, and DevOps were emphasized for consistent developer experience.
asayer·3ySEO Basics for Web Developers
Learn SEO basics for web developers to improve website visibility in search engine rankings. Understand important SEO fundamentals, including website loading time, redirects, sitemaps, mobile responsiveness, implementing structured data, user-friendly URLs, and website security. Integrating SEO in website development offers benefits such as high-quality traffic, boosted credibility, impressive ROI, and targeting the marketing funnel.
ByteByteGo·3yEP80: Explaining 8 Popular Network Protocols in 1 Diagram
The article explains 8 popular network protocols, including HTTP, HTTP/3, HTTPS, WebSocket, TCP, UDP, SMTP, and FTP. It also discusses the architecture of Docker and the evolution of message queue architectures from IBM MQ to RabbitMQ, Kafka, and Pulsar. Additionally, it provides an overview of different types of databases, including relational DB, OLAP DB, and NoSQL DBs.
Community Picks·3yThe Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()
CSS now comes with a utility function named light-dark(). This function allows you to change a color value based on whether Light Mode or Dark Mode is being used. It is an intermediary step towards a final solution for responding to different color schemes.
DEV·3yThe Roadmap to Web Dev Mastery (Best Resources)
Learn about the complexities of today's web development landscape, including frameworks and libraries. Acquire skills for free through resources and avoid critical mistakes. Grasp the workings of a website, delve into front-end mastery with HTML, CSS, and JavaScript, optimize workflow with JavaScript frameworks, build a portfolio, and explore back-end mastery. Bright Data provides a valuable tool for accessing web data.
David Heinemeier Hansson·3yWe tried that, didn’t work
The article discusses the 'we tried that, didn't work' fallacy and emphasizes the importance of not letting unsuccessful attempts deter progress. It highlights the success of building fast, modern web applications using the #NoBuild JavaScript approach, refuting the notion that it leads to slow applications. The author encourages testing priors, questioning assumptions, and embracing the progress happening now.
AWS Tip·2yUsing Nginx as an API Gateway
This article explores how Nginx can be used as an API Gateway to manage and direct incoming requests to different microservices. It explains the role of Nginx as a reverse proxy and load balancer, as well as the benefits of using an API Gateway. The article also covers topics such as routing, caching, rate limiting, and API key authentication.
ITNEXT·3yFull stack WebPageForm builder, NextJs, Typescript ( React ), Dnd-Kit, PostgreSQL, Prisma
A tutorial on building a full stack PageForm builder using NextJs, TypeScript, Dnd-Kit, PostgreSQL, and Prisma. The tutorial includes features such as a drag and drop designer, various form fields, form preview, form sharing, form stats, and more.
habr·3yReact + Three.js. Creating your own 3D shooter. Part 1
This article explores the integration and features of React Three Fiber, a library that combines React and Three.js for creating 3D graphics on the web. It discusses the advantages of using React Three Fiber, the relevance of web game development, and performance aspects to consider. The article provides a step-by-step guide on setting up the project, customizing the Canvas display, adding a floor surface, lighting, physics, camera movement, importing 3D models, enabling shadows, and adding animation. The next part of the article will cover further improvements to the game.
freeCodeCamp·2yBuild an AI Chatbot with the MERN Stack
Learn how to build an AI chatbot with the MERN Stack in a comprehensive course on the freeCodeCamp.org YouTube channel. The course covers topics such as creating a robust user authentication system, storing user chats securely in MongoDB, and integrating OpenAI with the MERN stack app.
SD Times·2yNext.js 14 is now officially available, with addition of Server Actions and Partial Prerendering features
Next.js 14 introduces significant performance improvements, including faster local server startup and code updates. It also includes Server Actions for data mutations and Partial Prerendering for handling dynamic content. Vercel has also launched a new course on Next.js Learn.
builder.io·2yA Guide to Choosing the Best Jamstack CMS
Jamstack is a modern web development architecture that emphasizes performance, security, and an enhanced developer experience. It combines client-side JavaScript, reusable APIs, and prebuilt Markup. Traditional CMSs lack flexibility for delivering content across emerging technologies, while headless CMSs separate content creation and display layers. Jamstack offers benefits such as faster builds, enhanced security, SEO advantages, and easier collaboration between developers and non-technical users. When choosing a Jamstack CMS, flexibility, a modern developer experience, and editorial workflow capabilities are important factors to consider.
