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.
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.
asayer·4yUnderstanding the Template Element in HTML
The <template> tag is an HTML5 element that stores HTML code fragments that are not displayed immediately when a page is loaded. Templates are not rendered in the browser until you activate them using JavaScript. In this tutorial we will learn about Template tags in HTML, the benefits and downside of using them, and their usage.
Tuts+·4y30 Web Development Best Practices for Beginners
In this post, I'll share 30 tips for best practices when you're coding you webpages or web apps. Always use Descriptive Meta Tags Use media Think About Accessibility Close All Your Tags Compress CSS Unobtrusive Scripting Separate IE Fixes Avoid !important Make Use of Browser Developer Tools Avoid Too Many Comments Beware of Heavy CSS Properties Use Shorthands Frameworks Come Last!
Halodoc·4yHow does a browser actually work
A Web browser is actually a software application that runs on your Internet-connected computer. It allows you to view Web pages, as well as use other content and technologies such as video, graphics files, and digital certificates. In this article, I’d like to focus on the Process of How Does a Browser Actually Work.
Hashnode·4yImportant CSS properties that are very handy.
There are some hidden properties that can save us lots of time while coding. Inline-flex makes the flex container behave like an inline element instead of a block element. The align-self property specifies the alignment for the selected item inside the flexible container. We will discuss 4 CSS properties and 1 HTML entity.
Product Hunt·4yTailbuild - Tailwind 3 CSS page and component builder
Easy to use Tailwind 3 CSS page builder. Start with a pre-built HTML template, use your own HTML in the editor or drop in pre- built UI components into a blank canvas. Build, save, edit and download components and templates effortlessly with Tailbuild.
gitconnected·4yAre Web Components Dead?
Web Components are reusable client-side components based on official web standards. They are an excellent way of encapsulating functionality from the rest of our code. Despite the promising advantages, Web Components struggle to find industrywide adoption. Many developers say they have already died. Who's right? What is the current state of Web Components?
Hashnode·4yRendering Methods: CSR vs SSR vs SSG
This blog will give you a glimpse of the different rendering methods namely Client Side Rendering (CSR) and Static Site Generation (SSG) CSR is best suited for pages that are dynamic i.e., pages that require frequent updates eg. Login page. SSR is ideal for webpages that have static content.
Tuts+·4yExtending HTML by Creating Custom Tags
In this tutorial I will show you how easy it is to extend the HTML language with custom tags. The custom tags can be used to implement various behaviors, so they are a very convenient way to write less code and keep your HTML documents simpler. Let's create a custom tag that will display the Gravatar picture for a certain email address.