23 הויך קוואַליטעט CSS לייברעריז פֿאַר וועב פּלאַן

קסס

די קראַנט CSS לייברעריז זענען דערווייַז פון די הויך מדרגה פון וועב פּלאַן און ווי דאָס מאַכן די זאכן גרינגער ווען עס קומט צו ימפּלאַמענינג די בריליאַנט וועגן צו פֿאַרשטיין וואָס די וועב דערפאַרונג איז.

וואָס איז וואָס מיר וועלן ייַנטיילן 23 הויך קוואַליטעט קסס לייברעריז פון פאַרשידן קינסטלער וואָס באַווייַזן ווי אַלץ איז מעגלעך דורך דעם פּלאַן שפּראַך. אַ טשיקאַווע פאָרשלאָג פון רעסורסן צו ווונדער וואָס קענען זיין אַטשיווד דורך CSS.

בלער מעניו

בלער

א בריליאַנטלי אָפּטימיזעד דעמאָ אין וואָס איר קענען געפֿינען אַרויף צו זיבן ביישפילן. זיי נוצן די CSS3 יבערגאַנג און וואָס וואָלט זיין גרויס סייכל אין די נוצן פון פאַרשידענע סעלעקטאָרס צו שאַפֿן אַ הויך קוואַליטעט בלער ווירקונג.

CSS3D קלאָודס

וואלקנס

מיט בלויז האָווער איבער דעם דעמאָ, איר וועט קענען צו דערפאַרונג די גרויס ווירקונג אַטשיווד מיט דעם CSS ביבליאָטעק. בעסטער פון אַלע, די וואלקנס זענען אין פול באַוועגונג. עס ניצט CSS3 3D Transforms און JavaScript. פֿון דעם לינק איר קענען אַקסעס די טוטאָריאַל צו געפֿינען יעדער פון די סטעפּס.

לאָגאָס אין ריין קסס

לאָגאָס

די ביבליאָטעק כּולל עטלעכע פון ​​די מערסט פאָלקס לאָגאָס דורך אַלע אַזאַ ווי עפּל אָדער טוויטטער. עס איז מער ווי טשיקאַווע אַז איר קענען וויסן די פּראָפּערטיעס פון יעדער פון די לאָגאָס דורך שטעלן די מויז טייַטל. איר האָבן אַלע אַקסעס צו די גאַנץ קאָד פֿון דעם לינק.

נאַוויגאַציע באַר דורך Jan Kadera

יאַן

פֿון codepen.io מיר האָבן אַקסעס צו דעם נאַוויגאַציע באַר אין 3 ד אַז מאָוועס וואַנדערפאַלי און פֿון וואָס מיר קענען גאָר וויסן זייַן קאָד. די מאָדנע זאַך פון דעם ביבליאָטעק איז אַז עס באשטייט פון בלויז 65 שורות. די נייַע CSS3 פֿעיִקייטן זענען פאָרשטעלן אין די טיף פעלד ווירקונג.

בילד פּאַנאַלז גליידינג

סליידינג

איר האָבן אַקסעס צו דעם טוטאָריאַל פון דא. זייַן גרויס ווערט איז ווי גלאַט די אַנאַמיישאַנז ווען סליידינג די בילד פּאַנאַלז. איר קענען אַקסעס פיר ווערייישאַנז צו ינקאָרפּערייט זיי אויף דיין וועבזייטל און דערגרייכן אַ גלענצנדיק רעזולטאַט.

טאָפּל רינג

טאָפּל רינג

מיר זענען פריער אַ בישליימעס ריקריייטיד רינג מיט אַ גרויס מאַנופאַקטורינג אַנאַמיישאַן. פֿון codepen.io איר האָבן אַקסעס צו אַלע די קאָד פון הונדערטער שורות.

פלעקסאַבאַל

פלעקס

פלעקסבאָקסעס זענען די נייַע CSS וועג צו ווייַזן שפאלטן אויף אַ בלאַט. א גאַנץ פולשטענדיק וועגווייַזער צו פֿאַרשטיין די קאַנטיינערז.

א פאַרביק נאַוויגאַציע מעניו

נאַוויגאַציע

איר האָבן אַקסעס צו אַלע HTML און CSS פֿאַר דעם נאַוויגאַציע מעניו וואס האט אַ פּלאַץ פון ליבע פֿאַר קאָליר. עס איז גאָר געמאכט אין CSS אַזוי אַז איר קענען ייַנטונקען זיך אין דעם שפּראַך.

פּראָגרעס באַרס אין CSS3

Barras

כאָטש עס איז אין ענגליש, ווי רובֿ בוקסטאָרז, HTML און CSS זענען געזונט דיטיילד דארף צו האָבן גרויס פּלאַן פּראָגרעס באַרס. גראַדיענץ, שורות און אנדערע טייפּס פון וויזשאַוואַל יפעקס דערוואַרטן איר.

Animate.css

אַנימאַטעד

פאָלקס אויף גיטהוב, עס ס דורכגעקאָכט גאָר אין CSS. אויסקלייַבן די אַנאַמיישאַן איר ווילן צו וויסן, און איר נאָר האָבן צו גיט אויף די "ופלעבן עס" קנעפּל צו זען די ווירקונג אין Animate.css. איר קענען אראפקאפיע אָדער זען עס אויף גיטהוב.

ספּינקיט

ספּינקיט

