48 નિર્દય HTML5 / CSS3 જનતા

લેખની ટિપ્પણીઓમાં તમે તાજેતરમાં પૂછેલા પ્રશ્નના જવાબ માટે હું આ પોસ્ટ લઉ છું:

એચટીએમએલ 5 સાથે સંપૂર્ણ ડિઝાઇન શરૂ કરવા માટે ક્યારે સારો સમય છે?

ઠીક છે, પ્રામાણિકપણે, તે તમે લક્ષ્ય બનાવી રહ્યાં છો તેના પર નિર્ભર છે. જો તમે તમારા મુલાકાતીઓ માટે ઇન્ટરનેટ એક્સપ્લોરર (દા.ત.: મ Macક સ softwareફ્ટવેર પૃષ્ઠ) નો ઉપયોગ કરવાની યોજના નથી કરતા, તો તરત જ એચટીએમએલ 5 થી પ્રારંભ કરો, પરંતુ જો તમને તમારી વેબસાઇટ જોવા માટે એટલે કે લોકોની જરૂર હોય, તો તમે વધુ રાહ જુઓ છો ...

પ્રવેશ પર, કૂદકા પછી, એચટીએમએલ 48 ના 5 ડેમો જે આશ્ચર્યજનક અને જોવા લાયક છે. ગ્રેટ થોડું છે.

સ્રોત | હોંગકીટ

audioburst એનિમેશન

એચટીએમએલ 5 ના કેનવાસ અને audioડિઓ ટ withગથી બનાવેલ એક આરામદાયક અને વિચિત્ર એનિમેશન.

બોલ પૂલ

છેલ્લી ગૂગલ I / O ઇવેન્ટમાં પ્રદર્શિત થવાથી, આ ડેમો તમને બતાવે છે કે HTML5 કેટલું ગતિશીલ હોઈ શકે છે.

બ્લોબ સladલડ

એચટીએમએલ 5-વગાડતું પ્રાણી જે તમને ખુશ કરશે

બોમોમો

બોમોમો સાથે, તમે HTML5 સાથે અનુરૂપ વિવિધ અણુ ગતિ અવલોકન કરી શકો છો.

બ્રાઉઝર બોલ

આ 'ક્રોસ બ્રાઉઝર' HTML5 બોલથી દંગ રહી જાઓ.

બબલ્સ

વિવિધ રંગથી અનંત ફ્લોટિંગ પરપોટા બનાવીને આનંદ કરો.

કેનવાસ કાર્ટૂન એનિમેશન

એક સરળ અને રમુજી HTML5 કાર્ટૂન જે તમને એ સમજવા માટે મદદ કરે છે કે HTML5 નો કેનવાસ તત્વ શું કરી શકે છે.

કૂલ ક્લોક

એચટીએમએલ 5 અને જાવાસ્ક્રિપ્ટ દ્વારા બનાવેલ એક સરસ, વૈવિધ્યપૂર્ણ એનાલોગ ઘડિયાળ.

ફ્લિકર PS3 વેબસાઇટ

વેબ બ્રાઉઝરમાં PS3 શૈલી સ્લાઇડશો સાથે તમારા ફ્લિકરના ફોટા જુઓ.

ઇન્ટરેક્ટિવ પોલરોઇડ

એક ઇન્ટરેક્ટિવ ડેમો જે મલ્ટિ ટચ ઇંટરફેસ માટે સમાન કામ કરે છે.

જેએસ ફટાકડા

એચટીએમએલ 5 અને જાવાસ્ક્રિપ્ટ દ્વારા સંચાલિત, તમારી પસંદીદા ગુરુત્વાકર્ષણ અને ગતિ સાથે ફટાકડાની ક્ષણોનો આનંદ લો.

કેલિડોસ્કોપ

એક ખૂબ જ સુંદર અને ભાવિ HTML5 કેલિડોસ્કોપ.

પ્રવાહી કણો

સંવેદનશીલ કણ એનિમેશન જે તમારા માઉસની ચળવળને આધારે પ્રતિક્રિયા આપે છે.

મેસ્મેરિઝર

બીજું સંવેદનશીલ અને બાકી HTML5 ડેમો કે જે બતાવે છે કે નજીકના તત્વો તમારી સાથે માઉસની હિલચાલ કેવી રીતે કરે છે.

નિહારિકા વાદળ

