זה תיבת הסימון. מציעה עשרות סגנונות חינם CSS סגנונות

מחפש סגנונות תיבת סימון מותאמת אישית של ממשק המשתמש עבור האתר שלך? תסתכל על ספריית תיבת סימון מתארח בחינם על GitHub.

ספריה מסיבית זו תומך עשרות סגנונות עבור פריטים תיבת הסימון, כגון המחוונים, on / off עיצובים, עיגולים & ריבועים בין צורות רבות אחרות.

אתה קבל גישה מלאה לקוד HTML / CSS, אז זה משב רוח כדי לקבל את זה ולהפעיל את האתר שלך. שלא לדבר על זה גם פתוח פתוח מלא ו זמין עבור פרויקטים אישיים ומסחריים.

כדי להתחיל, אתה יכול לבקר את ריפו GitHub ו הורד את כל הקבצים באופן מקומי למחשב שלך. לחלופין, ניתן להתקין את הספריה באמצעות npm.

כברירת מחדל, כל סגנון תיבת הסימון מגיע עם הכיתה שלו. ה checkboxes.min.css stylesheet יש את כל מה שאתה צריך, אז אם זה כלול בדף שלך אז אתה מוכן.

כל סגנון תיבת סימון תומך דפדפנים מודרניים ביותר דפדפני מורשת, כולל IE9+.

זרימת העבודה עבור ספריה זו היא אולי הפשוטה ביותר שראיתי אי פעם. לאחר שתוסיף את גיליון הסגנונות לדף שלך, פשוט לחפור את כל הסגנונות על ההדגמה הראשית ולראות מה בולט.

משם, אתה יכול לבחור מה עובד הכי טוב. לחיצה על לחצן HTML מציג מודאלית עם קוד המקור עבור תיבת סימון זו. עכשיו, פשוט להעתיק / להדביק אותו לתוך האתר שלך, לתת לו את השם הנכון / ערך (אם יש), ואתה מוכן!

לא טרחה, מעט מאוד התאמה אישית, ובעצם אין צורך במיומנויות קידוד.

תבחין בכל סגנון תיבת הסימון מגיע גם נושא אור כהה, לתמיכה גדולה יותר. זה אומר שאתה לא צריך שום בעיה למצוא את תיבת הסימון שמתאים עם האתר שלך. בנוסף, אתה יכול להשתמש בכיתות נוספות כמו .ckbx-small או .ckbx-xlarge כדי להגדיל את הגודל.

עם 25 + סגנונות שונים ואנימציות שונות, אני חייב להגיד את זה CSS תיבת הסימון מרשימה. נהדר עבור כל מפתח Frontend מחפש לחסוך זמן זרימת העבודה שלהם לשפר את עיצוב ממשק המשתמש של כל טופס אינטרנט.