01 פון 03
די לעצט Atomic.io דערהייַנטיקן כולל סקראָללאַבלע קאַנטיינערז
עטלעכע חדשים צוריק איך געוויזן ווי atomic.io קענען זיין געוויינט צו פּראָטאָטיפּע באַוועגונג . איינער פון די שליסל ווייזט איך געמאכט אין די שטיק איז געווען "ווייַזונג באַוועגונג", אָבער נישט צו פאַרלאָזן עס צו די קליענט ס אָדער מאַנאַפעסטיישאַן מאַנאַדזשערז איז וויכטיק. אין פאַקט, דעם האט ווערן אַזוי קריטיש אַז אַ גאַנץ נייַ קאַטעגאָריע פון UX / UI מכשירים איז דערשייַנען אויף דער סצענע. זיי אַרייַננעמען - עפּל קינאָוט, Adobe's Edge אַנימאַטעד, נאָך עפפעקץ און UXPin , צו נאָמען אַ ביסל. דער נייַ קינד אויף דעם בלאָק איז Atomic.io וואָס איז געווען אין עפענען ביתא ווען איך ערשטער געשריבן וועגן דעם פּראָדוקט.
די ציכטיק זאַך וועגן עפענען בעטאַס איז זיי געבן די סאָפטווער פאַבריקאַנט די געלעגנהייט צו זאַמלען באַניצער באַמערקונגען אויף דעם שטריך שטעלן, אַרייַנגערעכנט פעלנדיק פֿעיִקייטן, און דעריבער לייגן זיי צו די אַפּלאַקיישאַן און האָבן זיי טעסטעד איידער די געשעפט מעלדונג. אין דעם פאַל פון אַטאָמישע, איינער שטריך איך טאַקע מיסט איז געווען די פיייקייַט צו מעגילע צופרידן ווערטיקלי אָדער כאָריזאַנטאַלי. דעם קען אַרייַננעמען אַזאַ זאכן ווי קאַרדס, רוק ווייזט אָדער פּראַקטאַקלי עפּעס אַ באַניצער וואָלט לאַק אָדער שלעפּן ין די קאַנפיינז פון אַן אַפּ ס 'ס אָדער פּלאַץ ס צובינד.
דעם דארף זיין אַ טעמע פון פילע וסערס געבעטן פֿאַר ווייַל סקראָללאַבלע קאַנטיינערז זענען נאָר באַקענענ צו די אַפּ דעם חודש און, איך האָבן צו אַרייַנלאָזן, שאפן סקראָללאַבלע צופרידן אין די פּראָוטאַטייפּ איז טויט פּשוט צו געבן.
דאָ ס ווי ...
02 פון 03
ווי צו שאַפֿן ווערטיקאַל סקראָללינג אינהאַלט אין אַטאָמיק
איר וועט דאַרפֿן צו ערשטער צייכן אַרויף פֿאַר אַ פּאָטער 30-טאָג פּראָצעס און, אין די סוף פון די צייַט, איר וועט זיין דערלאנגט מיט דרייַ פּרייסינג פּלאַנז.
דער ערשטער זאַך איר דאַרפֿן צו וויסן איז אַלע די אַרבעט איר וועט זיין טאן איז אין דעם בלעטערער און די אַפּ איז אַימעד בייַ Google קראָום. אַמאָל איר קלאָץ אין, איר וועט זיין גענומען צו די פּרויעקט זייַט. צו עפענען דעם אַפּ, גיט די קנעפּל ניו Project .
ווען די צובינד אויסדערוויילט איר וועט זען דאָרט אַ נומער פון מכשירים, די פיייקייַט צו לייגן בלעטער און לייַערס צו די בלעטער, די אַרטבאָאַרד און, איבער די רעכט, אַ קאָנטעקסט-שפּירעוודיק פּראָפּערטיעס טאַפליע.
אין דעם בייַשפּיל, איך סטאַרטעד מיט אַ יפאָנע 5 פּריסעט וואָס איז 320 x 568. איך דעמאָלט עפענען דעם טעקע מיט די בילדער צו זיין סקראָללעד און דראַגד זיי אַנטו די לייַוונט. זיי זענען אויטאָמאַטיש צוגעלייגט צו די פּרויעקט און איר קענען זען זיי זענען אויף יחיד לייַערס אויב איר גיט די לייַער קוויטל . איך דעמאָלט אויסגעקליבן די פייַל מכשירים (סעלעקטיאָן), אויסגעקליבן אַ בילד און דראַגד עס צו אַ נייַע פּאָזיציע אין סדר צו לייגן עטלעכע פּלאַץ צווישן זיי. איך האָב אויסגעקליבן אַלע די בילדער און גיט די מכשירים פֿאַר דיסטריביוטינג קנעפּל . דעם יוואַנלי ספּייסט די בילדער.
דער ווייַטער שריט איז צו אויסקלייַבן אַלע פון די אינהאַלט צו זיין סקראָללעד און אָדער גיט די קאַנטיינער קנעפּל אָדער אויסקלייַבן שאַפֿן מעגילע קאַנטיינער פון די גרופע קנעפּל קנאַל אַראָפּ. אַמאָל די קאַנטיינער איז באשאפן - איר וועט זען עס אין די לייַערס טאַפליע - גיט דעם קאַנטיינער און שלעפּן די דנאָ שעפּן אַרוף צו די דנאָ פון דעם לייַוונט . דריקט דעם פּרעוויעוו קנעפּל אין די דנאָ פון די פּראָפּערטיעס טאַפליע און דאָס וועט קאַטער אַ בלעטערער פֿענצטער. ניצן דיין מויז 'ס מעגילע ראָד צו מעגילע די צופרידן. צו צוריקקומען צו דיין פּרויעקט, גיט די Edit קנעפּל אין די דנאָ רעכט פון די בלעטערער פֿענצטער.
03 פון 03
ווי צו שאַפֿן האָריזאָנטאַל סקראָללינג אינהאַלט אין אַטאָמיק
האָריזאָנטאַל סקראָללינג איז נאָר גרינג צו טאָן.
אין דעם פאַל, דראַגד אַ סעריע פון בילדער אויף דעם לייַוונט און באַקט אַרויף זיי קעגן יעדער אנדערער. מיט די אויסגעקליבן בילדער, איך דעמאָלט גיט די Top ייַנרייען קנעפּל צו ענשור זיי אַלע אַליינד מיט יעדער אנדערער.
איך דעמאָלט געהאלטן אַראָפּ די שיפט שליסל און אויסגעקליבן יעדער שיכטע אין די לייַערס טאַפליע. מיט די אויסגעקליבן בילדער, איך קליקט דעם קאַנטיינער קנעפּל און , אין די פּראָפּערטיעס פּאַנאַלז, אויסגעקליבן כאָריזאַנטאַלי אין די בעהאַוויאָרס געגנט.
איך דעמאָלט טעסטעד די פּרויעקט אין אַ בראַוזער פֿענצטער דורך קליקינג די פּרעוויעוו קנעפּל.
כאָטש איך האָבן געוויזן ווי צו שאַפֿן יחיד ווערסיעס פון ווערטיקאַל און האָריזאָנטאַל סקראָללינג, ווי לאַנג ווי איר שטעלן די סקראָללאַבלע צופרידן אין אַ קאַנטיינער, איר קענען האָבן די קאַנטיינערז אין באַזונדער געביטן פון דעם עקראַן. פֿאַר בייַשפּיל, אַ וועב זייַטל קען האָבן ווערטיקלי סקראָללינג צופרידן אין אַ זייַט מעניו און כאָריזאַנטאַלי סקראָללינג צופרידן אין אַ רוק ווייַזן אויף די זעלבע בלאַט. אין פאַקט, אַ קאַנטיינער קען האָבן ביידע ווערטיקאַל און האָריזאָנטאַל סקראָללינג פֿאַר זאכן ווי אַ בילד פּיקקער וואָס האט אַ טוץ אָדער אַזוי טהומבנאַילס.
צו לערנען מער וועגן דעם שטריך אין atomic.io טשעק אויס:
- די בלאָג מעלדן
- סקראָללינג קאַנטיינער טוטאָריאַל
- מאַסקינג ניצן קאַנטיינערז
- טראָובלעשאָאָטינג סקראָללינג קאַנטיינערז