Community Picks·4yHTML Cheat Sheet
HTML Cheat Sheet contains useful code examples and web developer tools, markup generators and more on a single page. These pages were created as a quick guide for those who already know how to work with these languages. The page was created in 2020 with the latest HTML5 rules and will be updated regularly.
freeCodeCamp·4yLearn CSS – Responsive Web Design Study Guide
Learn CSS - Responsive Web Design Study Guide Cascading Style Sheets (CSS) This study guide is filled with additional information, articles, and videos to help you understand the concepts better. The first part of the project reviews HTML elements and then moves onto CSS. This includes headings, paragraphs, images, links, and more. The body element contains all of the content for the web page. For more information, see the complete list of topics covered.
freeCodeCamp·4yLearn Full Stack Development – HTML, CSS, JavaScript, Node.js, MongoDB
Full Stack Development - HTML, CSS, JavaScript, Node.js, MongoDB Full stack development is a term used to describe the process of developing a complete website or application from start to finish. Full stack developers must have a deep understanding of both front-end and back-end web development.
DZone·3y12 Essential Skills Your ReactJS Developers Should
This guide will explain the crucial React JS developer abilities to screen for when hiring a ReactJS developer. Read our in-depth recruiting guide to discover the greatest React skills for your team. Join the DZone community and get the full member experience.
Community Picks·3yA Virtual CSS language with enhanced syntax.
A Virtual CSS language with enhanced syntax. Efficiently build your UI and design system with HTML only. All features are pre-configured and optimized, so you can build whatever you want right away. We've provided shorthand values like, to make it easier for you to implement modern CSS effects.
Big Nerd Ranch·4yFour Key Reasons to Learn Markdown
Markdown is a lightweight markup language created in 2004 by John Gruber and Aaron Swartz. It creates formatted text via a plain-text editor. Unlike HTML or XML, it is still easily digestible by readers of all backgrounds in its source form. Markdown has been an invaluable bridge between engineering and content writing.
Community Picks·4yThe Full Guide to Web Scraping & Automation with JavaScript and NodeJS
Node has created an enormous ecosystem and use cases ranging from data science, game development, AI and of course, web automation. The Full Guide to Web Scraping & Automation with JavaScript and NodeJS is a guide for anyone who wants to start web automation in 2022 using this incredible JavaScript platform.
LogRocket·3yWhat should a modern CSS boilerplate look like?
A CSS boilerplate is a set of unoriginal and unspecific CSS rules designed for inherent use in web projects. Using one can help you get your CSS up and running in seconds. The problem with popular CSS boilerplates is that they tend to be overzealous.
Fly.io·4yA love letter to React
React came with a reactive HTML-aware component model for building UIs and colocated markup directly in the app code. Phoenix borrowed a lot from React when we first shipped LiveView in 2018, but only recently have we gone all-in with an HTML- aware component system in Phoenix 1.7. The advantage of this approach is a natural composition of static HTML tags alongside dynamic components and logic.
Community Picks·4yTree views in CSS
Tree views in CSS Tree views can be created using only HTML and CSS. Accessibility software will see the tree view as lists nested inside disclosure widgets. The browser implements the element as a disclosure widget, giving the ability to expand and collapse the nested lists.
Tuts+·3yInfinite Scroll Pagination With JavaScript and a REST API
Infinite Scroll Pagination with JavaScript and a REST API Infinite scroll pagination is inspired by Facebook and Twitter. This is just pagination where as the user scrolls to the bottom of the page, more content is loaded. This improves user experience on the website by making sure there is always more content on the page.
Web Tools Weekly·4yAutocomplete, CSS Tools, Build Tools, Uncats
The autocomplete HTML attribute, commonly used on form elements, is a bit of a quirky one that I'm not sure I fully understand. Autocomplete suggestions are based on the value of the id attribute (or name attribute, depending on which is used)
Community Picks·4yThe Best Way to Implement a "Wrapper" in CSS | CSS-Tricks
In programming languages, the word container is generally used for structures that can contain more than one element. A wrapper, on the other hand, is something that wraps around a single object to provide more functionality and interface to it. It's worth mentioning that there will be some instances where one could use the element as a wrapper.
freeCodeCamp·4yWhat is the Jamstack? Tutorial for Beginners
Jamstack takes advantage of existing technologies – which we'll discuss in a minute. Jamstack is an acronym for Javascript, APIs, and Markup, and is a technology stack you use to build your apps. The result is better performance, improved security, and easier scalability for web applications.
JetBrains·4yBuild a Blog With Go Templates
GoLand has a built-in database plugin that can connect to different databases. You can use the database/sql package to interact with the database. This tutorial will use the SQLite database to store the data, but you can use any other database package. A complete list of databases supported by database/ql can be found here.
DZone·4y6 Steps To Improve HTML Images for Users and Developers
Learn how to make HTML images better for users with responsive sizes and modern formats without making your life as a developer much harder. Join the DZone community and get the full member experience. Join for Free in this article, learn how to improve HTML images for users. The image we’re loading is a PNG, but modern browsers support new image formats such as WebP or AVIF. These formats provide much higher compression rates without noticeable data loss.
Community Picks·4yGoogle Needs 9X More Time To Crawl JS Than HTML
Googlebot could only access a given page by following a JavaScript-injected internal link. With HTML, it took just 36 hours to crawl the - third page was crawled after waiting in the crawl queue for 164 hours. At the same time, the third page in the /html/ folder got crawled three hours after the second page was discovered.
asayer·4yCSS Pseudo Elements: A Definite Guide
CSS Pseudo Elements: A Definite Guide Cascading Style Sheet (CSS) pseudo-elements are a handful of CSS features that help us keep our Hypertext Markup Language ( HTML) minimal. For example, you may want to add text before a particular HTML element used in multiple places in the entire code. The ::first-letter pseudo-element is the key to implementing the aforementioned feature.
