Tabilao famolavolana 29 tena tsara amin'ny CSS ary miaraka amin'ny Javascript kely

Ny fizotra na ny fizotry ny fotoana dia iray amin'ireo singa fanampiny azontsika atao ampidirina anaty tranokala hanehoana ny fivoarana na ny fivoarana an-taonan'ny orinasa na orinasa iray. Ny fanehoana sary tsara maso izay mahafantatra ny fomba hanoratra azy tsara amin'ny haitao sy ny singa hita maso, dia afaka mampiseho ireo dingana noraisin'ny serivisy na vokatra iray rehefa mandeha ny fotoana.

Ireto misy fandaharam-potoana 29 izay ho hitanao etsy ambany avy amin'ny tsipika mitsangana tahaka ny faravodilanitra. Hahita ny tsara indrindra mifanentana amin'ny zavatra ilainao ianao amin'ny toerana misy azy ao amin'ny pejy iray amin'ny tranonkala izay novolavolain'ny mpanjifa na ho anao. Handeha amina fanangonana fandaharam-potoana mahaliana tena mahafinaritra izahay.

Fotoam-potoana amin'ny alàlan'ny fanodinana

Fandaharam-potoana izay ao anaty kaody HTML, CSS, ary JavaScript hametrahana azy am-pitiavana toy ny a minimalist tsara izay manasongadina ny mena mandritra ny lisitry ny taona ankavia, ary ny mainty ho an'ny endritsoratra sy ny H2. Ny zavatra tsara indrindra momba an'io fandaharam-potoana io dia rehefa mandehandeha amin'ny pejy ianao dia hatao ho azy ny fanovana taona. Famaranana lehibe, famolavolana ary valiny.

Fotoam-potoana amin'ny CSS

Ity timeline ity dia mampiasa kaody CSS mba ho azo alamina tsara amin'ny sasany amin'ireo fananany. Tsy manana scrolling izy io toy ny teo aloha, fa mampiavaka azy ny boaty andiany sy ny loko manga hanome azy io hikasika tena kanto ary hanampy amin'ny lisitry ny fizotran'ity famoahana ity.

Slider amin'ny fizotry ny fotoana mahaliana

Ity timeline ity dia namboarina tamin'ny tranomboky Swiper JS mba hanisy kaody HTML, CSS ary JavaScript. Tsy misy scrolling rehefa mandroso amin'ny pejin-tranonkala isika, fa misy kosa mametraka ny taona amin'ny ilany ankavanana ary bokotra iray ahafahantsika mankany amin'ilay manaraka, ankoatry ny fahafahantsika mampiasa ny tondro fandefasana totozy handeha amin'ny taona iray manokana. Sarimiaina lehibe amin'ny tsirairay amin'ireo tetezamita.

Fandaharam-potoana mandroso

Mampiavaka ity fizotrany ity amin'ny fampiasana HTML, CSS ary JavaScript, ankoatr'izay mankanesa ao amin'ny monocolor, marimarina kokoa amin'ny loko mena. Izy io koa dia miavaka amin'ny alàlan'ny fampiasana bokotra iray izay ahafahanao miroso na mihemotra amin'ny fizotry ny fotoana nomarihan'ity kaody valiny ity ho minimalist.

Fotoam-potoana miaraka amina lohateny sy Flexbox voafetra

Kaody HTML sy CSS ho an'ny lohateny raikitra izay hijanona ho raikitra io amin'ny fotoana anaovanay ny diantsika ao amin'ny pejy. Fahalalana lehibe ho lasa fandaharam-potoana mahaliana ho an'ny mpamorona ankehitriny izay te hisongadina amin'ny fenitry ny famolavolana tranonkala ankehitriny.

Tetikasa fandaharana

Ity fandaharam-potoana ity dia mampiasa CSS sy HTML hanolotra fandaharam-potoana manan-danja hampiasana io fe-potoana manokana io ho an'ny tetikasa. Rehefa manodina azy isika dia mandalo ny andro amin'ny herinandro, noho izany dia lavorary ny fampiharana azy io ho an'ny fitaovana fiaraha-miasa namboarin'ilay orinasa mihitsy.

Timeline

