Ыкчам интерфейс түзүү үчүн CSS Grid жана Flexbox колдонуңуз

Автор: Monica Porter
Жаратылган Күнү: 19 Март 2021
Жаңыртуу Күнү: 17 Май 2024
Anonim
Ыкчам интерфейс түзүү үчүн CSS Grid жана Flexbox колдонуңуз - Чыгармачыл
Ыкчам интерфейс түзүү үчүн CSS Grid жана Flexbox колдонуңуз - Чыгармачыл

Мазмун

Агенттиктен старт-апка өтүү деген эмне? Креативдик иштеп чыгуучу Стивен Робертс агенттикте иштегенден кийин, февраль айында корпоративдик иш-чаралар мейкиндигиндеги старт-ап Asemblr компаниясына кошулган. Жаңы ролунда ал колдонуучунун тажрыйбасынын башчысы катары колдонуучуга көбүрөөк көңүл бурат. Биз аны менен стартап менен агенттик маданиятынын ортосундагы айырмачылыктарды талкуулап, анын Generate London семинарына көз чаптырып, веб-музыкалык плеерди курууну карайбыз.

Жаңы ролуңуз кандай жүрүп жатат жана башталгычта иштөө агенттиктен эмнеси менен айырмаланат?

Абдан сонун болуп жатат. Учурда жай мезгилинде ишке киргизиле турган аянтчанын кийинки муунун иштеп чыгуудабыз. Менин мурунку ролдорум биринчи кезекте жарнамага негизделген болсо, азыр мен кызматты (SAAS) иштеп чыгам. Платформада көптөгөн кыймылдуу бөлүктөрү бар, алар дизайн үчүн кыйынчылыктарды жараткан.

Ага катышуу жагынан компаниянын ачыктыгында чоң айырмачылыктар болду. Жакынкы бир нече айда эмне кылаарымды билем, ал эми агенттиктин шартында күн өткөн сайын болушу мүмкүн.


SAAS компаниясынын ичинде иштөө, бир катар долбоорлордун ордуна бир гана фокус бар, бул мен үчүн темптин өзгөрүшү болду. Ошондой эле, жаңы ролдогу колдонуучунун жактоочусу болууга жетишип жатам, биринчи кезекте мен колдонуучунун ким экендигин билүүгө жана табууга көп убактым болгон үчүн.

Эгер сиз көптөгөн долбоорлор менен иштеп жаткан болсоңуз, файлдарды жакшы уюштуруп, жалпы булут сактагычта жеткиликтүү кылыңыз.

Жолдо кандайдыр бир сонун шаймандарды таптыңызбы?

Көптөгөн жаңы шаймандарды колдонууга көп убактым болгон жок, бирок азыркы учурда көзгө көрүнөрлүк нерсе - Рух. Бул дизайнерлерге жана иштеп чыгуучуларга браузерде Flashке окшогон убакыт тилкесин колдонуп анимацияларды түзүүгө мүмкүнчүлүк берет. Анимациялар GSAP аркылуу арткы бөлүктө иштейт, анимациялар чындыгында жылмакай жана кайчылаш браузерге шайкеш келет. Учурда бета режиминде болсо да, иштеп чыгуучу жакында толук чыгарылышына үмүттөнөт. CodePen аркылуу беш мүнөттүн ичинде аны менен эмне кылсаңыз болоорунун тез үлгүсүн жараттым.

Татаал вебсайтыңыз барбы? Веб-хостинг орношуңуз.


Учурда Англиянын Түндүк-Чыгышында веб-дизайндагы көрүнүш кандай?

Бул кызыктуу. Мидлсбро шаарындагы Бохо аймагында бир катар сонун эмгектерди жараткан жана белгилүү кардарлар менен иштешкен бир катар компаниялар бар. Бул жаңы жана келе жаткан таланттарды аймактан чыгып кетпөөсүнө түрткү берет деп ишенем. Ошондой эле Ньюкаслда бир нече мыкты компаниялар жана бир-эки конференция бар. Жергиликтүү жолугушуу болгон Frontend NE быйыл биринчи конференцияга ийгиликтүү катышты. Дизайн It; Build It (DIBI) Ньюкаслда дагы иш-чараларды өткөрөт.

