navigation Problem Solved: Navigation on Scroll A challenge we recently faced was that we needed to create a navigation that shows only when scrolling up. How did we solve it? Well, firstly, the HTML for the form was created.
css Textarea Tag Busted The textarea is HTML tag mostly used for messages and comments. It is very similar to inputs, but because it provides an option to have more than one line of text, it is
css Unlocking CSS Box-shadow The box-shadow property is used to add a shadow effect to an element. This is property is used quite often to give depth to elements on a website, so it is useful to
css CSS Border-image The CSS border property is pretty familiar. With this property, you can define the color, style and width of an element border. The border-image property, on the other hand, lets you define a
css CSS Box-sizing In the previous article that covers CSS subjects, we talked about the box model. An important property that’s connected to the box model is the box-sizing property. The box-sizing property defines how
css CSS Box Model for Beginners Every beginner should first start with the basics. In case of CSS, the basics are learning the box model. Before proceeding with learning any other CSS concepts, this is the one you should
css CSS Animation The first step in using animation in CSS is transition property. When predefined transitions are not enough or just not suitable, there is CSS animation. Note: No JavaScript is used in this post!
css Understanding CSS Vendor Prefixes Have you ever wondered about what -moz- or -webkit- markings in CSS mean? Well, if you have, you are in the right place! Those markings are called vendor prefixes. About Vendor Prefixes Let’
css CSS Reset Maybe this post should be the first of the firsts because it's about how to start your CSS. Then again, you should be able to understand what exactly it is you're doing so
css CSS Formatting During our work on multiple projects, there often is a confusion on how to use CSS properly. This document is here to provide a clarification. The SASS 3 preprocessor introduces a new syntax
css CSS :before and :after The CSS :before and :after properties are what also known as pseudo elements. They are used to add something before or after the content of an element. There are a lot of great
css Input [type="text"] Busted Inputs are sooo important in the user experience design and it's crucial that their style is perfectly transferred from the design to the page. It's no secret that for a presentation on a
css CSS overflow The CSS overflow property specifies what to do in the case a content is too large to fit in the container box. It specifies if a scrollbar should appear, or if a content
css CSS will-change The coolest name, isn't it? Well, CSS is changing, and it will change, hopefully by adding more cool-name options. There's a word that will-change is here to change transition in the transition-transform relationship.
css CSS Bullet Style Are you a fan of making lots and lots of lists? Neither am I. But, here we are not talking about chore or shopping lists. We are talking about ordered and unordered lists
css CSS Transform Without the transition, transform property is able just to turn over the object it is applied to. So, in the most real-life situations (real-life?), these two options are applied together. Just Transform Powers
css CSS Transition So, we've moved from text and color in web design to unique, bombshell, explosions... OK, not that much, but we've moved. CSS follow and support those changes and because of that, we have
css CSS blend mode Usually, when adding an image to a website, the first thing we do is edit the image in an external software, such as Photoshop. Does the blend mode eliminate the need to use
css CSS Selectors - The Ultimate List As a front-end developer who writes approximately 238 lines of CSS every day I needed this. Nothing in the following text is really mine (even though they said that I always added something
css CSS clear float A little while ago we wrote about the float property. So, now is a good time to explain the clear property. The clear property is directly related to the float property. It specifies
Sass Sass Mixins This is the third post about specific Sass features and this one is about mixins. Previous were import feature and extend feature and there was one about nesting in general. This feature is
css CSS float One of the basic and the most important properties every web designer should learn is the float property. It is most commonly used for floating text around the image or creating the two
Sass Sass Extend Please make sure to read my post on Sass Import because I didn't want to copy-paste first part (it serves as an introduction to this post, as well). Extend represents the next (after
Sass Sass Import We can follow CSS progress by following the development of its pre-processors. Which preprocessor to use is a different time theme, but it’s really necessary to use one because they allow features
css CSS calc() Ever wondered what in the world is the calc() property? Well, you’re about to find out! It can be used for creating layouts in CSS. For this purpose, you can also use