Community Picks·3ySuper Useful CSS Resources 🌈
A collection of 70 hand-picked, web-based tools which are actually useful. Each will generate pure CSS without the need for JS or any external libraries. Full credit goes to the authors behind each of these apps (where possible I've linked to their GH/ socials) The collection includes Property Generators - Animations - Backgrounds.
KDnuggets·3yMarkdown Cheatsheet
Markdown Cheatsheet is a lightweight markup language for creating formatted text using a plain-text editor. Markdown is widely-used in blogging, documentation, collaboration. It is heavily-relied upon in the R programming language ecosystem to create reproducible documents, provide a notebook interface, and format output.
JetBrains·3yHour of Code: Top 5 Frontend Projects
JetBrains Academy has released three frontend projects for frontend developers this summer. The most popular projects are HTML, CSS, and JavaScript. These tracks include a huge variety of real-life projects to keep you engaged during your studies. To help you develop and train this useful skill, we invite you to create a Virtual Piano app.
freeCodeCamp·3yImprove Your JavaScript Skills by Coding a Card Game
Coding a Card Game Building projects is a great way to improve your programming skills. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to create a digital card game with JavaScirpt, HTML, and CSS.
Community Picks·3yHow to Become a Front-End Developer
Front-end development involves building the visual and interactive elements of websites and applications that users interact with. As a front-end developer, you will be responsible for designing and implementing the user interface of web and mobile applications. You can learn web development from basics to advanced topics through online courses and programs.
Community Picks·3yHow to Make a Better Responsive Web Design
responsive web design and adaptive web design are two approaches to creating websites that work well on a wide range of devices and screen sizes. Responsive web design involves creating a single layout that adjusts itself automatically to fit the size of the screen it is being displayed on. Adaptive design requires the browser to load the appropriate layout.
DEV·3ySvelte vs React: Which framework to learn in 2023?
Svelte compiles with pure HTML, CSS, and JavaScript - React has way more libraries. React is a progressive JavaScript frontend framework that helps you build complex web UIs. It takes a more behind-the-scenes (magic) style approach where it interprets very basic-looking JavaScript code.
Pointer·3yBuilding a website like it's 1999... in 2022
Sophia's Homepage Animated GIFs GeoCities sites were absolutely littered with GIFs. Sophie's goal is to show you how we can be just as creative today but using modern and accessible methods. We're talking pre-social media, pre-web 2.0 – the good old fashioned static personal home page.
asayer·3yBuilding Chrome Extensions for Beginners -- Part 1: Theory
The primary goal of this series is to introduce the basic concepts of Chrome Extensions. At the end of the series, you will have a Pomodoro timer extension built with Javascript. To build any Chrome extension, we must rely on the Chrome developers’ documentation. This is the single source of truth for anything extension related.
Moralis·3yEssential Web3 Programming Languages for 2023
Solidity Solidity is a Turing-complete, object-oriented, relatively high-level programming language for building EVM-compatible smart contracts. Rust Rust is a statically typed, multi-paradigm, low- level programming language emphasizing performance and security. Go Go is a Google-designed, open-source, compiled programming language.
Tuts+·3y28 HTML5 Features, Tips, and Techniques you Must Know
The new HTML5 doctype is used for current and older browsers that require a specified. Browsers that do not understand this doctype will simply render the contained markup in standards mode. If you prefer a more structured document, by all means, stick with the quotes.
Community Picks·3yJavascript setup for browser and editor for web development
Javascript setup for browser and editor for web development Browser, Editor setup, and Running Javascript Setting up browser, editor and terminal and running Javascript. Let's talk real quick about setup and the tools you need.
Product Hunt·3yWindl - Open source Tailwind CSS components library
Windl.io is an open source community driven HTML components and templates library for your next personal or commercial project. This is Windl's first launch. Windl was hunted by Maki in Text Editors, Developer Tools, Side Project by Windl Snowflake Startup Challenge Ad Pitch to Sequoia and NYSE.
Community Picks·3yrem vs em - Everything you need to know
In this article, we'll look at everything em and rem, their differences, when and how to use them, and practical examples of em. rem vs. em. Rem is another unit of measuring length in CSS, which stands for "root em" This article expects the reader to have a solid grasp of CSS.
asayer·3yWorking with the DOM in JavaScript
The DOM (Document Object Model) is an interface that enables developers to manipulate a website’s content, structure, and style. In this tutorial, we will learn what the DOM is, how to create it and how it can be modified using JavaScript. JavaScript can change all the HTML elements on the page.
LogRocket·3yAdvanced guide to the CSS toggle() pseudo-class
In mid-April of 2022, Chromium announced it’ll begin prototyping compatibility with CSS Toggles, a new CSS feature that is currently only available as an unofficial draft. In this article, we will explore what is currently known about this upcoming CSS feature, including what makes it exciting and some of its potential use cases.
LogRocket·3yType HTML faster in React with Emmet and VS Code
Type HTML faster in React with Emmet and VS Code Visual Studio Code. Emmet helps you write HTML and CSS faster by using simple abbreviations that are then converted into code blocks. By default, Emmet is not enabled for React in VS Code, so it doesn't require any additional installation.
Community Picks·3yHow to create stopwatch using javascript
This article contains a step by step by guide on creating a stopwatch using javascript Stopwatch using JavaScript Stopwatch. If you want to start learning the fundamentals, click here to learn the fundamentals. You may also use my HTML, however, you should customize your skeleton to your needs.
GameDev Academy·3yCreate a Basic Quiz using JavaScript
JavaScript Mini-Projects – Language Learning Game Showing a Question. Use the free and popular Visual Studio Code (https://code.visualstudio.com/). In this lesson we will show a single question on the web page. To do this we will represent the question in a JavaScript variable, then display it in HTML.
Community Picks·3yOptimizing Web Fonts in Next.js 13
Next.js 13 Optimizing Web Fonts in Next.js are an essential aspect of modern web design. They allow for beautiful typography on the web, unique to your product. But using web fonts can also introduce challenges. The browser must download the typeface before it can be rendered and displayed.
Svelte Blog·3yWhat's new in Svelte: December 2022
SvelteKit 1.0 is just around the corner! With 99% of the milestone issues completed, there's a lot of new changes from the last month to cover. The css compiler options of and have been replaced with settings to speed up compilation for builds and improve clarity.
Community Picks·3yRendering emails with Svelte
We recently rebuilt our whole email stack from scratch to improve the developer experience. We have an instant feedback loop, leveraging a SvelteKit-powered dev server. Emails are written with 2003 HTML. We need a way to make these emails dynamic, with logic and string interpolation.
Laravel News·3ySupercharging Your Artisan Commands With Termwind
Termwind is a PHP package created and maintained by Nuno Maduro (and other awesome contributors such as Francisco Madeira) It allows you to use Tailwind-like CSS classes in your PHP code to add styling to your output. To get started with using Termwind in your Laravel apps, you'll need to install it using Composer.
