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!
Today I’d like to present how to draw Star Wars characters using the HTML5 markup and CSS3 styles.
We can improve the user experience highlighting the active menu item on our websites. This makes navigation easier because the visitor will know at the first glance which is the current page.
This strategy also increases the amount of visited pages because the visitor will more likely click the next page when it’s easier to find that.
The New HTML Editor Tools
Today I’d like to talk about a new website that collects the best HTML tools. Similar to our online HTML editor, but in this case the cleaning options are always visible and you can perform them individually with a click of a button.
Continue reading “Presenting The New HTML Editor Tools Website”
Gradient background buttons with animated hover transition effect implemented with HTML5 and CSS3. Try the onpage demo and see the focus position of the background travelling from one side to the other.
Do you remember when we used Microsoft FrontPage Editor when you just started working with web pages, and because of the familiar editor, it was easier to understand the original HTML code, which changed the original code into visual content, as long as the direct input text, pictures, hyperlinks. The modification of the styles could be made out of the page, of course. Nowadays most Content Management Systems, like WordPress, Joomla or DotNetNuke all have their own built in visual HTML editors. In most cases we never interact with the marku, we usually just use the WYSIWYG composer.
In this article I’m going to present a lightweight script to stick an HTML element to the top of the page when the user scrolls through it. Use this to make a menu, a call to action button or any other important element always stay in focus. Adjusting the script you can trigger other effects when the page scrolls through an anchor point. Here are the HTML CSS and JS codes to use to accomplish this effect.
Using the name attribute of the anchor tag has become obsolete so we have to find a new way to scroll to a certain point on the page when a link is being clicked. We want to do this animated, not just an instant jump to the target position.