35 מעניוז אין HTML און CSS

מעניו

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

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

ינדעקס

רוק אַקאָרדיאַן מעניו

האַמבורגער

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

פֿאַרבונדענע אַרטיקל:
9 סיידבאַר CSS מעניוז איר קענען נישט פאַרפירן

סוואַנקי פּורע קסס דראָפּ אַראָפּ

סוואַנקי

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

אַקאָרדיאַן מעניו

אַקאָרדיאַן

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

פֿאַרבונדענע אַרטיקל:
16 קאַסקיידינג מעניוז אין CSS צו באַפרידיקן דיין וועבזייטל

ווערטיקאַל מעניו מיט דזשקווערי און קסס 3

ווערטיקאַל אַקאָרדיאַן

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

קייַלעכיק מעניו

קייַלעכיק נאַוויגאַציע

Un קייַלעכיק מעניו de יקספּערמענאַל נאַוויגאַציע וואָס אַרבעט בישליימעס פֿאַר אַ טעכניש וועבזייטל. מאַניאַפאַקטשערד אין SVG און GreenSock Animation Platform, אַנדערש אָן אַ צווייפל.

ראַדיאַל מעניו

ריידיאַל

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

קייַלעכיק CSS HTML מעניו

קייַלעכיק

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

רינג מעניו באַגריף

רינגס

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

בלום קנאַל אַרויף מעניו

בלום

אנדערע באַזונדער קנאַל-אַרויף מעניו מיט אַ זייער גוט געווענדט אַנאַמיישאַן וואָס טראגט אַ גרויס ווירקונג.

רעקורסיווע האָווער נאַוו

רעקורסיווע

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

דראָפּדאָוון נאַוויגאַציע

קסס

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

ריין CSS דראָפּדאָוון מעניו

פּשוט פּורע קסס

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

אָפּרופיק און פּשוט מעניו

פּשוט אָפּרופיק

גאַנץ פאַרשטעלן, דעם אָפּרופיק און פּשוט מעניו אין HTML5 און CSS3, עס איז קאַמפּאַטאַבאַל מיט Internet Explorer 11.

גאַנץ פאַרשטעלן מעניו אין סווג

גאַנץ מעניו סווג

Un פול פאַרשטעלן מעניו אין סווג געשטעלט אויף דער זייַט אין האַמבורגער און דאָס איז זייער אויג-קאַטשינג.

מעגאַ מעניו קסס

מעגאַ מעניו

Un מעגאַ מעניו אין CSS און HTML אַנדערש פון וואָס איז געזען, מיט אַ מאָדערן און מינימאַליסט סטיל.

אן אנדער מעניו באַגריף

מעניו באַגריף

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

מאַטעריאַל פּלאַן מעניו

מאַטעריאַל

מאַטעריאַל פּלאַן מעניו איז באזירט אויף Google ס פּלאַן שפּראַך. 

בערגער רירעוודיק מעניו

בערגער

Un האַמבורגער מעניו רירעוודיק אָפּטימיזעד און עס איז געמאכט אין HTML, CSS און JavaScript.

Velocity.js פול פאַרשטעלן פלעקסבאָקס

גיכקייַט

Velocity.js פול פאַרשטעלן פלעקסבאָקס איז אַ מעניו פון ריזיק קוואַליטעט אין די אַטשיווד ווירקונג און פֿאַר זיין כּמעט יינציק באַניצער דערפאַרונג. גאַנץ פאַרשטעלן פלעקסבאָקס מיט velocity.js.

גאַנץ בלאַט אַוועק-לייַוונט

גאַנץ בלאַט

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

האָווער מעניו שורה ווירקונג

האָווער

Un האָווער מעניו פּשוט שורה ווירקונג און זייער פייַן.

CSS קלעמערל-וועג מעניו באַגריף

CSS מעניו באַגריף

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

סטריקעטהראָוגה האָווער

שלאָגן

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

לאַוואַלאַמפּ קסס מעניו

לאַוואַלאַמפּ

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

נאַוויגאַציע סליידער

ריין סליידער

Un נאַוויגאַציע סליידער וואָס סקראָולז צו יעדער לינק צו זיין אונטערשיידן מיט אַ רויט כיו און אַ געזונט-זאָרג אַנאַמיישאַן פון גרויס רעזולטאַטן.

מאָביל מעניו נאַוויגאַציע

מאָביל מעניו

Un בערגער מעניו נאַוויגאַציע מיט גרויס ווירקונג אַימעד צו רירעוודיק דעוויסעס.

IPhone X רירעוודיק מעניו באַגריף

יפאָנע רענטגענ

 

Un מעניו דיזיינד פֿאַר iPhone X וואָס קענען געבן דיין וועבזייטל די קוואַליטעט פון פאַרבינדן צו די פּלאַן פון די עפּל טעלעפאָן.

סובמענו יקספּאַנד פֿאַר רירעוודיק

סובמענו יקספּאַנד

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

אַנימאַטעד רירעוודיק נאַוויגאַציע

לעבעדיק

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

מעניו מיט סקראָללינג און האָווער יפעקס

מעגילע האָווער

אַנדערער גרויס ווירקונג פֿאַר אַ אַנדערש מעניו און קווערקי. מזרח מעניו מיט סקראָללינג און האָווער יפעקס עס איז שליימעסדיק פֿאַר רעסטראַנץ, באריכטן און מער.

מאָביל פילטער מעניו

פילטער

Un פילטער מעניו רירעוודיק קאָנווערטעד פֿאַר די וועב ווערסיע און אַימעד צו רירעוודיק.

אַוועק-לייַוונט נאַוויגאַציע

אַוועק-לייַוונט

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

קסס פאַרבאָרגן זייַט מעניו

פאַרבאָרגן מעניו

Un זייַט מעניו אין CSS וואָס איז פאַרבאָרגן און אַזוי עס אויס מיט די האַמבורגער ייקאַן.

פאַרפעסטיקט נאַוויגאַציע סיידבאַר

פאַרפעסטיקט

ניץ באָאָצטראַפּ אַנשטאָט פון פלעקסבאָקס צו שטיצן IE9 / 10. אן אנדער ויסגעצייכנט מעניו פֿאַר עס פאַרפעסטיקט נאַוויגאַציע סיידבאַר אין דיין באַגריף.

מאָרפינג קוויטל

מאָרפינג

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


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

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

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

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

*

*

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

  1.   קסאַוויער דאָס

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

  2.   עדואַרדאָ דאָס

    ויסגעצייכנט צושטייַער :)