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.
After the recent compatibility of CSS Grid with the latest versions of the most used browsers, it stands as an alternative to Flexbox. Therefore, we will see some details that differentiate one from another by a small example, to be able to check their differences and how they can fit better our needs.
This is going to be an exciting year as far as trends in web design are concerned. We will see how the form and tools of the designer and web designer work with the latest CSS specifications and where to find inspiration for new projects.
Atom is an open source editor developed by GitHub itself. One of its most notable features is its high customization. In this article you will find our selection of 9 extensions essential for working and improving our workflow.
We continue with the second part of the tutorial on how a web works. In this case it is the turn to the CSS, language much beloved in SiloCreativo. We will talk about versions, selectors and utility links.
HTML is the base language for web design. In this first part of the basic tutorial on how a web works we will see what the attributes, the opening and closing tags are, and how to conjugate HTML with CSS.
In responsive web design we need some CSS rules that allow us to apply styles according to the size of the screen of our resolution, being able to adapt the design to all devices: mobiles, tablets, desktop …
Advantages and disadvantages of using a CSS framework when doing a website layout. We review what the most used alternatives are depending on the type of project.
Today we will improve our CSS writing with these simple tips on text editors. What reset should we use? How to correctly name the classes? How to discuss and organize our CSS in a web design project?
One of the most useful elements of CSS3 is the gradients. With them we can create cool gradients for a background, a header or a concrete block text. Let’s see how to create them in the following tutorial.
We bring you resources for web design as CSS, pseudo icons with an encyclopedia of CSS templates to make your style guide, and some more styles for inspiration. Do not expect a huge list, you know that here we are fans of quality over quantity. I hope you find them useful!
It is a recurring question, especially in the WordPress forums. Suppose you want to modify a particular element of your design: the size of H1, the range of colours or just the tone of the social buttons … These modifications require in most cases a bit of CSS. But do not panic, there are several methods to do so safely and without hardly touching code.
The main change in conceptualization that responsive web design has brought is certainly the replacement of the pixel by relative units.