Time progress bar with CSS
In this article we are going to experiment with a new value for the CSS position property to create a progress bar reading the articles without the need of using PHP or JavaScript, just HTML and CSS.
Here is where we write about latest web design inspiration and tips. Whether you’re looking for CSS tutorials, pro tips on creating a responsive website, examples of HTML5, answers to what is typography, tricks on website layout, typography tutorials, examples of CSS, the best free fonts and more – this is your place!
In this article we are going to experiment with a new value for the CSS position property to create a progress bar reading the articles without the need of using PHP or JavaScript, just HTML and CSS.
Here is a new SiloMag, the section that we bring you every two weeks, and where we share the latest news, resources and articles that we have found most interesting about graphic design, web design and WordPress.
In this demo you will see how to create a horizontal social bar to share your articles. We will model it so that it stays fixed and floating in the lower part of the screen. All with HTML and CSS3.
A new issue of SiloMag is here, the section of SiloCreativo where, every two weeks, we share the latest news, resources and articles that have seemed most interesting to us in recent days.
Forms are one of the most forgotten element in web design. But this doesn’t make much sense because forms are where the user interact with our apps or website. Let’s revise how we can improve the UX with new CSS pseudo-classes.
404 error pages are one of the most neglected sections in web design. With these designs and CSS animations there are no excuses for not having a creative and funny design.
SiloMag is again here, with the most interesting news and resources we have found during the last two weeks on the world of graphic design, web design and WordPress, and that inspire us in our day to day life.
Examples of CSS and HTML designs of subscription forms for newsletters perfect to find a little inspiration. They are easily applicable to any form, especially the WordPress subscription widget.
Here is a new SiloMag, the section that we bring you from Silo Creativo every two weeks, and where we share the latest news, resources and articles that we have found most interesting about graphic design, web design and WordPress.
We animate the hamburger icon, which gives access to the responsive menu using transformations and CSS pseudo elements along with HTML, and turning the element into a new menu close icon that improves the UX in case the user wants to return to the previous view.
If you are not familiar with the bounce rate yet, this is your post, as we will explain exactly what it is and how you can reduce it effectively so that your web is much more attractive for your users, visitors and / or buyers.
Today we enlarge our stock of image with 4 more that surely contribute creativity to your project! There is something for everyone, have you found your favourite? 😉
The Google Fonts are here! In this case we take combinations between the same families, so that we see their versatility and how they can print character to our project. Which one do you prefer?
Each of the elements of the web should be designed independently but without losing sight of the fact that it participates in a set, which in the end is the one that has to works. Today we talk about colour on the web with some tips to print colour to those elements.