DevDojo·4yconsole.log alternatives you didn't know
Using the destruction power of javascript objects, you can use destructuring. You can change the log function to any other name you want. This method is used to measure time. It's used to check if a condition is true. If it's not, it will throw an error.
freeCodeCamp·4yLearn Game Development with JavaScript
You will learn to make 2D games with HTML, CSS & plain vanilla JavaScript, using no frameworks and no libraries. Frank Dvorak has created many popular JavaScript courses on a variety of platforms. He will teach you to use everything you learned to make a single final game.
Hacker News·4yRun Python in your HTML
PyScript is a framework that allows users to create rich Python applications in the browser using HTML’s interface. It aims to give users a first-class programming language that has consistent styling rules, is more expressive, and is easier to learn. PyScript is just HTML, only a bit (okay, maybe a lot) more powerful, thanks to the rich and accessible ecosystem of Python libraries.
freeCodeCamp·4yHarvard CS50 – Free Computer Science University Course
Harvard CS50 is one of the most popular beginner computer science courses in the world. The course teaches students how to think algorithmically and solve problems efficiently. Topics include abstraction, algorithms, data structures, encapsulation, resource management, security, software engineering, and web programming.
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.
DEV·4yThose HTML Elements You Never Use
There are over a hundred elements in HTML that can be applied to pieces of text to give them special meaning in a document. In this article, I dive deep into the HTML documentation, to come out with a handy bag of elements that will improve your website in not one, but two very important ways.
Dev Genius·4yThe CSS Hack You Need To Know!
The Attr() selector allows our CSS style sheet code to communicate with our HTML. The selector allows us to read in attribute values specific to the targeted HTML tag or element. A common practice implementation for this type of feature would be to use an additional span within an element. The span value is updated as required.
Josh W Comeau·4yMy Wonderful HTML Email Workflow
MJML is a responsive email framework from Mailjet. It essentially provides a layer of abstraction over raw HTML. The MJML language provides a set of common tags you can use to structure your email. As long as you follow the MJML conventions, your email should render properly across all email clients.
Pointer·4ybradtraversy/50projects50days: 50+ mini web projects using HTML, CSS & JS
50 Projects in 50 Days - HTML/CSS and JavaScript and JavaScript. This is the main repository for all of the projects in the course. We are only accepting pull requests and looking at issues for bug fixes so that the code stays inline. All of these projects are part of the course and are available for download.
Changelog·4y7 Cool HTML Elements Nobody Uses
The progress element is the semantically correct way of displaying progress bars. The meter element is progress on steroids. The abbr element allows you to add an autocomplete suggestions to your input elements. map & area map and area allow you to create image maps.
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.
Community Picks·4yHow browsers work
How browsers work Behind the scenes of modern web browsers. Tali Garsiel's primer on the internal operations of WebKit and Gecko. Chrome, Firefox and Safari make up around 71% of global desktop browser usage. Android Browser, iPhone and Chrome constitute around 54% of usage.
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.
Hashnode·4yBuild your first Electron app
Electron is a free and open-source framework maintained mainly by GitHub. It powers dozens of apps, including Discord, Slack, Notion, VSCode, Spotify, and many more. The framework is designed to let developers create desktop applications using web technologies such as JavaScript, HTML, and CSS.
Hashnode·4yThe Pros and Cons of TailwindCSS
Tailwind is a front-end CSS framework that has taken off more than any other recently. Instead of creating a set of selectors and bespoke classes to style your code, you use a large set of single-purpose utility classes. In essence, you add nearly all your style right into your frontend HTML, React, or Vue code.
freeCodeCamp·4yUseful HTML5 Tags You Might Not Know
Semantic tags add real meaning to the webpage and make it easy for humans, and search engines, to differentiate between different parts of the website. To reap the benefits, you should know the HTML5 tags you can use to enhance your website. There are some very useful but little-known HTML 5 tags that can come in handy for Cars.
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.
Pointer·4yCSS Tips
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is designed to enable the separation of presentation and content, including layout, colors, and fonts. This separation can improve content accessibility.
Hashnode·4yHow I got my 1st job as a developer by making simple projects seem big
Julia is a self-taught front-end developer in his thirties who switched career into tech after studying Japanese and musicology while working part-time at a casino. She created a simple calculator using JavaScript using HTML, SCSS, JavaScript, hosted on GitHub pages to run the app. She later updated the code and created some mixins to familiarize herself with it.
Vercel·4yBuild Your Own Web Framework – Vercel
ReactDOM Server exposes a method called renderToString, which takes a React component and returns the corresponding HTML output. To support static pages, we first have to implement a transpilation step that turns React-based pages into static HTML. To hydrate dynamic components, we can export a string literal that our bundler eventually uses to create a custom hydration script for individual pages.
Community Picks·4yIslands Architecture
Islands architecture borrows concepts from different sources and aims to combine them optimally. Marko is an open-source framework developed and maintained by eBay to improve server rendering performance. Astro: Astro is a static site builder that can generate lightweight static HTML pages from UI components built in other frameworks such as React, Preact, Svelte,
SNIPCART·4yThe 6 Best JavaScript Frameworks to Use in 2022
JavaScript frameworks are tried and tested tools for building scalable web applications. They contain a collection of JavaScript code libraries that provide pre-written JS code for standard programming features and tasks. Frameworks enable you to add functionalities like testing and linting to ensure you're shipping error-free code. There are more than 20 frameworks and 80 libraries for developers to choose from.