Torque·3yCSS Best Practices: 16 Ways to Improve Your CSS Skills Quickly
By adhering to basic guidelines for writing CSS, you can make sure you produce clean, legible, and easily supportable code. Make your code readable and make it more comfortable to understand, maintain, and work with. If there is an existing style guide, stick with that.
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.
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.
Stream·4yHTTP, WebSocket, gRPC, or WebRTC
HTTP, WebSocket, gRPC, and WebRTC: Which Communication Protocol is Best For Your App? We’ll explore each protocol by investigating the technology behind it, what it’s best used for, and its strengths and weaknesses. The best form of communication will always be dependent on the situation.
Hacker News·4ytabler/tabler: Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
Tabler is a premium and open source dashboard template with a responsive and high-quality UI. Preview Tabler is fully responsive and compatible with all modern browsers. The only requirement is basic HTML and CSS (and some Liquid) knowledge.
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!
asayer·3y30 Ways to Improve Website Performance with CSS
CSS accounts for 7 HTTP requests and 70Kb of code on the average web page. It’s not the worst cause of woeful website performance (I’m looking at you, JavaScript), but there are specific CSS challenges. The following 30 tips will help you optimize CSS to improve actual and perceived response times.
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.
The New Stack·3ySay Goodbye to Browsers and Passwords
Authentication is no longer a simple act of providing a username and password. It’s a journey that the user takes to confirm their identity and gain secure access to their resources. The browser is a solid choice as it gives us essential security features. Hypermedia allows users to traverse authentication steps as needed.
freeCodeCamp·4yHTTP vs HTTPS – What's the Difference?
HTTPS makes a secure connection by using a secure protocol that encrypts your data. For most websites, the best way to have HTTPS is by getting an SSL (Secure Sockets Layer) Certificate or a TLS (Transport Layer Security) certificate. When encrpytion and decryption happens in HTTPS, it becomes heavier.
Community Picks·3yThe 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.
Community Picks·3yTools for SVG - SVG: Scalable Vector Graphics
Inkscape offers state-of-the-art vector drawing, and it's open source. Apache Batik is a set of open source tools under the roof of the Apache Software Foundation. ImageMagick is one of the most famous command-line image processing tools. Snap.svg is designed for modern browsers and therefore supports the newest.
Community Picks·3yES modules: A cartoon deep-dive
With the release of Firefox 60 in May (currently in beta), all major browsers will support ES modules. The Node modules working group is currently working on adding ES module support to Node.js. Many JavaScript developers know that ES modules have been controversial, but few actually understand how they work.
LogRocket·4yUsing CSS to hide scrollbars without impacting scrolling
The scrollbar in the browser allows the user to scroll up and down on the page without having to take their hands off the keyboard or trackpad. Hiding the scrollbar will create a smoother scrolling experience and remove some distractions from your site’s overall layout. In IE (Internet Explorer) and Edge, the syntax for hiding a scrollbar is a bit different from WebKit-based browsers like Opera, Chrome and Safari. The syntax for hide a scroll bar is a little different.
freeCodeCamp·3yCSS Flexbox Explained – Complete Guide to Flexible Containers and Flex Items
CSS Flexbox gives you the tools to create basic and advanced website layouts in flexible and responsive ways. This tutorial discusses everything you need to know to use Flexbox like a pro. A flex container is an HTML element whose display property's value is flex or inline-flex. Use flex-direction: column-reverse to reverse the browser's layout direction. Try it on StackBlitz.
30 seconds of code·4y30 seconds of code
30 seconds of code is much better at presenting HTML in a consistent manner. But default browser styles are not particularly great in most cases, which is why there are tons of CSS resets out there. Here's my opinionated CSS reset, along with an explanation of why I chose to include each rule.
asayer·4yFour useful built-in JavaScript web APIs
The Geolocation API allows you to get a user's current position and watch a user’s. The history API is an API that allows developers to move forward or backward, move to a particular page in a users' history and modify the website's URL without refreshing the whole page in single-page applications. You can learn more about the history API in the MDN documentation. Open Source Session ReplayOpenReplay is an open-source and session replay suite.
Hacker News·4yMozilla claims Apple, Google and Microsoft force users to use default web browsers
Mozilla claims Apple, Google and Microsoft force users to use default web browsers. UK's competition watchdog has published a final report highlighting "substantial concerns" about the market dominance of Google and Apple. Mozilla's report accuses the big tech firms of a wide variety of different instances of malpractice.
Community Picks·4yWWW vs non-WWW: Which is Better for SEO?
For most of the history of the internet, most websites used a “www” prefix followed by a domain name. The WWW prefix is used to help identify a web address or location. Modern browsers are starting to hide the www part of websites in the search bar. This means fewer redirects occur when using non-www URLs for sites with plenty of direct traffic.
Quick Code·4yTop 7 Visual UI Testing Tools For 2022
Selenium Selenium is still the most popular tool for automating web application testing. Cypress is a new end-to-end testing solution geared for front-end developers and testers. LambdaTest is a cross-browser testing tool for websites that runs in the cloud. Protractor is one of the greatest integration testing tools available.
