skip to content

10 Juli

Jul 10, 2019
Apr 22, 2020

css

DailyLogs

IMAGE GALLERY (6)

Major operations to keep in mind while using design tools

Opacity and color gradient makes color come to life
Add extra detailing to main elements
1. adding some small horizontal curved edges rectangles along the border
2. use stroke
Grouping and duplicating elements
Moving elements to forground and background
Union, intersection operations to cut and grab required shape
quick scaling up and down
Start by looking the shape and questions what the closes shape it resembles to? 8.

Why bother about CSS?

Its universal, every browser uses it to style webpages
Responsiveness and supporting various devices, monitors, mobile phones, ultra wide screens
Good design leads to good UX
The BOX MODEL - everything is a box
- circle is rectangle box with 50% border radius
- Big boxes are made up of smaller boxes
Positioning
- absolute - relative to its parent element

background image or color is displayed on content box, border box, padding box
BUT NOT on the margin box.<br>
Use **border-box** sizes most of the times to prevent confusion<br>
`em` are cascading<br>
`rem` are relative to root

PNG have transparetn background while JPEG do not
SVG size is smaller than PNG

Most frequently used css properties

Responsive design

How many breakpoints and at what screen size *

Footnotes