YounaM – Learning Journal

Parallax

When 2 or more layers are moving at different speeds in the same or opposite direction it creates a sort of gliding effect. This effect is known as parallax. There are many ways we can achieve the parallax effect using CSS.

Why you should make Mobile-Fist A Priority?

Mobile-first design is a web development strategy that considers the mobile user’s needs first. It creates a better experience for these users by starting the design process from small screens instead of the other way around. So instead of creating a desktop website and then forcing it to fit into a mobile phone, you start with a small screen. Also, let me assure you, it’s much easier to scale up to big sizes than scale down from big design elements to small ones ensuring that your user’s experience is seamless across devices.

What is Responsive Design?

Responsive design is a graphic user interface (GUI) design approach used to create content that adjusts smoothly to various screen sizes. Designers size elements in relative units (%) and apply media queries, so their designs can automatically adapt to the browser space to ensure content consistency across devices.

CSS Layout

CSS page layout techniques allow us to take elements contained in a web page and control where they’re positioned relative to the following factors: their default position in normal layout flow, the other elements around them, their parent container, and the main viewport/window.

Typography Guidelines For Website Usability

Typography is the detail and the presentation of a story. It represents the voice of an atmosphere, or historical setting of some kind. It can do a lot of things. (Cyrus Highsmith)

HTML TAGS

Over the past weeks, I’ve learned a lot about HTML tags, the most important is that there are a lot of tags and each tag has a specific function. I’ll share with you some unusual tags.