Tondrozotra iray ao HTML, CSS ary JavaScript izay miavaka amin'ny ambiny ho an'ny lohahevitra hita maso. Ary rehefa mandeha eo am-pandehanana ny fizotran'ny tsipika mitsangana isika, isaky ny mahita sary vaovao eo amin'ny fizotry ny fotoana isika dia ho lasa sary ambadiky ny pejin-tranonkala nametrahanay ity kaody ity.

Hyperloop

Hyperloopu dia fandaharam-potoana izay miavaka noho ny famolavolana ampiasaina ary noho ny fandaharana tsy misy afa-tsy amin'ny HTML sy CSS. Izy io dia miavaka amin'ny alàlan'ny fampiasana habe samihafa amin'ny endritsoratra amin'ny tsipika misy tsipika mitsivalana sy andiana boaty izay manamarika ny fotoana manan-danja tsirairay amin'ny fizotry ny fotoana.

Tondro ara-potoana mitsangana

Fisaorana elanelam-potoana izay manalavitra ny tenany amin'ny ambiny amin'ny alàlan'ny fikasohany amin'ny fahitana. Izy io dia manana ambaratonga gradient tena matanjaka amin'ny famolavolana sy boaty andian-dahatsoratra izay manamarika ny elanelam-potoana ireo. Voalamina amin'ny CSS sy HTML.

Fotoam-potoana ao amin'ny Flexbox

Iray amin'ireo fandaharam-potoana vita tsara indrindra sy izany dia mifototra amin'ny karatra mba hampidirina ny fampahalalana rehetra ilaintsika mandritra ny elanelam-potoana. Ary novolavolaina tamin'ny HTML sy CSS, dia tsy maintsy raisina ihany koa fa ny karatra rehetra dia tokony hanana ny haavony sy ny sakany mitovy mba hanisana ny habaka ho an'ny efijery lehibe kokoa.

Fotoam-potoana ao amin'ny DIV

Tabilao farafahakeliny amin'ny famolavolana ary efa izany tamin'ny HTML sy CSS ihany no novolavola, noho izany ny fampiharana azy dia mety ho haingana be. Izy io dia mety tsara amin'ny famoahana tabilao amin'ny fampahalalam-baovao noho ny famaranana monochrome.

Fotoam-potoana amin'ny CSS sy HTML

Afaka mametraka ianao 400 × 300 sary habe amin'ity tsipika fizarana manavaka ny loko maitso an'ny tsipika ity sy ny lahatsoratra amin'ny daty sy andro. Tsy misy sary mihetsika ary mampiavaka azy amin'ny endriny tsotra amin'ny ambaratonga rehetra.

Tondro ara-potoana sy hevitra momba ny hevitra

Tabilao iray tsy mitovy amin'ny an'ny hafa raha mamela asio karatra misy sarin'ireo mpampiasa, na farafaharatsiny izany no fikasana amin'ny voalohany. Miaraka amin'ny fomba fahitana tena tsara, ireo karatra dia mampiasa alokaloka ho an'ny fandaharam-potoana somary fisaka tsy misy sary mihetsika.

Fotoana maraina amin'ny HTML sy CSS

Tabilao tonga lafatra hamaliana izany mampiavaka azy ny maha HTML, CSS ary manolora fandaharam-potoana somary tsotra nefa tena finday.

UI timeline

Ity kaody amin'ny HTML sy CSS ity dia mety tsara ho an'ny asehoy ny andro fiasana amin'ny fampiofanana. Izy io dia mamaly amin'ny sary lohateny sy andiana bokotra izay mampiseho azy amin'ny fomba mazava sy madio amin'ny lafiny visual.

Ny fe-potoana amin'ny CSS ihany

Ity fizaram-potoana ity dia miavaka amin'ny maha-ao amin'ny CSS sy a andian-doko voafantina tsara: mena sy maitso. Maitso handrakofana tanteraka ny pejy iray manontolo, fotsy ho an'ny lahatsoratra sy fizarana fizarana ary mena hanavahana ny elanelam-potoana misy antsika. Azontsika atao ny manindry ny elanelam-potoana tsirairay hametrahana azy amin'ny boaty manodidina azy ary manasongadina azy.

Tabilao valiny V3

Ny voalohany amin'ireo fizotry marindrano ao anaty lisitra ao anaty HTML, CSS ary JavaScript. Miavaka amin'ny fampiasana loko mainty sy fotsy hametraka tsipika marindrano misy isa maromaro. Ny elanelam-potoana tsirairay dia asongadin'ny lanjany lehibe kokoa amin'ny loharano sy amin'ny atiny lahatsoratra.

