WEB SCRAPPING
WORDPRESS MIGRATIONS
Use of IndexedDB
Idempotent vs Safe HTTP Methods
GET
will only retrieve information without changing their values. Similarly, the OPTIONS
http method creates a request that ask the server what the client is allowed to do (used in preflight CORS
).
Now, idempotent means one that has no side effects. That is, it's a method that will always produce the same result. Here is where I have some confusion, when we talk about idempotent in this case, we are talking about how the values are sent?...How does microservices work?
Same Origin Policy, CORS, browser to server and server to server communication
Same Origin Policy (SOP)
and Cross Origin Resource Sharing (CORS)
.
From what I have understood, a particular website can access data from its own origin
(that is, same protocol use, same domain and same port number). For example if abcd.com
tries to communicate with bank.com
, the browser will block that request unless on the server-side of bank.com
, CORS is enabled for abcd.com
.
Now, the reason why initially, we don't want any windows opened in the browser to be able to communicate/interact with another is to prevent malicious files from running and fetch data. For example, if abcd.com
was allows to fetch data from bank.com
, we could have fetch for e.g. user accounts and we don't want that. This is a communication from browser
to server
....PHP Syntax Issue.
"Focusable elements should have interactive semantics" when `:focus` is used to toggle a popup.
:focus
/:hover
with display:none
/display:block
, and set a [tabindex=0]
so it can be focused. When I check my accessibility in Firefox's built in accessibility checker, I get a warning:Keyboard
โ ๏ธ Focusable elements should have interactive semantics.
Learn more...
Feedback on making navigation and hero sections responsive when managing a lot of content

Dropdowns
Making my site responsive
Problem with overflow-x
How does a web worker work?
Idea for a project design for a shopping card
overflow-y auto does not work
Weird overflow
20%
and the margin is 2rem
, which is way below the viewport height, right?
https://jsfiddle.net/KonerDev/u8jb3fmk/4/
In the devtools it looks like the body has been shifted down by 2rem. I'd like to understand what's causing this problem? If I set the 2rem
as padding on the body, everything works as intended....
๐ง Tools for testing the accessibility (ARIA, WCAG, A11y, Read screen and more...)
Span padding

Where to validate Mongoose Schema - Frontend or Backend?
Grid auto-fill or auto-fit min and max-width?
grid-template-columns repeat(auto-fill, minmax(300px, 1fr))
gets me 75% of the way there
But this still allows for the cards to grow too much, if i instead use a single value like grid-template-columns repeat(auto-fill, 300px)
it is also almost what i want but now the columns will stay the same size without any shrinking/growth,
using grid-template-columns repeat(auto-fill, minmax(300px, 1fr))
...