Best of Web DevelopmentMarch 2023

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    JavaScript One-Liners to Use in Every Project

    Learn essential one-liners in JavaScript for tasks like capitalizing text, calculating percent, getting a random element, removing duplicates, sorting elements, checking equality, counting occurrences, waiting for a certain time, plucking property from an array of objects, and inserting an element at a certain position.

  2. 2
    Article
    Avatar of communityCommunity Picks·3y

    Discover three.js!

    Discover three.js is a tutorial series that introduces the web as a platform for 3D graphics using the three.js WebGL library. It covers everything you need to start creating professional-quality 3D web applications and provides live code examples and clear diagrams.

  3. 3
    Article
    Avatar of hnHacker News·3y

    Introducing react.dev – React

    Introducing react.dev, the new home for React and its documentation. The new site teaches modern React with function components and Hooks. It includes diagrams, illustrations, challenges, and over 600 new interactive examples. The previous React documentation site has now moved to legacy.reactjs.org.

  4. 4
    Article
    Avatar of builderiobuilder.io·3y

    Become a CSS Grid wizard with grid-template-areas

    Learn how to use grid-template-areas in CSS Grid to easily describe complex layout, reorder elements, create 2D grids, and stretch elements. Discover important rules to follow and the use cases of CSS Grid and grid-template-areas.

  5. 5
    Article
    Avatar of communityCommunity Picks·3y

    CSS Nesting is now available with Vanilla CSS

    CSS Nesting simplifies the CSS structure, improves code readability, and is compatible with Vanilla CSS.

  6. 6
    Article
    Avatar of syncfusionSyncfusion·3y

    CSS Flex: What Every Developer Should Know

    Learn about the flexbox layout module and how it can help you design and build responsive webpages without using positioning and float properties. Understand the key terms and properties of flex containers and flex items. Discover the pros and cons of using flexbox.

  7. 7
    Article
    Avatar of communityCommunity Picks·3y

    A (more) Modern CSS Reset

    A modern CSS reset that provides a base for starting projects. It includes rules for box sizing, font size, margins, list styles, line heights, and more. The reset is customizable and can be adjusted to fit individual needs.

  8. 8
    Article
    Avatar of tilThis is Learning·3y

    Do you know JavaScript?

    JavaScript has some weird and unexpected behaviors, such as the result of adding 0.1 and 0.2 not being equal to 0.3. Floating point numbers in JavaScript are represented in a way that causes these inconsistencies.

  9. 9
    Article
    Avatar of notedNoted·3y

    Maximize Your Workflow with Self-Hosted IT-Tools Collection for Developers

    Boost your efficiency with the streamlined tools in IT-Tools. A curated collection for developers that simplifies tasks, includes a QR code generator, and can be installed with Docker.

  10. 10
    Article
    Avatar of devtoDEV·3y

    5 tips to become better at CSS

    Tips to improve your CSS skills, including understanding the box model, canceling out margins, and using tables for styling tables.

  11. 11
    Article
    Avatar of communityCommunity Picks·3y

    5 Ways to Modernize a Web Application

    Explore 5 different ways to modernize a web application, including using composable software, micro frontends, updating the design/CSS, breaking down a monolith into microservices, and utilizing serverless functions. These techniques can help improve scalability, maintainability, and performance.

  12. 12
    Article
    Avatar of communityCommunity Picks·3y

    What I learned after reviewing over 40 developer portfolios - 9 tips for a better portfolio

    Learn 9 tips for building a better developer portfolio, including defining its purpose, highlighting skills and projects, making design decisions, keeping it simple, and optimizing performance.

  13. 13
    Article
    Avatar of phProduct Hunt·3y

    Awesome portfolio - Product Information, Latest Updates, and Reviews 2024

    Generate your own portfolio website in under 5 minutes with Awesome portfolio. No more CSS headaches. Recent launches and pro tips available.

  14. 14
    Article
    Avatar of mlnewsMachine Learning News·3y

    Best AI Tools for Web Designers (2023)

    The post explores various AI tools that can be used by web designers to enhance their workflow and create stunning designs. It highlights tools like Adobe Express, Colormind, Khroma, Vance AI, Stable Diffusion, Dall-E, Midjourney, ChatGPT Prompts, Designs AI, Zyro, Uizard, Sketch to Code, Sensei by Adobe, Fronty, Playground by TeleportHQ, Zecoda, and Artyline.

  15. 15
    Article
    Avatar of communityCommunity Picks·3y

    13 Open Source Headless CMS You Should Consider for Your Next Project

    Learn about headless content management systems (CMS) and discover 13 open-source platforms to consider for your next project. These CMS offer flexibility, enhanced security, scalability, and more. Explore popular options like Strapi, Ghost, Directus, and Netlify CMS, among others.

  16. 16
    Article
    Avatar of chromeChrome Developers·3y

    New in Chrome 111

    Chrome 111 brings new features for developers, including the View Transitions API for creating smooth transitions in single page apps, support for CSS Color Level 4 which offers more colors to choose from, and new color devtools features.

  17. 17
    Article
    Avatar of awstipAWS Tip·3y

    Building Scalable and Secure Web Applications with Three-Tier Architecture on AWS

    Building Scalable and Secure Web Applications with Three-Tier Architecture on AWS is a popular solution that divides an application into three layers: presentation, application, and database. This article will discuss the benefits of using three-tier architecture on AWS and provide a step-by-step guide on implementing it.

  18. 18
    Article
    Avatar of phProduct Hunt·3y

    ChatGPT Tailwind components - Product Information, Latest Updates, and Reviews 2024

    ChatGPT Tailwind components allow users to generate and customize Tailwind CSS templates and components to quickly create websites. The post also highlights recent launches and provides expert pro tips.

  19. 19
    Article
    Avatar of faunFaun·3y

    Nodejs Framework | Express vs Nestjs: Which One Will Work Best for Your Project?

    Comparing Express and Nestjs frameworks for Node.js development, highlighting their features, performance, and community support.

  20. 20
    Article
    Avatar of phProduct Hunt·3y

    GitHub - Product Information, Latest Updates, and Reviews 2024

    GitHub is a popular platform for source control and collaboration. Recent launches include the Shopify Store Traffic API and the micro-gl library for computing vector graphics without GPU. The platform also offers pro tips for users to enhance their experience.

  21. 21
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Learn Web Development from Harvard University (CS50 Web)

    Learn web programming with Python and JavaScript from Harvard University's CS50's Web Programming course. Topics include HTML, CSS, Git, Python, Django, SQL, JavaScript, user interfaces, testing, scalability, and security. Watch the full course on the freeCodeCamp YouTube channel.

  22. 22
    Article
    Avatar of communityCommunity Picks·3y

    What is Tailwind Theming and How to use it in 2024

    Tailwind Theming allows developers to create custom designs that match the branding of their projects. By customizing the default styles provided by Tailwind, developers can create unique and functional designs that are visually appealing and easy to use.

  23. 23
    Article
    Avatar of honeypotHoneypot·3y

    Astro: How Good Is the New JavaScript Framework?

    Astro is a new JavaScript multi-page application framework that aims to make content-focused websites faster. It uses an Island Architecture to prioritize interactivity and lazy loads client-side JavaScript. Astro is suitable for content-focused websites with minimal client interactions.

  24. 24
    Article
    Avatar of communityCommunity Picks·3y

    Freebie: Animated website header generator

    A free tool to quickly create animated website headers with countless combinations. Lightweight JS script (2Kb gzipped) that can be used in any project.

  25. 25
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Learn React 18 with Redux Toolkit

    Learn React 18 with Redux Toolkit through a comprehensive video course on the freeCodeCamp.org YouTube channel. The course covers React development, folder structure, components, props, events, forms, hooks, context API, performance, and Redux Toolkit.