די קראַנט CSS לייברעריז זענען דערווייַז פון די הויך מדרגה פון וועב פּלאַן און ווי דאָס מאַכן די זאכן גרינגער ווען עס קומט צו ימפּלאַמענינג די בריליאַנט וועגן צו פֿאַרשטיין וואָס די וועב דערפאַרונג איז.
וואָס איז וואָס מיר וועלן ייַנטיילן 23 הויך קוואַליטעט קסס לייברעריז פון פאַרשידן קינסטלער וואָס באַווייַזן ווי אַלץ איז מעגלעך דורך דעם פּלאַן שפּראַך. אַ טשיקאַווע פאָרשלאָג פון רעסורסן צו ווונדער וואָס קענען זיין אַטשיווד דורך CSS.
ינדעקס
- 1 בלער מעניו
- 2 CSS3D קלאָודס
- 3 לאָגאָס אין ריין קסס
- 4 נאַוויגאַציע באַר דורך Jan Kadera
- 5 בילד פּאַנאַלז גליידינג
- 6 טאָפּל רינג
- 7 פלעקסאַבאַל
- 8 א פאַרביק נאַוויגאַציע מעניו
- 9 פּראָגרעס באַרס אין CSS3
- 10 Animate.css
- 11 ספּינקיט
- 12 קנעפּלעך
- 13 פליפּסוויטטש
- 14 Hint.css
- 15 קאָלאָרס.קסס
- 16 Voxels.css
- 17 טיפּאָגראַפי
- 18 Spinners
- 19 אָפּצאָל שורה ינדאַקייטערז
- 20 CSS לאָודער
- 21 בילד האָווער
- 22 hue.css
- 23 מאַטיריאַלייז
בלער מעניו
א בריליאַנטלי אָפּטימיזעד דעמאָ אין וואָס איר קענען געפֿינען אַרויף צו זיבן ביישפילן. זיי נוצן די CSS3 יבערגאַנג און וואָס וואָלט זיין גרויס סייכל אין די נוצן פון פאַרשידענע סעלעקטאָרס צו שאַפֿן אַ הויך קוואַליטעט בלער ווירקונג.
CSS3D קלאָודס
מיט בלויז האָווער איבער דעם דעמאָ, איר וועט קענען צו דערפאַרונג די גרויס ווירקונג אַטשיווד מיט דעם CSS ביבליאָטעק. בעסטער פון אַלע, די וואלקנס זענען אין פול באַוועגונג. עס ניצט CSS3 3D Transforms און JavaScript. פֿון דעם לינק איר קענען אַקסעס די טוטאָריאַל צו געפֿינען יעדער פון די סטעפּס.
לאָגאָס אין ריין קסס
די ביבליאָטעק כּולל עטלעכע פון די מערסט פאָלקס לאָגאָס דורך אַלע אַזאַ ווי עפּל אָדער טוויטטער. עס איז מער ווי טשיקאַווע אַז איר קענען וויסן די פּראָפּערטיעס פון יעדער פון די לאָגאָס דורך שטעלן די מויז טייַטל. איר האָבן אַלע אַקסעס צו די גאַנץ קאָד פֿון דעם לינק.
פֿון codepen.io מיר האָבן אַקסעס צו דעם נאַוויגאַציע באַר אין 3 ד אַז מאָוועס וואַנדערפאַלי און פֿון וואָס מיר קענען גאָר וויסן זייַן קאָד. די מאָדנע זאַך פון דעם ביבליאָטעק איז אַז עס באשטייט פון בלויז 65 שורות. די נייַע CSS3 פֿעיִקייטן זענען פאָרשטעלן אין די טיף פעלד ווירקונג.
בילד פּאַנאַלז גליידינג
איר האָבן אַקסעס צו דעם טוטאָריאַל פון דא. זייַן גרויס ווערט איז ווי גלאַט די אַנאַמיישאַנז ווען סליידינג די בילד פּאַנאַלז. איר קענען אַקסעס פיר ווערייישאַנז צו ינקאָרפּערייט זיי אויף דיין וועבזייטל און דערגרייכן אַ גלענצנדיק רעזולטאַט.
טאָפּל רינג
מיר זענען פריער אַ בישליימעס ריקריייטיד רינג מיט אַ גרויס מאַנופאַקטורינג אַנאַמיישאַן. פֿון codepen.io איר האָבן אַקסעס צו אַלע די קאָד פון הונדערטער שורות.
פלעקסאַבאַל
פלעקסבאָקסעס זענען די נייַע CSS וועג צו ווייַזן שפאלטן אויף אַ בלאַט. א גאַנץ פולשטענדיק וועגווייַזער צו פֿאַרשטיין די קאַנטיינערז.
איר האָבן אַקסעס צו אַלע HTML און CSS פֿאַר דעם נאַוויגאַציע מעניו וואס האט אַ פּלאַץ פון ליבע פֿאַר קאָליר. עס איז גאָר געמאכט אין CSS אַזוי אַז איר קענען ייַנטונקען זיך אין דעם שפּראַך.
פּראָגרעס באַרס אין CSS3
כאָטש עס איז אין ענגליש, ווי רובֿ בוקסטאָרז, HTML און CSS זענען געזונט דיטיילד דארף צו האָבן גרויס פּלאַן פּראָגרעס באַרס. גראַדיענץ, שורות און אנדערע טייפּס פון וויזשאַוואַל יפעקס דערוואַרטן איר.
Animate.css
פאָלקס אויף גיטהוב, עס ס דורכגעקאָכט גאָר אין CSS. אויסקלייַבן די אַנאַמיישאַן איר ווילן צו וויסן, און איר נאָר האָבן צו גיט אויף די "ופלעבן עס" קנעפּל צו זען די ווירקונג אין Animate.css. איר קענען אראפקאפיע אָדער זען עס אויף גיטהוב.
ספּינקיט
מיר זענען פייסינג אַ זאַמלונג פון ינדאַקייטערז וואָס קענען דינען פֿאַר אַלע מינים פון וויזשאַוואַל עלעמענטן אין די וועב. דריקט אויף "מקור" און איר וועט געפֿינען אַלע די קאָד נויטיק פֿאַר דער דורכפירונג.
קנעפּלעך
א CSS קנעפּל ביבליאָטעק פון אַלע וועגן און יידיאַז צו געפֿינען די איין איר דאַרפֿן צו דיפערענשיייט זיך פון די פאַרמעסט. פֿון די סיידבאַר איר קענען דיאַקטיווייט די שאַפּעס אָדער יפעקס אַז איר טאָן נישט וועלן צו געפֿינען און אַזוי פאָקוס אויף איינער אין באַזונדער.
פליפּסוויטטש
מיר זענען פריער אַ אַפּ אַז אַלאַוז איר צו דיסייבאַל עטלעכע קנעפּלעך צו שאַפֿן איינער וואָס איז פּונקט וואָס מיר זוכן פֿאַר. מיר נוצן פאַרשידענע סעטטינגס און לעסאָף מיר קענען רעפּראָדוצירן דעם קאָד וואָס מיר וועלן נאָכמאַכן פֿאַר אונדזער וועבזייטל. א זייער טשיקאַווע מיטל פֿאַר זייַן ווערסאַטילאַטי און ויסגעצייכנט סטיל.
Hint.css
א CSS ביבליאָטעק אָן דזשאַוואַסקריפּט און גרייט פֿאַר איר צו נוצן ווי איר ווילט. קליין אין גרייס, גרינג צו נוצן און עס אַרבעט אין אַלע די מערסט מאָדערן וועב בראַוזערז.
קאָלאָרס.קסס
פאר דעם וואס קוק פֿאַר קאָליר פון אַ טשיקאַווע אָלטערנאַטיוו און וואָס אַלאַוז גיך פּראָטאָטיפּינג פֿאַר וועבסיטעס מיט אַ גרויס וויזשאַוואַל אַספּעקט.
Voxels.css
אויב איר וויסן מינעקראַפט, די קאַנסטראַקשאַן שפּיל, די קסס ביבליאָטעק איז אַוואַדע גרינג צו דערקענען. דרייען ווי מיר דרוקן אין דעם צענטער צו דזשענערייט די גרידס.
טיפּאָגראַפי
א ריין CSS שריפֿט לייטווייט פשוט שליימעסדיק פֿאַר דיין ווייַטער פּרויעקט.
Spinners
א גרויס זאַמלונג פון אַנאַמיישאַנז פון לאָודינג ייקאַנז אין CSS און HTML.
אָפּצאָל שורה ינדאַקייטערז
ריין טעקסט אין CSS פּאָרצו מאַסע ינדאַקייטערז פון אַלע מינים. א גרויס מקור צו געפֿינען די נייטיק און רעכט גראדן פֿאַר דיין וועבזייטל.
CSS לאָודער
אַנדערער שריפֿט פֿאַר לאָודינג ייקאַנז וואָס קענען זיין קאַסטאַמייזד פֿאַר אַלע מינים פון אַנאַמיישאַנז.
בילד האָווער
א סקאַלאַבלע קסס ביבליאָטעק און פון קליין וואָג פון בילדער פֿאַר די סאָרט «כאַווער».
hue.css
א מקור פון 49 גראַדיענץ אָדער פאָטאָרעאַליסטיק גראַדיענץ פֿאַר אַלע טייפּס פון אינהאַלט און בילדער.
מאַטיריאַלייז
Un CSS פריימווערק באזירט אויף מאַטעריאַל פּלאַן, דער פּלאַן פּרינציפּ געניצט דורך Google אין אַ גרויס נומער פון אַפּפּס און אין זיין אַנדרויד אַפּערייטינג סיסטעם.
דו זאלסט נישט פאַרפירן די אַפּוינטמאַנט מיט העכסט פאַרטיק וועבס מיט svg בילדער.
זייט דער ערשטער צו באַמערקן