BUILDING PAGINATION USER INTERFACE DESIGN IN SASS (SCSS)
Video : English Language
Tutorial : BUILDING PAGINATION USER INTERFACE DESIGN IN SASS (SCSS)
Githup link: SASS(SCSS)
Sass(Scss) is the most mature, stable, and powerful professional grade CSS extension language in the world. Sass is actively supported and developed by a consortium of several tech companies and hundreds of developers. SASS(SCSS) More Information
What We Can Learn?
In this video tutorial, we created pagination user interface design for image and news websites in sass or scss. Firstly we created number list and rectangular box. We entered the text and box values. As a last action we entered colors and other stylistic values. Finally you can also learn, how are these codes implemented on your web sites.
We Learn About
Color
Used => aliceblue, fuchsia, rgba(0,0,0,.1), #b4004e, rgba(0,0,0,.5), midnightblue, #ff0084
Box Values
Used => border-radius, box-shadow, indent, align
Text Values
Used =>line-height, text-align, font-family, list -style
And Old Commands
Used => padding, margin, width, display
Requirements
1-Brackets Program
2-Basic HTML code knowledge
2-Basic SCSS code knowledge
Difficulty
Intermediate Level
Description
We will going to learn SASS(SCSS) in this video. In the video we used; Font And Text Values(size, weight, decoration, transform, indent, align), color( crimson , #d3654c , fuchsia, rgba(255,255,255,0.4,), #f2f2f2), margin values(top, left, bottom, right) and old commands(float, width,display , border-radius ,position, opacity).
Video Tutorial - English Language - 720p
Curriculum
If you want to more learn about SASS you can follow me and you can see its below !
Box Products For Shopping Web Pages
Simple Flat Prıcıng Table Design
Profile User Interface Design Part 2
Profile User Interface Design Part 1
Responsive Mobile Contact Form
Fire And Glacier Text Animation
Author : @tarikhakan55
Steemit Türkiye & Utopian-io
Community
Posted on Utopian.io - Rewarding Open Source Contributors
#tr den geldim :) Utapian merakım var, postlarınızı severek takip edeceğim :)
Öncelikle hoşgeldiniz. Çizim yeteneğiniz var ise en uygunu ve kolayı logo tasarlamaktır. Türk modlar ile bağlantı kurarsanız yol gösterirler
Thank you for the contribution. It has been approved.
You can contact us on Discord.
[utopian-moderator]
Thank you
You've got upvoted by
Utopian-1UP
!You can give up to ten 1UP's to Utopian posts every day after they are accepted by a Utopian moderator and before they are upvoted by the official @utopian-io account. Install the @steem-plus browser extension to use 1UP. By following the 1UP-trail using SteemAuto you support great Utopian authors and earn high curation rewards at the same time.
1UP is neither organized nor endorsed by Utopian.io!
Hey @tarikhakan55 I am @utopian-io. I have just upvoted you!
Achievements
Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!
Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x