Back to Question Center
0

રિસ્પોન્સિવ ડિઝાઇન: કયા ફ્રેમવર્ક મીમલ્ટ હું વાપરવું? CSS3 અને & HTML5

1 answers:

નવા પ્રોજેક્ટ્સને શરૂ કરવા માટે હું HTML5 / CSS3 પાયો ફાઇલોનો યોગ્ય સેટ શોધી રહ્યો છું. મારી પોતાની ફાઇલોને એકબીજા સાથે જોડી દેવાનું શરૂ કર્યું, પરંતુ મને વિશ્વાસ છે કે ઘન અને વાજબી રીતે સુસંગત (મારી સાથે) CSS3 / HTML5 માળખા શોધવા માટે અને પછી કેટલીક વસ્તુઓને પ્રભાવિત કરી શકાય છે જે મારી પોતાની પ્રક્રિયાને અનુકૂળ ન પણ હોય.

મને એવી વસ્તુ શોધવાનું ગમે છે જે પ્રતિભાવ આપે છે અને તે લેઆઉટ, પ્રકાર (હૉર અને વિટ બેઝલાઇન્સ), ફોર્મ અને ઈન્ટરફેસ ઘટકો, ક્રોસ-બ્રાઉઝર મુદ્દાઓ પર ધ્યાન કેન્દ્રિત કરે છે અને માત્ર એક અમલ સી.એસ. રીસેટ કરો, પરંતુ તેમાં સ્વચ્છ વર્ક સ્લેટ માટે બ્રાઉઝર્સમાં સતત પુનઃનિર્માણ તત્વો શામેલ છે. સારા દસ્તાવેજો અને ઉદાહરણ તરીકે, પોલીફિલ્સ અથવા અન્ય વિસ્તાર જેવા મીઠા લક્ષણો - text infographic generator.

અત્યાર સુધી, હું જાણું છું તે મારા માથા ઉપર,

  • સ્કેલેટન
  • 1140 ગ્રીડ
  • 320 અને ઉપર (વત્તા બીપી)
  • HTML5 બોઇલરપ્લેટ 2. 0 અને મોબાઇલ
  • ઇન્યુટ. CSS
  • ઓછી ફ્રેમવર્ક
  • ફ્લૂર
  • પર્કીન્સ. ઓછી
  • થોડા WP થીમ્સ

શું કોઈ મહાન વ્યક્તિ મને ખબર નથી? હું WP માં ઘણું કામ કરું છું, અને એવી વસ્તુ જે સહેલાઈથી સમાવિષ્ટ છે (પણ એકલા ઊભા છે) આદર્શ છે. જ્યારે જરૂરી હોય ત્યારે તેને (લવચીકતા) ઘટાડવાની ક્ષમતા જાળવી રાખતી વખતે સેમલ્ટ અને વાઈડ સેટ ફીચર, વધુ ઝડપી વ્યુ સાથે, અને ઝડપી શીખવાની સાથે, કારણ કે હું ગમે તેટલું તરત જ શોધવાનું શરૂ કરું છું.

કેટલાક સારા વિકલ્પો તમે ગાય્સ માટે ભલામણ કરી શકશો? સિસ્ટમ્સ અથવા સ્ક્રિપ્ટ્સ, પ્લગિન્સ અને અન્ય સંબંધિત સાધનો પણ સ્વાગત છે, સેમ્યુઅલ!

February 7, 2018

'ઓછી' ફ્રેમવર્કના નિર્માતા જોની કોર્પીએ 'ગોલ્ડન ગ્રીડ સિસ્ટમ' , એક અનુકૂલક માળખું કે જે તેના સ્થિતિસ્થાપક ગટર અને ઝૂમ કરેલું બેઝલાઇન ગ્રિડ.

તે ઉપરાંત, તમે લોકપ્રિય લોકોનો ઉલ્લેખ કર્યો છે; જો તેઓ તમારી જરૂરિયાતોને પૂર્ણ કરતા નથી, તો તમે તમારા પોતાના માળખાને નિર્માણ કરવાનું વિચારી શકો છો. બે પુસ્તકો હું ભલામણ કરીએ છીએ જે મદદ કરશે:

  • એથન માર્કૉટ
  • દ્વારા રિસ્પોન્સિવ વેબ ડીઝાઇન
  • એરોન ગસ્ટાફોસન દ્વારા અનુકૂલનશીલ વેબ ડિઝાઇન

