nim random font color

นคร

แบบอักษรแบบสุ่มและสีพาสเทลสำหรับการออกแบบ UI/UX ของคุณออกแบบสำหรับผู้ที่ไม่ได้ออกแบบการออกแบบ Man Poors แพ็คเกจ NIM ใช้งานได้ดีกับ nodejs

Bulma CSS & Spectre CSS Support

คอมไพล์เวลาเทมเพลตที่ห่อ htmlgen เพื่อคาย Bulma & Spectre พร้อม HTML นอกจากนี้ 1 ปุ่มและ 1 แท็กเทมเพลตสมอที่ Disables อัตโนมัติเมื่อคลิก เราใช้เฟรมเวิร์ก CSS Bulma & Spectre เพราะเป็นเฟรมเวิร์ก CSS เดียวที่ ไม่ได้ใช้ JavaScript เนื่องจาก NIM ทำงานบนส่วนหน้าทำให้พอดีสมบูรณ์แบบ สำหรับข้อมูลเพิ่มเติมโปรดดู https://bulma.io & https://picturepan2.github.io/spectre/getting-started.html

 import random_font_color
echo Table ( " my table " )
< table class = " table is-bordered is-striped is-hoverable table-striped table-hover " > my table < / table >

ใช้

 >>> import random_font_color
>>> echo get_random_handwriting_font ()
" Redressed "
>>> echo get_random_mono_font ()
" Inconsolata "
>>> echo get_random_display_font ()
" McLaren "
>>> echo get_random_sans_font ()
" Lato "
>>> echo get_random_serif_font ()
" Rasa "
>>> echo get_random_font ()
" Yellowtail "
>>> echo get_random_pastel_color ( " dark " )
(name: " darkgray " , hexa: " #a9a9a9 " , rgb: [ 169 , 169 , 169 ], rgb_percent: [ 66 , 66 , 66 ])
>>> echo get_random_pastel_color ( " light " )
(name: " lavenderblush " , hexa: " #fff0f5 " , rgb: [ 255 , 240 , 245 ], rgb_percent: [ 100 , 94 , 96 ])
>>> echo get_random_pastel_color ()
(name: " chocolate " , hexa: " #d2691e " , rgb: [ 210 , 105 , 30 ], rgb_percent: [ 82 , 41 , 11 ])
echo get_random_css_pattern ()
"""
background:
  linear-gradient(transparent,transparent 10px,#fff 10px, gray 14px,#fff 15px,rgba(0, 0, 0, 0) 14px,rgba(0, 0, 0, 0)),
  linear-gradient(135deg,transparent,transparent 12px,#fff 12px,#000 15px, transparent 15px,transparent),
  radial-gradient(10px 10px,circle,#FFF 7px,transparent 9px);
background-size: 35px 30px,4px 30px,20px 30px;
background-position: 0px 8px,31px 35px,25px 10px;
background-color: #87cefa;
background-repeat: repeat-y;
"""
>>>

nodejs

 node random_font_color . js

( name : "forestgreen" , hexa : "#228b22" , rgb : [ 34 , 139 , 34 ] , rgb_percent : [ 13 , 54 , 13 ] )
( name : "mintcream" , hexa : "#f5fffa" , rgb : [ 245 , 255 , 250 ] , rgb_percent : [ 96 , 100 , 98 ] )
( name : "darkslategray" , hexa : "#2f4f4f" , rgb : [ 47 , 79 , 79 ] , rgb_percent : [ 18 , 30 , 30 ] )

• รวบรวมโดยใช้ nim js -d:nodejs random_font_color.nim

ติดตั้ง

 nimble install random_font_color

สิ่งจำเป็น

• ไม่มีความสุข

เอกสาร

get_random_pastel_color ()

คำอธิบาย: รับสีเข้มหรือสีอ่อนแบบสุ่มเป็นสตริงมีประโยชน์สำหรับสไตล์ CSS .. PROC ไม่ยอมรับ string char เท่านั้น

ข้อโต้แย้ง:

• tone หนึ่งใน "dark" หรือ "light" , มืดสำหรับสีเข้มและแสงสำหรับสีอ่อน, ประเภท string , เสริม

ผลตอบแทน: ประเภท tuple

• proc อื่น ๆ ทั้งหมดไม่สามารถใช้ข้อโต้แย้งใด ๆ ได้เลยเพียงแค่ใช้โดยตรง

get_random_css_pattern ()

คำอธิบาย: รับรูปแบบ CSS3 ที่ไร้รอยต่อแบบสุ่มที่มีสีพาสเทลเป็นสตริง สำหรับสไตล์ HTML ด่วน รูปแบบนี้ได้รับการทดสอบบน HTML/CSS ซึ่งกันและกันพวกเขาดูดีมากในชุดค่าผสมทั้งหมดเราไม่ใช่นักออกแบบ แต่สิ่งนี้มีประโยชน์สำหรับการจัดแต่งทรงผมแบบรวดเร็วและการจัดแต่งทรงผม จาก lea.verou.me/css3patterns และ bennettfeely.com/gradients และของฉันเอง

อาร์กิวเมนต์: ไม่มี

ผลตอบแทน: 1 รูปแบบ CSS3 ที่ไร้รอยต่อแบบสุ่มที่มีสีพาสเทลประเภท string

ทำไม

• สิ่งนี้มีประโยชน์สำหรับอะไร ??? นี่เป็นตัวอย่างของการนำเสนอสไตล์อัตโนมัติด้วยสิ่งนี้