This floating block is perfect for placing an advertising block or banner in it. To create a floating block (floating banner) on your site, you will need to connect the jQuery library. It is connected as follows: The block that will move after scrolling the page should be located inside the parent block and have […]
Continue ReadingThe proposed feedback form sends the data entered by users to the server, from where they will be sent to the mailbox specified in the script. Add the following code to the place on your page where you plan to place this form: Add CSS styles: Now all that remains is to add to the […]
Continue ReadingContent generation – a powerful tool in the hands of developers – has become available thanks to pseudo-elements ::before and ::after. This feature allows you to use less HTML code to achieve the same results. This is especially useful in cases where you need additional shadows or other visual elements that would need additional span […]
Continue ReadingCurrently, if you assign IDs to elements just to apply styles to them, you are most likely doing the wrong thing. CSS 2.1 and CSS3 have introduced some powerful selectors that can make your markup cleaner and your stylesheets cooler. The following selectors are supported by all major browsers, including IE9 and above.
Continue ReadingCSS animation is finally available in all major browsers, even in IE (starting with version 10). There are two ways to create animations in CSS. The first one is very simple, it is carried out through the animation of CSS property changes using the transition declaration. With transitions, you can create mouse hover or mouse […]
Continue ReadingWith so many new trends advancing every year it can be difficult keeping up with the industry. Website designers and frontend developers have been deeply ingrained into the newer CSS3 properties, determining the ultimate browser support and quirky hacks. But there are also brilliant CSS2 code snippets which have been unrequited in comparison. For this […]
Continue ReadingI want to tell you about several CSS properties and values that are rarely mentioned in the literature, but, in my opinion, are of some interest in terms of speed and quality of web interface development. Many of the properties that will be discussed are experimental. Most of them are supported by all modern browsers, […]
Continue ReadingProper use of them allows you to significantly reduce the time and labor costs for solving certain tasks in CSS. On the eve of the start of the new stream of the Frontend development course, we are sharing with you a description of the practical use of CSS variables in addition to their use for […]
Continue ReadingLocal WAMP server — a set of distributions and a software shell designed for creating and debugging websites (web applications, other dynamic content of Internet pages) on a local PC (without the need to connect to the Internet) running Windows OS. Installing wamp server on your computer.1. Download WampServer on the official website and just run […]
Continue ReadingXAMPP is a Web server assembly that contains a set of applications for the full functioning of the site. You do not need to configure each component separately. Accordingly, there is no need for high-speed Internet access and hosting. The project is cross-platform, which means that it works equally well on popular platforms: Windows, Linux, […]
Continue ReadingOne of the solutions that will help you deploy a full-fledged web server on your local computer. Want to check how the new script works? Need to test plugin compatibility for your CMS? Are you studying a new system for your web project? AMPPS will help you solve all these tasks and many others quickly, […]
Continue ReadingUntil the CSS styles are connected to the HTML page, there will be no effect from their use. There are several ways to do this. In order to demonstrate how each of these methods works, take, for example, an html file with the following content. Option 1. Inside the opening tag using the style attribute. […]
Continue ReadingI have already explained what the jQuery library is. It remains to tell how to connect it to the site (HTML) and show where it can be used.So how do you link the jQuery library to your site? There are two connection options: connecting to the file directly (via the official website) or downloading the […]
Continue ReadingThanks to the great and powerful CSS3, we can create a modal window on pure css, without resorting to additional scripts, modules and plugins. Step 1. Creating markup for the modal window Here you can change the title of the modal window and its contents. Step 2. Adding a button to open the modal window. […]
Continue Reading