SPW 112: Pagination with HTML, CSS and JavaScript, TypeScript 5.2, and more!

SitePoint's weekly guide to the world of web dev and design. [View in browser](=.UtBlEl8oNwQCqp4-hsvgNtLmNNgZqt18bPU55-7K58M) [SitePoint Weekly Logo] Issue #112 • August 2023 This week: pagination with HTML, CSS and JavaScript, TypeScript 5.2, migrating from Webpack to Vite (and why you should), and more! Yemi Ojedapo [How to Implement Pagination with HTML, CSS and JavaScript](=.3jypXKN79pEYQ-qD-85PPsE2T7Bq8n98ezpabgyVQwk) On the Web, pagination is a way to break up large pieces of content into more bite-sized pieces. In this article, we’ll look at a simple way to divide content into a series of “pages” using HTML, CSS and vanilla JavaScript. Although pagination can be implemented using frameworks such as React and Angular, the aim of this article is to provide a straightforward, step-by-step guide to setting up pagination, so that we can understand the basic concepts involved. [Read Now](=.Gi9x52wdEeJjAVDkM-geibbBzCb7_ke12Yg5BNdhfoM) [Cloudways Logo](=.7gi6kQl-nT-tGd_8JvJcS4vHh1nD2ypL6hJdR3rZFfU) Get 25% off with SPOINT25 [Unleash the Power of Managed Cloud Hosting](=.ygjXGk4NuIRdB7XLOc5A_FnJJqbjUepwzfjIIUHUUSM) Save time & money with simple and reliable cloud hosting trusted by 80,000+ agencies, developers, and businesses. Use our super special discount code spoint25 to get 25% off for 3 months. [Save 25% Now](=.R658GCUZnZM-odJLm8_IYdy0KFgQehXeNs--AXgO1mc) 🗞️ From Around The Web [TypeScript 5.2 is released](=.wJWrvuEWOgcTtfEAea_vYUJOORDy1SfUjZ_f9iS2sOg) TypeScript 5.2 is out, with a bunch of nice new features, including decorator metadata, named and anonymous tuple elements, easier method usage for unions of arrays, and quite a bit more! Daniel Rosenwasser [Microsoft is bringing Python to Excel](=.FRgXECjwMmk_AdXOM-MaVRotl3VBttx0m2t2JJVYkAs) Microsoft thas announced the public preview of Python in Excel, which will allow advanced spreadsheet users to combine scripts in Python and their usual Excel formulas in the same workbook -- big news for those of us who are familiar with Python and stil have to use Excel! Techcrunch 🍅Fresh SitePoint Content [View all](=.OcGtXaFNKhhuGcdKScNyqe2OiwjI57-bFORvX-GKkd8) [Introducing Pieces Copilot](=.ppBk0tGqrCHta1tBY_9xmErswqTLiLqwgTczbzy3cwE) Discover Pieces Copilot, and experience the hyper-contextual, on-device, multimodal, integrated future of AI software development. Tsavo Knott [Understanding Modules and Packages in Python](=.wSvnP_x9bcmA1kout-Jj7TgsGQXhNE3xHl13eC6RCCI) Learn how to structure Python code by creating modules, defining functions and classes, creating packages, importing modules, and more. Kabaki Antony [A Guide to Migrating from Webpack to Vite](=.x9escTkUGI0QzrCTR4OVCT-i_pluyrcdZOJoHcW1Bv0) Learn how to migrate a frontend app from Webpack to Vite, including why you should do it, and how to install Vite and update plugins. James Charlesworth 📚From The Top Shelf [View library](=.ojkTtzSgqgl-GKXUCRCUSDh3IRxaxMvMht_QMdl5V5A) Sourced from our collection of over 700 books, courses, and assessments. [CSS Master, 3rd Edition](=.vK_z83nKNGK5RsTTYdmistfHmf5dNmUWEXnuM1owq3k) [Beginning ReactJS Foundations](=.TU9BMikZI096n1XTn0ZCuIY3xgmotlf9OkfaY77ROAU) [React JS Masterclass: Zero To Job Ready With 10 Projects](=.QYZ952g_pj25Fbt_GEDs4rmT41C0PgIfEAY2js959H8) 💃 Have You Met Our Community Yet? [Say hi](=.x7AV6dwtLXljRXj4dCltJJkLg9tj4psf8LBP3OX4h3I) SitePoint's community is a place where you can come to talk tech, development, and design. [Join us today](=.5Ezs_6nNnwC37Hs9qb3lqh23022S5IQYlrf9tlJKUfg) and get involved with other members who share your interests in tech! That's a wrap for this week! We'll see you next week with more development and design resources. Until then, Dianne Pena Editor SitePoint 10-20 Gwynne Street, Cremorne Australia [twitter](=.69_t20fmQnKGPbSsZtNTlZ2xmjvZ8GJLaLMmbV4Zqz4) [facebook](=.HKg-QFKUJBYChXFe5VtxrwVji2dnbuFPjjmHUOBP0h8) You received this email because you signed up on our website or made purchase from us. [Unsubscribe](=.bq4UE2M3HDzF3IFSXrJe-vHfImkIbC4lNb-qWLgiQvM)