03 ലെ 01
ഏറ്റവും പുതിയ Atomic.io Update പുതുതായി കണ്ടെയ്നറുകൾ ഉൾക്കൊള്ളുന്നു
ഏതാനും മാസം മുമ്പേ ഞാൻ atomic.io ചലനത്തെ പ്രോട്ടോടൈപ്പ് ചെയ്യാൻ എങ്ങനെ ഉപയോഗിക്കാമെന്ന് കാണിച്ചു തന്നു . ഈ ഭാഗത്ത് ഞാൻ നിർമിച്ച ഒരു സുപ്രധാന പോയിന്റ്, ക്ലയന്റിലെ അല്ലെങ്കിൽ ടീമിന്റെ ഭാവനകളിലേക്ക് വിടുന്നത് ഒഴിച്ചുകൂടാനാവാത്തതാണ് "ചലനമാണ്" എന്നതാണ്. വാസ്തവത്തിൽ, ഇത് തികച്ചും നിർണ്ണായകമാണ്, ഒരു പുതിയ വിഭാഗം UX / UI ടൂളുകളും ഇവിടെ ദൃശ്യമാകുന്നു. ആപ്പിൾ കീനോട്ട്, അഡോസ്സ് എഡ്ജ് അനീമിറ്റ് , എഫക്റ്റുകൾ, UXPin എന്നിവയ്ക്ക് ശേഷം ഏതാനും പേരുകൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്. ബ്ലോക്കിലെ പുതിയ കുട്ടിയാണ് Atomic.io എന്നത് ആദ്യ ഉൽപ്പന്ന ബീറ്റയിൽ ഞാൻ ആദ്യം പ്രസിദ്ധീകരിച്ചത്.
ഫീച്ചർ സെറ്റിലെ ഉപയോക്തൃ ഫീഡ്ബാക്ക് ശേഖരിക്കുന്നതിനുള്ള അവസരവും, നഷ്ടമായ സവിശേഷതകളും ഉൾപ്പെടുത്തി, തുടർന്ന് ആപ്ലിക്കേഷനിലേക്ക് ചേർക്കുക, വാണിജ്യപരമായ റിലീസിന് മുമ്പായി അവ പരീക്ഷിച്ചുവെന്നത് ഓപ്പൺ ബീറ്റയെക്കുറിച്ചുള്ള നല്ല കാര്യമാണ്. ആറ്റത്തിന്റെ കാര്യത്തിൽ, എനിക്ക് ശരിക്കും നഷ്ടപ്പെട്ട ഒരു സവിശേഷത ലംബമായി അല്ലെങ്കിൽ തിരശ്ചീനമായി ഉള്ളടക്കം സ്ക്രോൾ ചെയ്യാൻ സാധിച്ചു. ഈ കാർഡുകൾ, സ്ലൈഡ് ഷോകൾ അല്ലെങ്കിൽ ഒരു അപ്ലിക്കേഷൻ ഒരു സൈറ്റിന്റെ അല്ലെങ്കിൽ സൈറ്റിന്റെ ഇന്റർഫേസിന്റെ പരിധിക്കുള്ളിൽ ഒരു ഉപയോക്താവിന് സ്വൈപ്പുചെയ്യുകയോ ഡ്രാഫ്റ്റ് ചെയ്യുകയോ പോലുള്ള കാര്യങ്ങൾ ഉൾപ്പെടാം.
ഈ മാസം ആപ്ലിക്കേഷനിലേക്ക് സ്ക്രോൾ ചെയ്യാവുന്ന കണ്ടെയ്നറുകൾ ഇപ്പോൾ തന്നെ പരിചയപ്പെടുത്തിയതും, ഞാൻ സമ്മതിക്കേണ്ടതുമാണ്, പ്രോട്ടോടൈപ്പിലെ സ്ക്രോൾ ചെയ്യാവുന്ന ഉള്ളടക്കം സൃഷ്ടിക്കുന്നത് പ്രവർത്തനക്ഷമമാക്കാൻ എളുപ്പമാണ്.
ഇതാ ...
02 ൽ 03
Atomic ലെ ലംബ സ്ക്രോളിംഗ് ഉള്ളടക്കം സൃഷ്ടിക്കാൻ എങ്ങനെ
നിങ്ങൾ ആദ്യം ഒരു 30 ദിവസത്തെ ട്രയലിന് സൈൻ അപ്പ് ചെയ്യേണ്ടതുണ്ട്, ആ കാലയളവിൽ, നിങ്ങൾക്ക് മൂന്ന് വിലനിർണ്ണയ പ്ലാനുകൾ നൽകപ്പെടും.
നിങ്ങൾ ആദ്യം ചെയ്യേണ്ടത് നിങ്ങൾ ചെയ്യുന്ന എല്ലാ ജോലികളും ബ്രൗസറിൽ ആണ്, അപ്ലിക്കേഷൻ ഗൂഗിൾ ക്രോമിൽ കൃത്യമായി ലക്ഷ്യം വച്ചുള്ളതാണ്. ഒരിക്കൽ നിങ്ങൾ ലോഗിൻ ചെയ്താൽ, നിങ്ങളെ പ്രോജക്ട് പേജിൽ കൊണ്ടുപോകും. അപ്ലിക്കേഷൻ തുറക്കാൻ, പുതിയ പ്രോജക്റ്റ് ബട്ടൺ ക്ലിക്കുചെയ്യുക .
ഇന്റർഫേസ് ലഭ്യമാകുമ്പോൾ പരിമിത എണ്ണം എണ്ണം മാത്രമേ പേജുകൾക്കും പാളികൾക്കും പേജുകൾ, ആർട്ട് ബോർഡ്, വലതുഭാഗത്ത്, ഒരു കോൺടെക്സ്റ്റ് സെൻസിറ്റീവ് പ്രോപ്പർട്ടികളുടെ പാനൽ എന്നിവയുളള കഴിവു കാണാം.
ഈ ഉദാഹരണത്തിൽ, ഞാൻ ഒരു ഐഫോൺ 5 പ്രാരംഭമായി 320 x 568.I ആരംഭിച്ചു, തുടർന്ന് സ്ക്രോൾ ചെയ്യേണ്ട ഇമേജുകൾ അടങ്ങിയ ഫോൾഡർ തുറന്ന് കാൻവാസിന് മുകളിൽ ഇട്ടു. അവർ പ്രോജക്റ്റിലേക്ക് യാന്ത്രികമായി ചേർത്തു ഒപ്പം നിങ്ങൾ ലെയേഴ്സ് ടാബിൽ ക്ലിക്കുചെയ്താൽ അവ വ്യക്തിഗത പാളികളിലാണെന്നത് നിങ്ങൾക്ക് കാണാൻ കഴിയും. അതിനുശേഷം ഞാൻ ഒരു അമ്പടയാള ഉപകരണം തിരഞ്ഞെടുത്തു, ഒരു ചിത്രം തിരഞ്ഞെടുത്ത് അവയ്ക്കിടയിൽ ചില സ്പേസ് ചേർക്കാൻ ഒരു പുതിയ സ്ഥാനത്തേക്ക് വലിച്ചിട്ടു. തുടർന്ന് ഞാൻ എല്ലാ ചിത്രങ്ങളും തിരഞ്ഞെടുത്ത് ടൂൾബാറിലെ വിതരണ ബട്ടൺ ക്ലിക്ക് ചെയ്യുക . ഇത് ഇമേജുകൾ അകലത്തിലായിരുന്നു.
അടുത്ത നടപടി സ്ക്രോൾ ചെയ്യേണ്ട എല്ലാ ഉള്ളടക്കവും തിരഞ്ഞെടുക്കുക, അല്ലെങ്കിൽ കണ്ടെയ്നർ ബട്ടണിൽ ക്ളിക്ക് ചെയ്യുകയോ അല്ലെങ്കിൽ ഗ്രൂപ്പ് ബട്ടണിൽ നിന്ന് താഴെയുണ്ടാകുക സ്ക്രോൾ കണ്ടെയ്നർ ഉണ്ടാക്കുകയോ ചെയ്യുക . കണ്ടെയ്നറുകൾ സൃഷ്ടിച്ചുകഴിഞ്ഞാൽ, നിങ്ങൾ അതിനെ പാളികൾ പാനലിൽ കാണും - കണ്ടെയ്നർ ക്ലിക്ക് ചെയ്ത് ക്യാൻവാസിന്റെ താഴെയായി താഴെയുള്ള ഹാൻഡിൽ മുകളിലേക്ക് വലിച്ചിടുക . പ്രോപ്പർട്ടീസ് പാനലിലെ താഴെ പ്രിവ്യൂ ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുക , ഇത് ഒരു ബ്രൗസർ വിൻഡോ തുറക്കും. ഉള്ളടക്കം സ്ക്രോൾ ചെയ്യാൻ നിങ്ങളുടെ മൌസ് സ്ക്രോൾ ചക്രം ഉപയോഗിക്കുക. നിങ്ങളുടെ പ്രോജക്ടിലേക്ക് തിരിച്ചുവരാൻ, ബ്രൗസർ വിൻഡോയുടെ ചുവടെ വലതു വശത്തുള്ള എഡിറ്റ് ബട്ടണിൽ ക്ലിക്കുചെയ്യുക .
03 ൽ 03
Atomic ലെ തിരശ്ചീന സ്ക്രോളിംഗ് ഉള്ളടക്കം എങ്ങനെ സൃഷ്ടിക്കും
തിരശ്ചീന സ്ക്രോളിംഗ് അനായാസം പൂർത്തിയാക്കാൻ എളുപ്പമാണ്.
ഈ സാഹചര്യത്തിൽ, ക്യാൻവാസിലേക്ക് ചിത്രങ്ങളുടെ ഒരു പരമ്പര വലിച്ചിഴച്ച് അവർ പരസ്പരം എതിർക്കുകയും ചെയ്തു. തിരഞ്ഞെടുത്ത ഇമേജുകൾക്കൊപ്പം, ഞാൻ പരസ്പരം പൊരുത്തപ്പെടുന്നുണ്ടെന്ന് ഉറപ്പുവരുത്തുന്നതിനായി മുകളിൽ അലൈൻ ബട്ടൺ ക്ലിക്കുചെയ്യുക.
പിന്നീട് ഞാൻ ഷീഫ്റ്റ് കീ അമർത്തി ഓരോ പാളിയും പാളികളുടെ പാനലിൽ തിരഞ്ഞെടുത്തു. തിരഞ്ഞെടുത്ത ഇമേജുകൾക്കൊപ്പം ഞാൻ കണ്ടെയ്നർ ബട്ടണിലും പ്രോപ്പർട്ടികളുടെ പാനലുകളിലും തിരശ്ചീനമായി ബിഹേവിയേഴ്സ് പ്രദേശത്ത് തിരഞ്ഞെടുത്തു.
പ്രിവ്യൂ ബട്ടൺ ക്ലിക്കുചെയ്തുകൊണ്ട് ഞാൻ പ്രോജക്റ്റ് ഒരു ബ്രൌസർ വിൻഡോയിൽ പരീക്ഷിച്ചു.
സ്ക്രോൾ ചെയ്യാവുന്ന ഉള്ളടക്കം ഒരു കണ്ടെയ്നറിൽ ഇട്ടുന്നിടത്തോളം, വെർട്ടെവൽ, തിരശ്ചീന സ്ക്രോളിംഗിന്റെ വ്യത്യാസങ്ങൾ എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് ഞാൻ കാണിച്ചുതന്നിട്ടുണ്ടെങ്കിലും നിങ്ങൾക്ക് സ്ക്രീനിന്റെ വിവിധ ഭാഗങ്ങളിൽ ഈ കണ്ടെയ്നറുകളുണ്ടാകും. ഉദാഹരണത്തിന്, ഒരു പേജിൽ ഒരു സൈഡ് മെനുവിൽ തിരശ്ചീന സ്ക്രോളുചെയ്യുന്നതിനുള്ള ഉള്ളടക്കവും സ്ലൈഡ് പ്രദർശനത്തിലെ തിരശ്ചീന സ്ക്രോളുചെയ്യുന്ന ഉള്ളടക്കവും ഉണ്ടായിരിക്കാം. വാസ്തവത്തിൽ, ഒരു കണ്ടെയ്നറിന് ഡസനോ അല്ലെങ്കിൽ ലഘുചിത്രങ്ങളോ ഉള്ള ഇമേജ് പിക്കർ പോലുള്ള ഇനങ്ങൾക്ക് ലംബമായും തിരശ്ചീന സ്ക്രോളിക്കും കഴിയും.
ഈ സവിശേഷതയെക്കുറിച്ച് കൂടുതൽ അറിയാൻ atomic.io പരിശോധിക്കുക:
- ബ്ലോഗ് പ്രഖ്യാപനം
- കണ്ട്രോൾ ട്യൂട്ടോറിയൽ സ്ക്രോളിംഗ്
- കണ്ടെയ്നറുകൾ ഉപയോഗിച്ച് മാസ്കിംഗ്
- ട്രബിൾഷൂട്ട് ചെയ്യുന്ന സ്ക്രോളിംഗ് കണ്ടൈനറുകൾ