આ અજાયબી HTML5 નીહારિકા સાથે ખોવાઈ જાઓ.

લંબન

સમાંતર પરિપ્રેક્ષ્યમાં બધા 2 ડી આકારો જુઓ.

કણ એનિમેશન

એક ભવ્ય HTML5 કણ એનિમેશન કે જે તમારા પસંદીદા સંદેશમાં રચે છે.

સ્પ્રેડ

આ અનંત સ્પ્રેડ એનિમેશન સાથે ખોવાઈ જાઓ.

સ્ટારફિલ્ડ

ખૂબ જ સરસ HTML5 સ્ટારફિલ્ડ એનિમેશન કે જે તમારા માઉસની ગતિવિધિઓના આધારે દિશા અને ગતિને બદલશે.

વિડિઓ વિનાશ

એક વગાડતી વિડિઓની તેજી માટે એક ક્લિક.

વેવફોર્મ

એચટીએમએલ 5 ની કેનવાસ તરંગ તેના કંપનવિસ્તાર, તરંગલંબાઇ, પહોળાઈ વગેરેને બદલીને કેવી રીતે ખસે છે તે નોંધો

3D અસર

કેનવાસ એનિમેશનથી પ્રભાવિત? તે વધુ એચટીએમએલ 5 નો કેનવાસ તત્વ કરી શકે છે, અને તેને 3 ડી ઇફેક્ટ કહેવામાં આવે છે. વિકાસકર્તા 3 ડી ઇફેક્ટ બનાવવા માટે કેનવાસ એલિમેન્ટ, ડોમ અને જાવાસ્ક્રિપ્ટ પર આધાર રાખી શકે છે, જેને પાછળથી 3 ડી એનિમેશન અથવા રમતમાં વિકસિત કરી શકાય છે.

કેનવાસ 3 ડી અને ફ્લિકર

ફ્લિકરની ફોટોસ્ટ્રીમ સાથે એક નવો 3D અનુભવ મેળવો.

કાપડ સિમ્યુલેશન

વાસ્તવિક, HTML5- આધારિત કાપડનું અનુકરણ.

વિકસિત મોન્સ્ટર

કોઈ જટિલ પ્રાણીમાં વિકસતા કોઈ રાક્ષસને અવલોકન કરો, તેના નિર્માતાઓમાંનું એક એચટીએમએલ 5 છે.

ગૂગલ ગિફ્ટબોક્સ

જાયન્ટ સર્ચ એન્જિન ગૂગલ 3 ડી, વગાડવા યોગ્ય દૃશ્યમાં પ્રસ્તુત થયેલ છે.

જેએસ ટચ

એક ઉચ્ચ ગુણવત્તાવાળી અને વાસ્તવિક '3 ડી ઓન 2 ડી કેનવાસ' શોકેસ.

ડેટા પ્રસ્તુતિ

જ્યારે એચટીએમએલ 5 ના કેનવાસ એલિમેન્ટનો ઉપયોગ એનિમેશન અને 3 ડી ઇફેક્ટ બનાવવા માટે થઈ શકે છે, ત્યારે તેનો ગણિતિક ડેટા પ્રસ્તુત કરવા માટે પણ અમલમાં મૂકી શકાય છે.

gnuplot

એચટીએમએલ 5 સંસ્કરણમાં ડેટા કાવતરું કરવાની એપ્લિકેશન, Gnuplot.

આરગ્રાફ

આરગ્રાફ ડેટા પ્રસ્તુતિની વિશાળ શ્રેણી પ્રદાન કરે છે જેમ કે બાર ચાર્ટ, પ્રોગ્રેસ બાર અને પરંપરાગત રડાર ચાર્ટ.

વેબ એપ્લિકેશન

આખરે, એચટીએમએલ 5 અને અન્ય લauંગ્સ દ્વારા સંયુક્ત બધી શક્યતાઓનો ઉપયોગ કરીને, કોઈ પણ ઇન્ટરેક્ટિવ એપ્લિકેશન અથવા રમત બનાવી શકે છે જે ફ્લેશ એપ્લિકેશનની નજીક છે.

કેનવાસપેન્ટ

માઇક્રોસ .ફ્ટ પેઇન્ટનો ભાઈ તમારા વેબ બ્રાઉઝરમાં આવે છે અને તેના પિતા એચટીએમએલ 5 છે.

