HOW TO FORCE BROWSERS TO RELOAD CSS JS

[{"selector":"#anim-f79ca365-08cd-4ac7-8558-06117791492f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d60a481b-7edd-4fe2-8ec6-39a9711a2f74","keyframes":{"transform":["translate3d(0px, 137.74339%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-77c5ce50-c3de-45bd-bd77-cf4a867786f0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f2a1496d-c350-49ce-adf6-7ee3ea1db508","keyframes":{"transform":["translate3d(0px, -1326.34923%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-95c82b6c-0496-4046-9093-076102593e99","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6ca2a136-f051-48a1-b47e-2614aa4231c7","keyframes":{"transform":["translate3d(0px, 294.07400%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] HTML JS (quick guide & examples)

FORCE BROWSER RELOAD

[{"selector":"#anim-79ddbab5-9803-4432-b956-15d64fdaf570","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-da4c66d2-e735-4170-9900-51a520d46f11","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b83d76db-8b5c-4240-b5c1-2ae3a559c70b","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f40f2a1b-2705-4609-9d36-065aa6c62596","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-be5c90fc-cba5-4397-b337-c069f9bf8731","keyframes":{"opacity":[0,1]},"delay":300,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-91722328-2512-4306-8d68-bb15dd72777c","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-25ea3939-e329-4591-b9f2-92d06b7ada79","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4cb1ec84-781d-4a52-bde5-9233b8408c1f","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Press and hold CONTROL ( COMMAND in Mac), then click on the reload button. Shortcut key - CONTROL-F5 or CONTROL-SHIFT-R Keys will differ from browser to browser. Check with your browser's help document. F12 to open developer's console. Application > Storage > Clear site data.

PROGRAMMATIC RELOAD (A)

[{"selector":"#anim-811cbc5a-bf3c-47fd-93c8-69e08c339346","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-15616b83-b659-4d90-bbca-4ec8efc0c1c2","keyframes":{"transform":["translate3d(117.09678%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b9ad8bd5-cb10-44d2-a2fb-c5641d5592a3","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7bc7e8eb-ea07-4de7-9288-2dbe449beef9","keyframes":{"transform":["translate3d(115.33547%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-98e9dbd0-8d7c-41ee-b993-83b2eb5d2a8d","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e2ed1820-0efb-4c12-b9ce-ddcadf7053a8","keyframes":{"transform":["translate3d(116.88312%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] SIMPLY CHANGE FILE NAME  <script src= "FOO-V2.JS "> OUTPUT CACHE-CONTROL HEADER. PHP EXAMPLE: header("Cache-Control: no-cache, must-revalidate"); APPEND DUMMY TIMESTAMP <script src="FOO.JS? t=123 ">

PROGRAMMATIC RELOAD (B)

[{"selector":"#anim-e38a4396-7d0e-4b66-a783-e1a13843cb25","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":500,"fill":"both","iterations":1}] APACHE EXPIRES HEADER <IfModule mod_expires.c> ExpiresActive on ExpiresByType text/css "access" ExpiresByType text/js "access" ExpiresByType text/javascript "access" </IfModule>

VISIT & FOLLOW

[{"selector":"#anim-b7d82e2a-9756-4fcc-b7c8-a11f927418d7","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-10438303-52fc-474f-8636-e7907093d5bc","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fa6e34ec-c363-4bc0-9cdb-00aed40e19d6","keyframes":{"transform":["translate3d(-128.43511%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-36ab6f68-9a2e-48d9-826f-b7301e57df9e","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-259db0dc-9e61-4ba6-b57c-ca258a572bb4","keyframes":{"transform":["translate3d(-151.73267%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-45a285b2-ff24-420b-ad8b-94203471da12","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c3d4ff9c-8dcf-46eb-83f0-609cc5862429","keyframes":{"transform":["translate3d(-151.23154%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fd248681-2c7d-4a5a-a4a8-225fa086c38e","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-47bbb977-a5b4-46c7-ae00-6db13f76bde8","keyframes":{"transform":["translate3d(-170.88234%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-03caea30-aa1d-4ade-8f4a-993668c34251 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-11.80816216074166%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

HOW TO FORCE BROWSERS TO RELOAD CSS JS

FORCE BROWSER RELOAD

01

PROGRAMMATIC RELOAD (A)

02

PROGRAMMATIC RELOAD (B)

03

VISIT & FOLLOW

CODE BOXX YOUTUBE

CODE BOXX PINTEREST

FULL TUTORIAL