Web Development – GRAFISKWEB

Mobile UX Design: Rules and Guidelines

GRAFISKadmin — Sat, 10 Sep 2022 07:08:57 +0000

To create great mobile UX, you need to follow the best practices developed over the last several years. There are so many things we have to consider, including the growing list of mobile devices, the ways people interact with them, and the fact that people want consistent experiences across all device types. This video presents […]

The post Mobile UX Design: Rules and Guidelines appeared first on GRAFISKWEB.

CSS Transform Is Dead! Use this Instead

GRAFISKadmin — Sun, 04 Sep 2022 08:56:32 +0000

CSS is adding lots of new features and some of the smaller quality of life features they added recently were the addition of the translate, rotate, and scale properties. These properties almost entirely remove the need to use the transform property which is incredibly nice since there are tons possibilities this opens up that were […]

The post CSS Transform Is Dead! Use this Instead appeared first on GRAFISKWEB.

The Shocking State of JavaScript

GRAFISKadmin — Mon, 21 Feb 2022 10:00:46 +0000

Results from the 2021 State of JavaScript survey are in and the results may shock you. Compare trends in frontend web frameworks like React, Angular, Vue, and Svelte. Youtube – Fireship

The post The Shocking State of JavaScript appeared first on GRAFISKWEB.

Align-items & align-content in flex and grid

GRAFISKadmin — Wed, 02 Feb 2022 09:34:39 +0000

It seems like we mostly ever use align-items, but it’s important to know how align-content works as well. Links ✅ The simple example code: https://codepen.io/kevinpowell/pen/gO… ✅ The practical example code: https://codepen.io/kevinpowell/pen/Jj… 00:00 – Introduction 00:42 – align-items with flex 02:34 – align-content with flex 08:19 – both of them with grid 09:59 – […]

The post Align-items & align-content in flex and grid appeared first on GRAFISKWEB.

4 Cool Website Effects

GRAFISKadmin — Tue, 07 Dec 2021 07:29:46 +0000

Creative interactions & animations can truly be what takes a website from Great to award-winning. Here are 4 incredibly delightful effects for your inspiration. Websites mentioned: https://www.idlehourvodka.com/ https://dala.ai/ https://iqosa.com/ https://one-is.com/ 00:00 Intro 00:43 Effect #1 2:00 Effect #2 3:47 Effect #3 5:22 Effect #4 Youtube – Flux

The post 4 Cool Website Effects appeared first on GRAFISKWEB.

Concepts to help simplify CSS layouts

GRAFISKadmin — Fri, 03 Dec 2021 12:15:26 +0000

CSS can be frustrating when it doesn’t work how you think it should, but there is logic in what it does and how it works! 00:00 – Introduction 01:01 – The box model and auto width and height 05:11 – What changes with flex and grid? 08:35 – Have your HTML in place first Youtube […]

The post Concepts to help simplify CSS layouts appeared first on GRAFISKWEB.

CSS: Dynamic font size

GRAFISKadmin — Sat, 25 Sep 2021 14:17:00 +0000

Did you know you can create truly dynamic fonts, widths, margins, paddings, and more with clamp(), the native CSS function?! As of the time of this video, it’s available in 92% of browsers used every day around the globe. Youtube – Coding in Public

The post CSS: Dynamic font size appeared first on GRAFISKWEB.

A Dev’s Guide to CSS Grid

GRAFISKadmin — Sun, 15 Aug 2021 07:41:27 +0000

In this talk, we’ll learn the 8 new pieces of Grid spec the will enable us up to build the vast majority of the layouts we’ll use in real life! Around these 8 details, we’ll start with a brief tour of CSS layout history, and finish with some practical Grid ProTips. Youtube – Coding Tech

The post A Dev’s Guide to CSS Grid appeared first on GRAFISKWEB.

Flexbox and CSS Grid

GRAFISKadmin — Sat, 17 Jul 2021 09:51:48 +0000

Flexbox and CSS Grid are two CSS layout modules that have become mainstream in recent years. Both Flexbox and CSS Grid allow web designers to create complex layouts that were previously only possible by applying CSS hacks and/or JavaScript. Flexbox and CSS Grid share multiple similarities, and many layouts can be solved with both. Youtube […]

The post Flexbox and CSS Grid appeared first on GRAFISKWEB.

CSS Grid Model in 2021

GRAFISKadmin — Sat, 10 Jul 2021 06:24:45 +0000

Master the CSS Grid Model by Building 5 Responsive Layouts in 5 Levels across various screen sizes in 2021 Youtube – Joy Shaheb

The post CSS Grid Model in 2021 appeared first on GRAFISKWEB.

Learn Sass in this free Crash Course

GRAFISKadmin — Mon, 27 May 2019 10:04:04 +0000

Youtube – DesignCourse

The post Learn Sass in this free Crash Course appeared first on GRAFISKWEB.