nim random font color

nim-random-font-color

UI/UXデザイン用のランダムキュレーションされたフォントとパステルカラー、非デザイナー用のデザイン、POORS MANデザイン。 NIMパッケージ。 nodejsでは正常に動作します。

Bulma CSS＆Specter CSSサポート

htmlgenをラップしてBulma＆Specter Ready HTMLを吐き出すコンパイルテンプレート。また、クリック時に自動disables自体自体をボタンと1つのアンカーテンプレートタグもします。 Bulma＆Specter CSSフレームワークは、FrontEndでnimが実行されているためJavaScriptを使用しない唯一のCSSフレームワークであるためです。詳細については、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

必要条件

• nim

ドキュメント

get_random_pastel_color（）

説明： CSSスタイリングに役立つランダムな暗い色または明るい色を文字列として取得します。Crocはchar stringのみを受け入れません。

議論：

• tone "dark"または"light"の1つであり、暗い色のために暗い色と明るい色の明るい色、 stringタイプ、オプション。

返品： tupleタイプ。

• 他のすべてのproc 、議論をまったく受け取ることができません。直接使用するだけです。

get_random_css_pattern（）

説明：パステルカラーのランダムなシームレスなCSS3パターンを文字列として取得します。迅速なHTMLスタイリング用。このパターンは、HTML/CSSで互いにテストされています。それらはすべての組み合わせでかなりよく見えます。デザイナーではありませんが、これはクイックテンプレートとボイラープレートのスタイリングに役立ちます。 lea.verou.me/css3patternsとbennettfeely.com/gradientsおよび私自身から。

引数：なし。

返品：パステルカラー、 stringタイプの1つのランダムなシームレスCSS3パターン。

なぜ？

• これは何に役立ちますか？