This bubblewrap by Google might be good starting point to make good app. With styles.xml and more theme.xml so I will update this app overhere when ready. So will take some time.

My developer app V. 3 This is bubblewrap by Google There's will be updated for it. Now we can have standalone app at Android 16

Let's have some party. :-) Happy Independence day in Poland. Let's celebrate.

To have all good TikTok's to share TikTok should apply new good settings to all TikTok's.

More update on not monday. I move tabs at profile, pages, events movin them to top. Done some inside align. Double print, button align. Some bottom transparent almost for more vis and for bottom safari transparent for Apple iPhones. #update

Send my 400$ by PapPal to pay for my T-Mobile bill. www.PayPal.me/deweloper

For sound when something is pressed: <script> function backspin(url) { var ourAudio = document.createElement('audio'); // Create a audio element using the DOM ourAudio.style.display = "none"; // Hide the audio element ourAudio.src = "https://cdefgahc.com/wav/front.wav"; // Set resource to our URL ourAudio.autoplay = true; // Automatically play sound ourAudio.onended = function() { this.remove(); // Remove when played. }; document.body.appendChild(ourAudio); } </script> For PHP file and with no<script></script> for CUSTOM JavaScript if you have. And I use onclick for that: backspin(); #JavaScript #onclick #sound

New Android 15 still adaping color of android navigation bar to background but only for Chrome browser. NOT FOR PWA APP.

In new Android 15: Android navigation bar color its same. Previous Android adapted color to backgroud color. Hope they will add posibility to define color of android navigator bar at manifest.json for PWA apps soon. Over there its possible to define color of address bar and background of PWA when loading so far. #PWA #Google

New users has been approved.

Example style for button: <style> .checkbox-wrapper-8 .tgl { display: none; } .checkbox-wrapper-8 .tgl, .checkbox-wrapper-8 .tgl:after, .checkbox-wrapper-8 .tgl:before, .checkbox-wrapper-8 .tgl *, .checkbox-wrapper-8 .tgl *:after, .checkbox-wrapper-8 .tgl *:before, .checkbox-wrapper-8 .tgl + .tgl-btn { box-sizing: border-box; } .checkbox-wrapper-8 .tgl::-moz-selection, .checkbox-wrapper-8 .tgl:after::-moz-selection, .checkbox-wrapper-8 .tgl:before::-moz-selection, .checkbox-wrapper-8 .tgl *::-moz-selection, .checkbox-wrapper-8 .tgl *:after::-moz-selection, .checkbox-wrapper-8 .tgl *:before::-moz-selection, .checkbox-wrapper-8 .tgl + .tgl-btn::-moz-selection, .checkbox-wrapper-8 .tgl::selection, .checkbox-wrapper-8 .tgl:after::selection, .checkbox-wrapper-8 .tgl:before::selection, .checkbox-wrapper-8 .tgl *::selection, .checkbox-wrapper-8 .tgl *:after::selection, .checkbox-wrapper-8 .tgl *:before::selection, .checkbox-wrapper-8 .tgl + .tgl-btn::selection { background: none; } .checkbox-wrapper-8 .tgl + .tgl-btn { outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-wrapper-8 .tgl + .tgl-btn:after, .checkbox-wrapper-8 .tgl + .tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100%; } .checkbox-wrapper-8 .tgl + .tgl-btn:after { left: 0; } .checkbox-wrapper-8 .tgl + .tgl-btn:before { display: none; } .checkbox-wrapper-8 .tgl:checked + .tgl-btn:after { left: 50%; } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn { overflow: hidden; transform: skew(-10deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.2s ease; font-family: sans-serif; background: #888; } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after, .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before { transform: skew(10deg); display: inline-block; transition: all 0.2s ease; width: 100%; text-align: center; position: absolute; line-height: 2em; font-weight: bold; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after { left: 100%; content: attr(data-tg-on); } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before { left: 0; content: attr(data-tg-off); } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active { background: #888; } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active:before { left: -10%; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn { background: #86d993; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:before { left: -100%; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:after { left: 0; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:active:after { left: 10%; } </style>

Example DIV for that: <div class="checkbox-wrapper-8" style="display: flex; float: right;"> <input class="tgl tgl-skewed" id="cb3-8" type="checkbox" onclick="togglePlay();vibrate();"/> <label class="tgl-btn" data-tg-off="ON" data-tg-on="OFF" for="cb3-8"></label> </div>

This open public news it's revolution, only some of social media website has it. Like Reddit and CDEFGAHC.COM And now BLUESKY.APP

Adrian you are approved.

Avaible only at PWA app from Chrome.

They reset it by CHACHE plugin at WORPRESS for you all to apply changes about the website about some parts, funcions of website.

APP FROM CHROME FOR DESKTOP LOOKS LIKE THIS AT MAC OS in your dock.

IMHO desktop Chrome APP it's more quick then the browser. It's has less functions, less code. And it's bigger. Almost full screen with no address bar. This is big difference. Trust me. There is motion in your scroll and gives it's give the satisfaction.

There is also APP for desktop from Chrome. #desktop #app #Chrome

YOU CAN INSTALL PWA APP FROM CHROME BY DOWNLOADING IT TO MOBILE BY CHROME BROWSER.

Vibrations for mobile are just possible at Chrome and Opera. #vibrations #at #mobile #www #and #PWA #app #from #chrome

CDEFGAHC.COM PWA app. #CDEFGAHC.COM #app

There is PWA app possible at Chrome browser.

https://www.tiktok.com/@niaruko_chan/video/7424833780948487456?is_from_webapp=1&sender_device=pc&web_id=7401613784727488032