html5

Phaser.js + Electron Framework. Why doesn't it work?

I'm trying to connect the phaser framework.js to electron, for creating desktop games in html5. The code from the file doesn' ... == 'darwin') { app.quit() } }) app.on('activate', function () { if (mainWindow === null) { createWindow() } })

Center alignment doesn't work text-align: center

There is a code: <div class="main" style="background: #acdf43; text-align: center;"> <div class="cent" styl ... x;">000</div> </div> </div> You need the cent block to be centered. Now it looks like this:

How do I make a pop-up horizontal menu when clicking on a hamburger on a pure javascripte?

How to make a horizontal menu pop-up when clicking on a hamburger on a pure javascripte, when adapting? Here is the html cod ... n></span> <span></span> </div> </div> </nav>

How do I replace a dot with a comma in input type= "number"?

How can I replace a dot with a comma in input type="number", while still maintaining the negative number input and the range ... r="@item.TempAirBrest" name="TempAirBrest" min="-99.0" max="99.0" step="0.1" required onkeypress="doubleValidate(this)"/>

Can I create a glow effect in SVG?

I am studying SVG, and I would like to know if it is possible to create such a glow effect with SVG, interactively, as in the ... </div> Free translation of the question Is it possible to create a glow effect in SVG from participant @HoCo_.

Mobile version of the site, what is the best way to do it?

The site will be made on WordPress and then you need to not just adapt it with the help of media queries, but make a separate ... the mobile version and do the integration again from scratch? Or the mobile version can be made in one installing WordPress?

Checking for the presence of a value in the lang attribute of the tag

All good time of the day, help plz, I can not understand why the condition does not work. The situation is as follows, there ... re assigned at once <div class='russian english latvian lithuanian estonian'> Please help me, what am I doing wrong?

Difference between display: inline-table; and display: block;

Question: What is the difference between display: inline-table; and display: block; or in general No display In CSS i ... background: #4b545f; } nav ul ul ul { position: absolute; left: 100%; top:0; }

How do I expand the navigation bar?

When you reduce the browser window, the navigation bar collapses, but you can't expand it back, I would like the list to expa ... .8.3/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>

How to make the background the full width of the screen if its parent is not the full length

I make a header for the site. I ran into a problem: I want all the content of the site to be stored within a single common co ... ; <div class="wrapper"> <header> </header> </div> </body> </html>

Attribute class not allowed on element span at this point

The validator returns an error Attribute class not allowed on element span at this point. The specification for span stat ... ик простым языком, понятным неискушенному пользователю</span> </section> What could be the problem?

How do I add a font awesome 5 icon via css?

I can't add the font awesome 5 icon via the pseudo element :: after Here is the code: summary::after { content: "\f107"; font-family: FontAwesome; position: absolute; right: 0; }

Why isn't the font awesome 5 icon added via css to the pseudo element?

Why isn't the font awesome 5 icon added via css to the pseudo element? Here is the code: .header__offer::before { conte ... r-radius: 50%; background: rgba(255,255,255,.5); position: absolute; top: 0; left: 0; font-size: 20px; }

How to make it up?

There is a layout and I am interested in how you can make up the navigation(the white block on top). The size of the layout i ... th or without a centering device, if without, then you need to write the logo margin-left. What do you recommend ? Layout:

@media request doesn't work

There is a code, I want to add a media request with a resolution of 992px. I look through the code inspector, but everything ... 2px) { .logo { display: block; margin: 0 auto; } } </style> <!--мой код--> </body>

How do I stretch a block to the full height of the parent?

I have three blocks with a width of 30% that stand in a row using: display: flex; justify-content: space-between; It looks ... his example is on JSFiddle: https://jsfiddle.net/YuriiSpace/u96L4x01/ It is desirable that the solution is cross-browser.

Animation of a bitmap image of an airplane along an svg path

To implement a scene of an airplane flight with Santa Claus on board, I found two bitmaps: Decorated Christmas tree in the ... How to implement the animation of the plane along this route and landing it on a forest clearing near the Christmas tree.

How to optimize the svg code obtained from the vector editor

I need to somehow optimize the code output from the vector editor Inkscape For example, I draw a basic SVG shape - circle, ... optimize the code, remove all redundant service information for the vector editor, reduce the number of decimal places, etc.

Canvas HTML5 rebuilding a shape by the specified coordinates

I have a problem with rearranging the shape by coordinates. Dots connected by lines are drawn on the canvas. When you cli ... pen.io/Stacky/pen/NmMYLo P.S. Another implementation with point movement (but no lines) https://codepen.io/Stacky/pen/bJMMBX

How do I insert an image using the before pseudo element?

I can't insert images using the pseudo-element before, help who knows Here is the code: .services__help-bottom { backg ... mily: FontAwesome; background: #23aae2; position: absolute; left: 50%; margin-left: -30px; top: -30px; }