You might have noticed a small flash icon next to a couple websites on the Google search results page and some social media sites. This icon means that the webpage is using the AMP technology and it’s loading lightning fast on mobile browsers.
The year 2019 is rapidly getting to the end. This means that it’s high time to start drawing conclusions, look back and sum up what were the most impressive techniques and web design approaches that we tried in the last 365 days.
Popup boxes are the most useful way of showing a warning or any other important information to the website visitors in many HTML5 templates. In this article I’m going to walk you through the creation of a very simple popup box with shadow overlay and close button. We’re going to implement this using HTML, CSS and jQuery in less than 100 lines (not compressed code).
If you just simply publish an email address on a website you can expect tons of spam in the inbox. Web spiders crawl the sites all the time looking to collect email addresses to send them spams, ads or viruses. This is why you have to make sure you never add your email to any website as plain text or link which is visible by robots.
All the Amazing Things You Can Do
In order not to get lost in the modern world of technologies, one must learn how to navigate. Well, before robots have conquered our world, let’s find out more about such a marvelous and at the same time frightening thing as coding, so when the final battle with robots comes, you will be ready to fight.
Positioning and aligning images on an HTML page is crucial to layout the page. One of the most common questions is how to align an image to the center of a section. In this article we’re going to discuss many possible ways of placing images to the center.
There are many free online tools with a simple interface which were developed to help us to convert text to uppercase, lowercase or sentence case with a few clicks. Some tools support even more specific settings, like random, pascal, alternating, or title case. The PascalCase, hyphen-case and the snake_case converters help us generate file names instantly.
I have already presented how to draw faces with plain HTML+CSS and we’ve also learned about CSS keyframes animation. Let’s combine these two and create a continuously moving face with blinking eyes looking around and with a smiling mouth. Let’s do this using nothing but plain HTML5 CSS3!