કેનવાસમોલ

એક વૈજ્ .ાનિક એપ્લિકેશન જે તમને પૃથ્વીની ચોક્કસ તત્વની રચનાને સમજવામાં સહાય માટે બનાવવામાં આવી છે.

કાર્ટૂન બિલ્ડર

આ ન્યૂનતમ અને ઇન્ટરેક્ટિવ કાર્ટૂન બિલ્ડર સાથે રસપ્રદ કાર્ટૂન છબી દોરો.

અહીં કંઈપણ ખેંચો

વિગતો બતાવવા માટે તમે ડેમોમાં ખેંચી શકો છો તે કોઈપણ વસ્તુ ખેંચો.

ગાર્ટિક સ્કેચ

અસલ HTML5 એપ્લિકેશન જે તમને કેટલાક મૂળભૂત રેખાંકનો કરવાની મંજૂરી આપે છે જે jpeg અથવા png જેવા વિવિધ ઇમેજ ફોર્મેટમાં સાચવી શકાય છે.

ફિઝિકસ્કેચ

તમને ગમે તે દોરો અને જુઓ કે તેઓ અનુરૂપ ગુરુત્વાકર્ષણ સાથે કેવી પ્રતિક્રિયા આપે છે.

સ્કેચપેડ

એક શક્તિશાળી એચટીએમએલ 5 ડ્રોઇંગ એપ્લિકેશન જે તમને તમારી છબીને ચોક્કસ રીતે દોરવા અને સંપાદિત કરવા માટે સક્ષમ કરે છે.

નાનકડી વાત

એક વેબ એપ્લિકેશન કે જે ટ્વિટર પરથી હસ્તગત હવામાન સંબંધિત સંદેશની ભૌગોલિક સ્થિતિની પુષ્ટિ કરે છે, આમ તે કેનવાસ આધારિત 'સામાજિક હવામાન' નકશામાં બનાવે છે, તદ્દન તુચ્છ (લેખક દ્વારા જણાવ્યા મુજબ) પરંતુ રસપ્રદ છે.

ગેમ

3 કંટાળો

જો તમે આગલા સેકન્ડમાં સેંકડો HTML5 બુલેટ્સને દૂર કરતા રહો તો તમને કંટાળો આવતો નથી.

બ્રેકઆઉટ

બધી ઇંટો તોડવા માટે બોલને રીબાઉન્ડ કરો.

કેનવાસકેપ

એકદમ રમત નથી, પરંતુ તે દર્શાવે છે કે HTML5 નો ઉપયોગ કેવી રીતે પ્રથમ વ્યક્તિ શૂટિંગ બ્રાઉઝર રમતને વિકસાવવા માટે કરી શકાય છે.

તે બો

તમારા વિજેતા HTML5 સ્ક્વેરને મેળવવા માટે તમે કેટલા દડાને ડોજ કરી શકો છો?

ચેઇન રિએક્શન

ધ્યેય હાંસલ કરવા માટે વિસ્ફોટની સાંકળ રાખો, વ્યસની ન બનો.

ક્યુબઆઉટ

3 ડીમાં ટેટ્રિસ રમો, ટોચના-ડાઉન દૃશ્ય.

ઇથેચ ફિઝિક્સ

બોલને સ્ટાર પર ખસેડવા માટે આઇટમ દોરો, ગુરુત્વાકર્ષણ વિશે ભૂલશો નહીં.

જીગ્સૉ પઝલ

આ HTML5- આધારિત જીગ્સ p પઝલ હલ કરવા પઝલ ટુકડાઓ ક્લિક કરો, ફેરવો અને છોડો.

સ્લાઇડ પઝલ

જીત તરફ સ્લાઇડ કરો, બીજો HTML5 રમત જે તમારા મગજનો રસ સ્વીઝ કરવા માટે બનાવવામાં આવ્યો છે.

એ જ રમત

બીજા જૂથને સમાન રંગમાં જોડવા માટે ચોક્કસ જૂથને દૂર કરો અને તમને આખરે વિજય આપવામાં આવશે.

ટેટ્રિસ

એચટીએમએલ 5 દ્વારા જીવંત જીવન લાવવાની સૌથી ઉત્તમ રમત છે.

ટોરસ

સ્યુડો -3 ડી સંસ્કરણમાં હજી બીજી ટેટ્રિસ રમત છે.