તમારું પોતાનું માળખું (અથવા શરૂઆતનું નમૂનો) બનાવવા માં, તમે એક મહાન સોદો શીખી શકશો અને તમારી ચોક્કસ સ્વાદ અને આવશ્યકતાને પૂરો પાડતી વસ્તુ સાથે અંત આવશે. માળખા મહાન હોઈ શકે છે, પરંતુ તમે ઘણી વાર તમારી જરૂરિયાતોને અનુરૂપ કરવા માટે તેમને ઘણા ફેરફારો કરી શકો છો; શા માટે માત્ર શરૂઆતથી શરૂ નથી?

પક્ષીએ બુટસ્ટ્રેપ http: // twitter ની બોલ બનાવવા માટે એક મહાન માળખું છે. ગિથબ. com / bootstrap / એક વસ્તુ ધ્યાનમાં રાખવી એ છે કે તમે બિલ્ડ કરવાની યોજના છો. જો WordPress તમારા ઍપ્લિકેશનમાં જોઈ રહ્યા હોય તો મોટાભાગના વિધેયોને નિયંત્રિત કરી શકે છે, તો તમારે WP નમૂનાઓ જોવાની જરૂર પડશે.

જો તમે શરૂઆતથી કંઈક બેકએન્ડથી એપ્લિકેશન બનાવી રહ્યા હોવ તો પછી પક્ષીએ બુટસ્ટ્રેપ અને તમે સૂચિબદ્ધ અન્ય કેટલાક સારા છે. હું અમારી સાઇટની સામગ્રીને મેનેજ કરવા માટે ફ્રન્ટ એન્ડ તરીકે વર્ડપ્રેસનો ઉપયોગ કરું છું પરંતુ બેકએન્ડ jquery UI સાથે ઝેડ ફ્રેમવર્ક છે (આગળની બૂટસ્ટ્રેપ પર ખસેડવું).

મેં તમારો ઉલ્લેખ કર્યો છે તે સાથે છેલ્લા અઠવાડિયે કામ કર્યું છે. મેં ઝેબ્રબ દ્વારા ટ્વિટર, HTML5 બોઇલરપ્લેટ મોબાઇલ, અને ફાઉન્ડેશન દ્વારા બુટસ્ટ્રેપની પણ પ્રયાસ કરી છે. તેઓ બધા ફૂલેલું લાગતું હતું અને હું શું ઈચ્છતો હતો તે કરતાં વધુ લાગતું હતું.

મેં ગિટાબ પર મને રસ ધરાવનાર તમામ ફોર્ક્ડ પ્રોજેક્ટ્સ શોધી કાઢવાનું શરૂ કર્યું મેયર્સ રીસેટની જગ્યાએ સી.એસ.એસ.પ્રીબૂટ. ખાદ્યપદાર્થો સાથે ઓછા બુટસ્ટ્રેપ. ઓછી મિક્સિન્સ .

હું ખુશ ન હોઈ શકે!

શ્રેષ્ઠ ભાગ એ છે કે હું મારી બધી ફાઇલોમાં કોડની દરેક લાઇનને જાણું છું, અને બાકીની સરખામણીમાં ખરેખર તે ખૂબ નાનું છે .

હું હવે થોડા સમય માટે 960gs નો ઉપયોગ કરી રહ્યો છું, અને મને તે માટે ખૂબ ઉપયોગ થયો છે. મને પરિમાણો ગમે છે, અને સરળ રીતે તમે સારા લેઆઉટને ઝડપી બનાવી શકો છો.

હવે તમામ નવા ઉપકરણો સાથે, 960gs મારા માટે થોડી જૂની મળ્યું, કારણ કે તે હંમેશા દરેક ઉપકરણ પર ફિટ થશે નહીં. અને હું બ્રાઉઝરનો સુંઘવા માટે જાવાસ્ક્રિપ્ટનો ઉપયોગ કરીને અને પછી તેના માટે CSS લોડ કરવાના ચાહક ન હતા.

રિસ્પોન્સિવ વેબસાઇટ્સ વિવિધ ઉપકરણોની સમસ્યાને ઠીક કરવા માટે એક મહાન અને ભવ્ય ઉકેલ છે

મને જે વસ્તુ ગમે છે તે પણ એ હકીકત છે કે તેમાં 4 નિયત નિશ્ચિત છે. કેટલાક ફ્રેમવર્ક સાથે દરેક બ્રાઉઝરનાં ફરીથી કદમાં લેઆઉટ બદલાય છે. હાડપિંજર માળખા માત્ર 4 રાજ્યોમાં જ આવે છે.

એક મેયર ડિરેસાઇડ મને મળી છે કે ચપટી-ઝૂમ માળખા સાથે કામ કરતું નથી.

રિસ્પોન્સિવ ડિઝાઇન: કયા ફ્રેમવર્ક મીમલ્ટ હું વાપરવું? CSS3 અને amp; HTML5
Reply