# web dev

**URL:** https://forum.kirupa.com/c/programming/web-dev/42.md?page=27

[Latest](https://forum.kirupa.com/latest.md) · [Categories](https://forum.kirupa.com/categories.md)

**Page:** 28

---

## [Inline-block element use cases](https://forum.kirupa.com/t/inline-block-element-use-cases/648668)

<div class="topic-metadata">

**Author:** [@sephorus](https://forum.kirupa.com/u/sephorus)\
**Replies:** 3\
**Last updated:** [August 26, 2021, 4:53am UTC](https://forum.kirupa.com/t/inline-block-element-use-cases/648668 "2021-08-26T04:53:51Z")

</div>

Hi everyone, Today I am wondering about what are some use cases for inline-block elements. The use cases for display: inline; and display: block; are intuitive to me. Use inline if you want to apply a style to a short …

---

## [Sluggish render when scrolling fast in webview](https://forum.kirupa.com/t/sluggish-render-when-scrolling-fast-in-webview/648652)

<div class="topic-metadata">

**Author:** [@thedarkknight](https://forum.kirupa.com/u/thedarkknight)\
**Replies:** 2\
**Last updated:** [August 23, 2021, 10:58pm UTC](https://forum.kirupa.com/t/sluggish-render-when-scrolling-fast-in-webview/648652 "2021-08-23T22:58:51Z")

</div>

I’m encountering some scroll issues when I scroll fast in a cordova app that I’m working on. I get parts of the screen that don’t paint as fast as I’m scrolling, so they look like white blocks on the screen for about 1s …

---

## [Front-End Web Dev Interview Prep](https://forum.kirupa.com/t/front-end-web-dev-interview-prep/648617)

<div class="topic-metadata">

**Author:** [@sephorus](https://forum.kirupa.com/u/sephorus)\
**Replies:** 1\
**Last updated:** [August 19, 2021, 12:08am UTC](https://forum.kirupa.com/t/front-end-web-dev-interview-prep/648617 "2021-08-19T00:08:53Z")

</div>

Hi, y’all! My name is Joel and this will be my first post on here! I have a Front-End Developer interview coming up, and I was wondering if anyone knows of good resources to prepare for it. I’ve never had an interview …

---

## [Chrome Feature: Remove alert(), confirm(), and prompt for cross origin iframes](https://forum.kirupa.com/t/chrome-feature-remove-alert-confirm-and-prompt-for-cross-origin-iframes/648472)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 4\
**Last updated:** [August 4, 2021, 10:49am UTC](https://forum.kirupa.com/t/chrome-feature-remove-alert-confirm-and-prompt-for-cross-origin-iframes/648472 "2021-08-04T10:49:06Z")

</div>

This one caught me off guard yesterday. Details here: https://www.chromestatus.com/feature/5148698084376576 While these are not generally common tools for your everyday professional developer, they can be very useful …

---

## [Php MySQL database help](https://forum.kirupa.com/t/php-mysql-database-help/648436)

<div class="topic-metadata">

**Author:** [@mukiria](https://forum.kirupa.com/u/mukiria)\
**Replies:** 1\
**Last updated:** [July 30, 2021, 5:10pm UTC](https://forum.kirupa.com/t/php-mysql-database-help/648436 "2021-07-30T17:10:25Z")

</div>

I would like to create 3 dbs connected by foreign keys and have the end user input the data from one form Can anyone please help? The dbs are client, work, and accessories Client \<?php …

---

## [Webview example apps](https://forum.kirupa.com/t/webview-example-apps/648369)

<div class="topic-metadata">

**Author:** [@Navdeep\_Singh](https://forum.kirupa.com/u/Navdeep_Singh)\
**Replies:** 1\
**Last updated:** [July 22, 2021, 5:00pm UTC](https://forum.kirupa.com/t/webview-example-apps/648369 "2021-07-22T17:00:49Z")

</div>

Great youtube video! Could you please give us examples of live apps on play store that are entirely built on webview? Thank you!

---

## [Days as a programmer are numbered (Github Copilot)](https://forum.kirupa.com/t/days-as-a-programmer-are-numbered-github-copilot/648121)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 2\
**Last updated:** [July 2, 2021, 1:04am UTC](https://forum.kirupa.com/t/days-as-a-programmer-are-numbered-github-copilot/648121 "2021-07-02T01:04:19Z")

</div>

---

## [Date time libraries in React](https://forum.kirupa.com/t/date-time-libraries-in-react/648123)

<div class="topic-metadata">

**Author:** [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\
**Replies:** 0\
**Last updated:** [July 1, 2021, 6:19pm UTC](https://forum.kirupa.com/t/date-time-libraries-in-react/648123 "2021-07-01T18:19:49Z")

</div>

Hi guys, I am currently building a personal project a bit stuck at deciding the best way forward for my scenario, so basically I am looking to bring in customised date time (next seven days and between 10:00 to 20:00) u…

---

## [You know, just some skills you should have for web development](https://forum.kirupa.com/t/you-know-just-some-skills-you-should-have-for-web-development/642205)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 6\
**Last updated:** [June 29, 2021, 12:15pm UTC](https://forum.kirupa.com/t/you-know-just-some-skills-you-should-have-for-web-development/642205 "2021-06-29T12:15:44Z")

</div>

---

## [JQuery to Vanilla JavaScript Slider Ticks](https://forum.kirupa.com/t/jquery-to-vanilla-javascript-slider-ticks/647927)

<div class="topic-metadata">

**Author:** [@leellbee](https://forum.kirupa.com/u/leellbee)\
**Replies:** 2\
**Last updated:** [June 15, 2021, 4:21pm UTC](https://forum.kirupa.com/t/jquery-to-vanilla-javascript-slider-ticks/647927 "2021-06-15T16:21:52Z")

</div>

I am in the process of converting jquery to javascript and on one page we have some range sliders we set all the ticks in jquery and I’m wondering how to do this… jquery: $("#months").slider({ ticks:\[12, 24, 36\], tic…

---

## [JavaScript - Apply Multiple Styles to Multiple Elements](https://forum.kirupa.com/t/javascript-apply-multiple-styles-to-multiple-elements/647915)

<div class="topic-metadata">

**Author:** [@leellbee](https://forum.kirupa.com/u/leellbee)\
**Replies:** 2\
**Last updated:** [June 15, 2021, 1:34pm UTC](https://forum.kirupa.com/t/javascript-apply-multiple-styles-to-multiple-elements/647915 "2021-06-15T13:34:15Z")

</div>

I am in the process of migrating jquery to vanilla js and I am converting this: $("#pricing\_annual, #annual\_output, #monthly\_output, #pricing-section-special").css(“display”,“block”); $("#pricing\_annual, #annual\_output,…

---

## [Event Delegation](https://forum.kirupa.com/t/event-delegation/647824)

<div class="topic-metadata">

**Author:** [@abishek07](https://forum.kirupa.com/u/abishek07)\
**Replies:** 1\
**Last updated:** [June 6, 2021, 5:21pm UTC](https://forum.kirupa.com/t/event-delegation/647824 "2021-06-06T17:21:56Z")

</div>

Hey, guys! I came here from this tutorial on Kirupa’s channel. It deals with Event Delegation. I would really appreciate it if someone could help me with my question here: I am working on a chat app. Each chat elemen…

---

## [book errata & code download](https://forum.kirupa.com/t/book-errata-code-download/647810)

<div class="topic-metadata">

**Author:** [@hseuming](https://forum.kirupa.com/u/hseuming)\
**Replies:** 1\
**Last updated:** [June 3, 2021, 6:25pm UTC](https://forum.kirupa.com/t/book-errata-code-download/647810 "2021-06-03T18:25:56Z")

</div>

Hi Kirupa, Thank you for your nice book about React, Learning React. A quick question: is there an book errata @ informit.com or http://forum.kirupa.com? Thanks again.

---

## [Ensuring Pixelated Images Stay Pixelated in our High-DPI World](https://forum.kirupa.com/t/ensuring-pixelated-images-stay-pixelated-in-our-high-dpi-world/647780)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [May 31, 2021, 3:32am UTC](https://forum.kirupa.com/t/ensuring-pixelated-images-stay-pixelated-in-our-high-dpi-world/647780 "2021-05-31T03:32:58Z")

</div>

This is the before look: This is the after look: The CSS technique to pull this off was the following: img.emoji-custom { image-rendering: pixelated; } By setting the image-rendering property to pixelated o…

---

## [How to open/render an HTML file on IOS ..](https://forum.kirupa.com/t/how-to-open-render-an-html-file-on-ios/647696)

<div class="topic-metadata">

**Author:** [@gNeandr](https://forum.kirupa.com/u/gNeandr)\
**Replies:** 8\
**Last updated:** [May 25, 2021, 9:39pm UTC](https://forum.kirupa.com/t/how-to-open-render-an-html-file-on-ios/647696 "2021-05-25T21:39:15Z")

</div>

After using Android phones for years, I switched to the Apple IOS iPhone … and surprise surprise … have to deal with the limited OS environment. Opening/rendering an HTML file (with CSS/JS/HTML) on Android (and on LX/Mi…

---

## [Simple Weather App (built in React)](https://forum.kirupa.com/t/simple-weather-app-built-in-react/639679)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 5\
**Last updated:** [April 29, 2021, 7:26am UTC](https://forum.kirupa.com/t/simple-weather-app-built-in-react/639679 "2021-04-29T07:26:52Z")

</div>

Hi everyone! I was fiddling around with writing some more advanced React tutorials. As part of that, I created this very simple weather app: You can view the source here: https://github.com/kirupa/kirupa/tree/master/…

---

## [Canvas HTML5 positioning issues](https://forum.kirupa.com/t/canvas-html5-positioning-issues/646680)

<div class="topic-metadata">

**Author:** [@sunnyb84](https://forum.kirupa.com/u/sunnyb84)\
**Replies:** 9\
**Last updated:** [April 16, 2021, 5:40pm UTC](https://forum.kirupa.com/t/canvas-html5-positioning-issues/646680 "2021-04-16T17:40:27Z")

</div>

New to Canvas… I am following the Canvas book(Which is awesome!) added the script tag to my html. I can’t figure out how to take the same shape and build another one in a different position. I keep ending up with multipl…

---

## [I need help Chapter 9 in book learning react](https://forum.kirupa.com/t/i-need-help-chapter-9-in-book-learning-react/647204)

<div class="topic-metadata">

**Author:** [@Fallin](https://forum.kirupa.com/u/Fallin)\
**Replies:** 2\
**Last updated:** [April 16, 2021, 5:52am UTC](https://forum.kirupa.com/t/i-need-help-chapter-9-in-book-learning-react/647204 "2021-04-16T05:52:32Z")

</div>

I use code: \<! DOCTYPE html\> \<html\> \<head\> \<meta charset="utf-8"\> \<title\>От данных к интерфейсу\</title\> \<script src="https://unpkg.com/react@16/umd/react.development.js"\>\</script\> \<script src="https://unpkg.com/…

---

## [Is regex an art form?](https://forum.kirupa.com/t/is-regex-an-art-form/647094)

<div class="topic-metadata">

**Author:** [@JohnHansenArtist](https://forum.kirupa.com/u/JohnHansenArtist)\
**Replies:** 7\
**Last updated:** [April 9, 2021, 8:27am UTC](https://forum.kirupa.com/t/is-regex-an-art-form/647094 "2021-04-09T08:27:39Z")

</div>

I find when I need to resort to, or maybe it’s a good choice, that when using regex it helps solve some coding needs in a JavaScript function. I use online regex testing like regex101, and also I will sometimes look for …

---

## [javascript:void\[0\]](https://forum.kirupa.com/t/javascript-void-0/646038)

<div class="topic-metadata">

**Author:** [@krilnon](https://forum.kirupa.com/u/krilnon)\
**Replies:** 7\
**Last updated:** [April 1, 2021, 6:09pm UTC](https://forum.kirupa.com/t/javascript-void-0/646038 "2021-04-01T18:09:53Z")

</div>

I was hovering over a link recently and saw one with an href of javascript:void\[0\]. This was pretty surprising, since it’s usually written as javascript:void(0). Granted, the whole thing is supposed to imply meaningless …

---

## [Need a help in making a website SEO friendly!](https://forum.kirupa.com/t/need-a-help-in-making-a-website-seo-friendly/646870)

<div class="topic-metadata">

**Author:** [@Juliemartin150](https://forum.kirupa.com/u/Juliemartin150)\
**Replies:** 2\
**Last updated:** [March 27, 2021, 1:06pm UTC](https://forum.kirupa.com/t/need-a-help-in-making-a-website-seo-friendly/646870 "2021-03-27T13:06:54Z")

</div>

We have a custom logo website. Initially, it was an idea of me and my friend, and my friend designed the site himself. But now we are facing a lot of problems, few pages are not working properly and even after so many ef…

---

## [How can we access wordpress admin?](https://forum.kirupa.com/t/how-can-we-access-wordpress-admin/640315)

<div class="topic-metadata">

**Author:** [@teqizer](https://forum.kirupa.com/u/teqizer)\
**Replies:** 2\
**Last updated:** [March 25, 2021, 5:32am UTC](https://forum.kirupa.com/t/how-can-we-access-wordpress-admin/640315 "2021-03-25T05:32:54Z")

</div>

I can’t access my wp-admin. how can I go to the admin dashboard.

---

## [The example from chapter 15 of the book "Learning React" 2nd edition does not work as planned](https://forum.kirupa.com/t/the-example-from-chapter-15-of-the-book-learning-react-2nd-edition-does-not-work-as-planned/646631)

<div class="topic-metadata">

**Author:** [@11133](https://forum.kirupa.com/u/11133)\
**Replies:** 3\
**Last updated:** [March 20, 2021, 11:12pm UTC](https://forum.kirupa.com/t/the-example-from-chapter-15-of-the-book-learning-react-2nd-edition-does-not-work-as-planned/646631 "2021-03-20T23:12:20Z")

</div>

Hi, Kirupa! I express my gratitude for the book “Learning React” 2nd edition! It really helps in quickly and easily learning the React library. When you run the example in Chapter 15, the code does not work as expected. …

---

## [React.js](https://forum.kirupa.com/t/react-js/646570)

<div class="topic-metadata">

**Author:** [@Ferhad\_Kerimli](https://forum.kirupa.com/u/Ferhad_Kerimli)\
**Replies:** 0\
**Last updated:** [March 13, 2021, 8:39am UTC](https://forum.kirupa.com/t/react-js/646570 "2021-03-13T08:39:49Z")

</div>

Hello , i hope you doing well. i have question regarding React Router. The below , MainPAgeContainer compenent did not show on display. Header and Search is displaying MainPageContainer not. Could you tell me please t…

---

## [Code design: anchoring sidebar components](https://forum.kirupa.com/t/code-design-anchoring-sidebar-components/645106)

<div class="topic-metadata">

**Author:** [@vayu251](https://forum.kirupa.com/u/vayu251)\
**Replies:** 3\
**Last updated:** [March 3, 2021, 7:27pm UTC](https://forum.kirupa.com/t/code-design-anchoring-sidebar-components/645106 "2021-03-03T19:27:16Z")

</div>

I am working on building a site for a “virtual comic book” in react. For context, I’m very new to web dev (I just finished working through Kirupa’s react book), so the entire website is just various instances of the div…

---

## [Sumac Sequence Calculator](https://forum.kirupa.com/t/sumac-sequence-calculator/645957)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [February 2, 2021, 6:05am UTC](https://forum.kirupa.com/t/sumac-sequence-calculator/645957 "2021-02-02T06:05:49Z")

</div>

I randomly stumbled upon this Sumac Sequence challenge, and while I wasn’t interested in coming up with the most compact solution, it was something that I wanted to build a readable solution and tutorial around! See it …

---

## [Inline template diffing vanilla JS](https://forum.kirupa.com/t/inline-template-diffing-vanilla-js/645924)

<div class="topic-metadata">

**Author:** [@steve.mills](https://forum.kirupa.com/u/steve.mills)\
**Replies:** 2\
**Last updated:** [February 2, 2021, 5:27am UTC](https://forum.kirupa.com/t/inline-template-diffing-vanilla-js/645924 "2021-02-02T05:27:49Z")

</div>

Hey guys, Just curious, does anybody know of a better way of diffing an inline template? I have tried using the HTML template instead of script type = ‘text/template’ but the innerHTML.toString() causes it to be 30-40%…

---

## [TinaCMS](https://forum.kirupa.com/t/tinacms/645649)

<div class="topic-metadata">

**Author:** [@travis](https://forum.kirupa.com/u/travis)\
**Replies:** 2\
**Last updated:** [January 11, 2021, 10:17pm UTC](https://forum.kirupa.com/t/tinacms/645649 "2021-01-11T22:17:30Z")

</div>

Has anyone used This Is Not A CMS (Tina CMS)? I used it recently with a NextJS project and man is it a pleasure to use! It’s smooth as butter and adds a really nice client frontend for seamless editing of a website but …

---

## [Learning React without much CSS background (Learning React)](https://forum.kirupa.com/t/learning-react-without-much-css-background-learning-react/645659)

<div class="topic-metadata">

**Author:** [@Rachit\_Saxena](https://forum.kirupa.com/u/Rachit_Saxena)\
**Replies:** 1\
**Last updated:** [January 11, 2021, 5:47am UTC](https://forum.kirupa.com/t/learning-react-without-much-css-background-learning-react/645659 "2021-01-11T05:47:23Z")

</div>

Hi, I just picked up a book on React “Learning React” by Kirupa. The book is really cool.However I feel that I don’t have much background of CSS mentioned there. Is it correct to go through the book without delving muc…

---

## [Default margin](https://forum.kirupa.com/t/default-margin/645560)

<div class="topic-metadata">

**Author:** [@Helena\_G](https://forum.kirupa.com/u/Helena_G)\
**Replies:** 2\
**Last updated:** [January 5, 2021, 2:01am UTC](https://forum.kirupa.com/t/default-margin/645560 "2021-01-05T02:01:32Z")

</div>

Hello, Kirupa members, I’ve build this page https://honey-moon.netlify.app/ In the right site of the menu there is an icon “TALK TO US”, which I call “menu-cta” in the code. This icon should have 20px margin-top an…

[Previous page](https://forum.kirupa.com/c/programming/web-dev/42.md?page=26)

[Next page](https://forum.kirupa.com/c/programming/web-dev/42.md?page=28)