מיר זענען פייסינג אַ זאַמלונג פון ינדאַקייטערז וואָס קענען דינען פֿאַר אַלע מינים פון וויזשאַוואַל עלעמענטן אין די וועב. דריקט אויף "מקור" און איר וועט געפֿינען אַלע די קאָד נויטיק פֿאַר דער דורכפירונג.

קנעפּלעך

קנעפּלעך

א CSS קנעפּל ביבליאָטעק פון אַלע וועגן און יידיאַז צו געפֿינען די איין איר דאַרפֿן צו דיפערענשיייט זיך פון די פאַרמעסט. פֿון די סיידבאַר איר קענען דיאַקטיווייט די שאַפּעס אָדער יפעקס אַז איר טאָן נישט וועלן צו געפֿינען און אַזוי פאָקוס אויף איינער אין באַזונדער.

פליפּסוויטטש

פליפּסוויטטש

מיר זענען פריער אַ אַפּ אַז אַלאַוז איר צו דיסייבאַל עטלעכע קנעפּלעך צו שאַפֿן איינער וואָס איז פּונקט וואָס מיר זוכן פֿאַר. מיר נוצן פאַרשידענע סעטטינגס און לעסאָף מיר קענען רעפּראָדוצירן דעם קאָד וואָס מיר וועלן נאָכמאַכן פֿאַר אונדזער וועבזייטל. א זייער טשיקאַווע מיטל פֿאַר זייַן ווערסאַטילאַטי און ויסגעצייכנט סטיל.

Hint.css

הינץ

א CSS ביבליאָטעק אָן דזשאַוואַסקריפּט און גרייט פֿאַר איר צו נוצן ווי איר ווילט. קליין אין גרייס, גרינג צו נוצן און עס אַרבעט אין אַלע די מערסט מאָדערן וועב בראַוזערז.

Colors.css

פֿאַרבן

פאר דעם וואס קוק פֿאַר קאָליר פון אַ טשיקאַווע אָלטערנאַטיוו און וואָס אַלאַוז גיך פּראָטאָטיפּינג פֿאַר וועבסיטעס מיט אַ גרויס וויזשאַוואַל אַספּעקט.

Voxels.css

וואָקסעלס

אויב איר וויסן מינעקראַפט, די קאַנסטראַקשאַן שפּיל, די קסס ביבליאָטעק איז אַוואַדע גרינג צו דערקענען. דרייען ווי מיר דרוקן אין דעם צענטער צו דזשענערייט די גרידס.

טיפּאָגראַפי

טיפּאָגראַפי

א ריין CSS שריפֿט לייטווייט פשוט שליימעסדיק פֿאַר דיין ווייַטער פּרויעקט.

Spinners

Spinners

א גרויס זאַמלונג פון אַנאַמיישאַנז פון לאָודינג ייקאַנז אין CSS און HTML.

אָפּצאָל שורה ינדאַקייטערז

ינדיקאַטאָרס

ריין טעקסט אין CSS פּאָרצו מאַסע ינדאַקייטערז פון אַלע מינים. א גרויס מקור צו געפֿינען די נייטיק און רעכט גראדן פֿאַר דיין וועבזייטל.

CSS לאָודער

CSS לאָודער

אַנדערער שריפֿט פֿאַר לאָודינג ייקאַנז וואָס קענען זיין קאַסטאַמייזד פֿאַר אַלע מינים פון אַנאַמיישאַנז.

בילד האָווער

האָווער

א סקאַלאַבלע קסס ביבליאָטעק און פון קליין וואָג פון בילדער פֿאַר די סאָרט «כאַווער».

Hue.css

דעגראַדיד

א מקור פון 49 גראַדיענץ אָדער פאָטאָרעאַליסטיק גראַדיענץ פֿאַר אַלע טייפּס פון אינהאַלט און בילדער.

מאַטיריאַלייז

מאַטעריאַל

Un CSS פריימווערק באזירט אויף מאַטעריאַל פּלאַן, דער פּלאַן פּרינציפּ געניצט דורך Google אין אַ גרויס נומער פון אַפּפּס און אין זיין אַנדרויד אַפּערייטינג סיסטעם.

דו זאלסט נישט פאַרפירן די אַפּוינטמאַנט מיט העכסט פאַרטיק וועבס מיט svg בילדער.


דער אינהאַלט פון דעם אַרטיקל אַדכיר צו אונדזער פּרינציפּן פון לייט עטיקס. צו מעלדונג אַ טעות גיט דאָ.

זייט דער ערשטער צו באַמערקן

לאָזן דיין באַמערקונג

אייער בליצפּאָסט אַדרעס וועט נישט זייַן ארויס. Required fields זענען אנגעצייכנט מיט *

*

*

  1. פאַראַנטוואָרטלעך פֿאַר די דאַטן: Miguel Ángel Gatón
  2. ציל פון די דאַטן: קאָנטראָל ספּאַם, קאָמענטאַר פאַרוואַלטונג.
  3. לעגיטימאַטיאָן: דיין צושטימען
  4. קאָמוניקאַציע פון ​​די דאַטן: די דאַטן וועט נישט זיין קאַמיונאַקייטיד צו דריט פּאַרטיעס אַחוץ דורך לעגאַל פליכט.
  5. דאַטן סטאָרידזש: דאַטאַבייס כאָוסטיד דורך Occentus Networks (EU)
  6. רעכט: צו קיין צייט איר קענט באַגרענעצן, צוריקקריגן און ויסמעקן דיין אינפֿאָרמאַציע.