Tabilao miloko miloko

Iray amin'ireo fandaharam-potoana marindrano kalitao tsara hita maso indrindra amin'ny lisitra. Fotoam-pifandraisana iray misy ifandraisany tsara miaraka amina sary mihetsika tena saro-pady sy tsara atolotra mba hanomezana traikefa ho an'ny mpampiasa tsara isaky ny tsindry iray amin'ny elanelam-potoana Namboarina tamin'ny HTML CSS / Sass ary JavaScript / TypeScript (jquery.js).

Tondro ara-tantara mamaly

Tabilao tonga lafatra ho an'ny asehoy ireo sary samihafa ny vanim-potoana eo amin'ny tantara. Izy io dia marindrano sy mamaly fa novolavolaina tamin'ny HTML, CSS ary JavaScript.

Fandaharam-potoana ho an'ny vondrona

Ity tetiandro ity dia miavaka amin'ny tetezamita tsara notanterahina tamin'ny sary mihetsika marindrano. Loko tena tsara sy endrika tsara tarehy hanasongadinana ny elanelam-potoana. Ao amin'ny HTML, CSS, ary JavaScript ny fampisehoana andian-karatra misarona amin'ny sary ambadiky ny solontena.

CSS marindrano sy ny fizotry HTML

Namboariny fantatra Envato Tuts +, atolotra antsika ny fizotry ny marindrano miaraka amina kara-panadio madio sy fototra amin'ny endriny. Loko fisaka sy tsipika marindrano misy teboka mena maromaro izay mifangaro isaky ny elanelam-potoana.

CSS timeline, HTML ary slick.js 

Pastel feo amin'ny famolavolana ho an'ny fizotry ny fotoana izay misongadina amin'ny fampisehoana ny sary tsirairay mampiseho isaky ny elanelam-potoana. Ny tetezamita eo anelanelan'ny sary sy ny elanelam-potoana no mampiavaka an'io fandaharam-potoana io.

Fandaharam-potoana V1

Tondrozotra iray miavaka amin'izany bokotra isaky ny tsipika mitsangana isaky ny elanelam-potoana hampifandraisana sary ambadika iray feno isaky ny manindry iray isika.

CSS CSS ara-potoana marindrana

Tsy ho afaka tsindry ianao na aiza na aiza amin'ity timeline ity izay nasongadin'i a endrika tsara indrindra amin'ny alàlan'ny safidy hendry amin'ny palette miloko ary andiana sandwiches isaky ny fandaharam-potoana. Tsy misy ny sarimiaina, fa amin'ny maso dia mahafinaritra ny maso izany.

Timeline Codyhouse

Ity fandaharam-potoana ity natolotr'i Codyhouse dia loko tokana amin'ny famolavolana ary novolavolaina tamin'ny HTML, CSS ary JavaScript. Izy io dia manolotra tsipika minimalista miaraka amina andian-teboka ho elanelam-potoana azo tsindriana ary mahatonga ny sarimiaina marindrano latsaka ny antsasaky ny segondra. Tsotra, nefa mahery.

Tondro marindrano

Tabilao iray hafa vita amin'ny HTML, CSS, ary JavaScript. Mampiavaka ny loko tokana, misy famolavolana kanto misy loko maitso hametrahana ny dantelina amin'ny isa tsirairay izay maneho ny elanelam-potoana. Isaky ny manindry ny iray isika dia manomboka ny sary mihetsika tena malefaka.

Fotoana tsy voalaza anarana

Ny fizotry mainty tokana avy amin'ny lisitra ambany. Avy eo izy mampiasa loko isan-karazany mba hanavahana isan-taona sy ny lahatsoratra miaraka amin'ny fetrany. Izy io dia manana sary mihetsika miavaka handalo eo anelanelan'ny lahatsoratra tsirairay.

Timeline

Mametraka ity fandaharam-potoana ity ny lantom-peony amin'ny loko maitso ho static tanteraka.

Tabilao marindrano hafa

Azo atao izany apetraho eo akaikin'ny efijery feno ny sary ho an'ny fandaharam-potoana izay miavaka amin'ny fampiasana manga sy volondavenona, miampy andiana boribory izay maneho isan-taona.

Aza adino andian-dahatsoratra hafa amin'ny CSS sy HTML.