Музыка сиздин жашооңузда канчалык маанилүү жана эмне үчүн ушунча көп веб-дизайнерлер топтордо болушат деп ойлойсуз?

Менин жашоомдо музыка чоң роль ойнойт. Мен 14 жашымдан бери гитара ойноп, бир катар топтордо жүрөм. Музыка угууну мен жемиштүү иштеп жаткан кезимде табам, бирок кээде подкасттарды концентрациялоого дагы жакшы деп табам. Менин оюмча, көпчүлүгүбүз топтордо жүрөбүз, анткени бул чыгармачылыктын дагы бир жолу. Топто болуу, ошондой эле командалык ишти, тартипти, лидерликти жана менчикти өркүндөтөт, булардын бардыгы биздин жумушубуздун бир бөлүгү, андыктан топтун шартына ыңгайлашуу оңой.


Generate London шаарында өткөрө турган семинарыңыз жөнүндө айтып бериңиз.

Мен чындыгында чыдамсыздык менен күтүп жатам; ал кызыктуу күн болушу керек. Spotify жана Google Music сыяктуу нерселерден шыктанган веб-музыкалык интерфейс интерфейсин курабыз. Мен CSS жаңы жайгашуу касиеттерин үйрөтөм - CSS Grid жана Flexbox - ошондой эле SVGди сөлөкөттөр тутуму катары колдонуп, анын үстүнө, темаларды камсыз кылуу максатында, колдонуучунун касиеттерин колдонуп интерфейсти стилдештиребиз. Заманбап браузерлер үчүн жооптуу интерфейс түзүү үчүн биз Javascriptти аз гана колдонуп, CSS жана HTMLге көңүл бурабыз.

Вебсайтты мыкты веб-сайт куруучусу менен коддоонун кажети жок түзүңүз.

Бул макала алгач веб-дизайнерлер жана иштеп чыгуучулар үчүн дүйнөдөгү эң көп сатылган журнал болгон net 309 санында жарыяланган. 309 чыгарылышын сатып алуу же net жазылуу.

Стивен Робертстен электр кубатын пайдалануу жөнүндө көбүрөөк маалымат алгыңыз келеби?

Эгер сиз Flexbox aficionado же CSS Grid сенсациясы кандайча боло тургандыгы жөнүндө билгиңиз келсе, анда билетиңизди алганыңызды текшериңизGenerate London.

Азыркы учурда Asemblr.com сайтында креативдик иштеп чыгуучу болуп иштеп жаткан дизайнер жана иштеп чыгуучу Стивен Робертс өзүнүн семинарын - Музыкалык плейер интерфейсин кантип куруу керектигин айтып берет - анда ал Spotify стилиндеги музыкалык плеерди кантип курууга боло тургандыгын көрсөтөт. каалаган экран өлчөмү, ошондой эле сизге Flexbox, CSS Grid жана SVG спрайттарына бекем негиз берет.

Generate London 2018-жылдын 19-21-сентябрь аралыгында өтөт.Билетти азыр алыңыз.

Совет
653 акысыз типографиялык ресурстар
Андан Ары

653 акысыз типографиялык ресурстар

Баарыбыз бекер нерселерди жакшы көрөбүз жана интернет ага толгон. Бирок бардык сапатсыз акысыз окуу куралдарын, шрифттерди жана башка ресурстарды электен өткөрүүгө кеткен убакыт көп учурда жалган экон...
Крампустун сезондук коркунучунун сырлары ачылды
Андан Ары

Крампустун сезондук коркунучунун сырлары ачылды

Эгер сиз Рождествонун альтернативдүү тасмасынан кийин аңдып жүрсөңүз, Крампус жөн гана нерсе болушу мүмкүн. Режиссер Майкл Догертинин жаңы коркунучтуу / фантазиялык / комедиялык тасмасы Рождество майр...
macOS Big Sur бул жерде, бирок колдонуучулар жаңы көрүнүштү сүйбөйт
Андан Ары

macOS Big Sur бул жерде, бирок колдонуучулар жаңы көрүнүштү сүйбөйт

macO Big ur жаңы операциялык тутум июнь айында Apple компаниясынын WWDC иш-чарасында жарыялаган менен, көптөн бери келе жатат. Акыры келип, колдонуучулар эми жаңы өзгөчөлүктөргө, ошондой эле таптакыр ...