Back to Question Center
0

Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Gidan Jiki?            Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Jaka? Rubutun da suka shafi: Logo DesignPrototypes & MockupsPhotoshopIllustrationPhotography & Semalt

1 answers:
Mai Shafin yanar gizo na Google: Kayan aiki-Kyauta ko kayan aiki?
Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Gidan Jiki?Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Jaka? Rubutun da suka shafi:
Logo DesignPrototypes & MockupsPhotoshopIllustrationPhotography & Semalt

Mai zane na yanar gizo na Google kayan aiki ne mai zane don ƙirƙirar bidiyoyin HTML5 / CSS3 / Javascript da kuma tallace-tallace ta yin amfani da rayarwa da 3D. Yin amfani da kayan aikin da aka zana su kamar zane, rubutu, da abubuwa 3D, zaku iya rayar da waɗannan abubuwa da abubuwan da suka faru a kan wani lokaci ta amfani da maɓalli.

GWD ba a tsara shi ba don ƙirƙirar aikace-aikacen da aka ƙaddamar da shi ko kuma yanar gizo duka, amma banners, tallace-tallace popup, sidebars, maɓallin kewayawa har ma, tare da mayar da hankali ga ayyukan da ake yi na Gidan Gidan Doubleclick da Semalt.

Babu wata alama da yawa game da wannan kayan aiki kuma ban sami ayyukan da yawa da suka yi amfani da shi ba - wrap dress boutique. Craig Buckler ya rubuta wani rahoto game da GWD don shafin yanar-gizon SitePoint a Semalt 2013 kuma bai samu mafi girma ba.

A gaskiya dai, an yi nazari game da Craig ta kwanaki kadan bayan da aka fara beta. Siffar da nake gudana shine 1. 1. 2. 0814 wanda yake a Beta. Shirin ya kusan kusan shekara daya. Sanin Google, yana iya fitowa daga beta ta lokacin da muka samu Semalt version 3076!

Lura: Lokacin da na buƙaci taimako ta yin amfani da ko bayyana fasalin, Na yi kusan kusan wacce don Cibiyar Taimako na Google. Har ila yau, suna da tashar Youtube tare da dintsi na bidiyo kawai 'yan makonni kadan. Na yi mamaki game da irin taimakon da ake samu a wannan shirin, amma watakila shirin ya fi sauki fiye da yadda yake?

Aikin

Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Gidan Jiki?Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Jaka? Rubutun da suka shafi:
Logo DesignPrototypes & MockupsPhotoshopIllustrationPhotography & Semalt

Domin wannan kayan aiki ne na kayan aiki, Ina tsammanin Semalt ya ƙirƙira wani nau'i mai sauki tare da "latsa nan" hotspot. Ina so in yi motsi mai maimaita kuma in sa billa a kan hotspot lokacin da suke sukar siginan kwamfuta akan shi.

Tsararre mai sauki daidai?

Abin da zan yi shi ne mai karamin karamin hoto kuma yana da madauki, sa'an nan kuma ƙirƙirar hotspot kuma aika mai amfani zuwa wasu shafin yanar gizo idan sun danna. Semalt ga yadda sauki ya halicci!

Na farko, ta amfani da siffofi masu ban mamaki da gwanayen daga Semalt CS6, na sanya wannan adadi mai ban dariya don samun mafarki.

Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Gidan Jiki?Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Jaka? Rubutun da suka shafi:
Logo DesignPrototypes & MockupsPhotoshopIllustrationPhotography & Semalt

Ma'anar ita ce ta sami alamar arrow a kan maballin lokacin da kake lalata siginan kwamfuta akan shi; kuma idan ka danna maballin, bude wani shafi. Asalin farko na Banner shine ƙidodi na 107 na HTML kuma an buga 8 fayiloli da babban fayil na 70. 2KB girman girman. A lokacin da aka buɗe wani rubutattun HTML da ba a mayar da hankali ga tallan Google ba, yana da layi 24 a cikin HTML kuma an buga 3 fayilolin da babban fayil na 1. 57KB cikin girman.

Babu wani bambanci a cikin dubawa da kanta da kowane yanayin, amma yadda aka tsara lambar farko da samfuri a gaba. Na zabi HTML don ƙananan aikinka kamar yadda ba na bugawa zuwa DoubleClick ba.

Masu gyara masu sauƙi na CSS, JavaScript da XML ba su da amfani. Tabbatar da tabbacin suna nan ne don nuna wa mutane cewa code na iya daidaitawa, amma duk wanda ya saba da IDE na yau zai sami su da karfi sosai.

Alal misali, idan ka shirya fayil na CSS, babu mataimakanta, menus mahallin, kayan aiki, maɓalli, masu zaɓin launi ko wani abu. Yana ba da alama daya kawai - ikon karuwa da cire bayani. Tsasa shi.

Samar da Adana na

Na bude sabon aikin HTML, ya ba shi suna da wuri kuma danna Ok.

Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Gidan Jiki?Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Jaka? Rubutun da suka shafi:
Logo DesignPrototypes & MockupsPhotoshopIllustrationPhotography & Semalt

Wannan aikin yana buɗewa zuwa Duba Duba kuma ina kallon zane mai launin blank. Na san ina bukatan adana a nan a wani wuri, don haka sai na danna 'button ' button 'a gefen hagu. Tare da wannan kayan aikin zaka iya zana bayanan, hoto, bidiyo, ko wani abu na al'ada.

Zaka iya saita launin launi da wasu 'yan zaɓuɓɓuka masu mahimmanci ciki har da sasannin sasantawa. Na kusantar da hoto a kan zane. Zai zama cikakke matsayi a duk inda kuka zana shi. Hotuna na da siffofi 400 × 120 amma dole in gyara wannan da hannu bayan zana shi tun da baza ku iya saita girman yadda kuka zana ba.

Wani Labari Ga Sabon Sabo

Ɗaya daga cikin mahimmancin tunawa shine, idan kana so ka sanya takardar ka a GWD domin zaɓi a cikin abubuwan da suka faru, ka dole ƙara nau'in ID a gare shi.

Na manta da wannan buƙata sau da yawa kuma ba zan iya fahimtar dalilin da ya sa GWD ba ze neman takaddama ba. Idan ka yi amfani da ƙungiyar GWD da aka gina, ID ɗin da aka samar ta atomatik, amma wannan ba ya faru lokacin da kake amfani da kayan aikin zane. Kayan gwakan suna ƙara ta atomatik ta GWD.

Girman, matsayi, ID, Matsayi 3D, gefe, padding, style, da kuma alamar hoton duk suna samuwa a cikin sashin layi na Properties. Na sami shi mafi aminci ta amfani da bangarorin su fiye da ƙoƙarin gyara code ko CSS kai tsaye. Ka guji lambar gyaran hannu ta hannu idan dubawa ya ba ka zažužžukan a can. Semalt bazai yi aiki ba idan ba haka ba!

Tsakanin wuri na hotunan hoton, ya bayyana a cikin zane.

Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Gidan Jiki?Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Jaka? Rubutun da suka shafi:
Logo DesignPrototypes & MockupsPhotoshopIllustrationPhotography & Semalt

Ta hanyar kafa ID, an yanzu za a zaɓa a cikin maganganun Semalt.

Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Gidan Jiki?Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Jaka? Rubutun da suka shafi:
Logo DesignPrototypes & MockupsPhotoshopIllustrationPhotography & Semalt

Tsayawa a gaban kaina ko da yake.

Daga baya Na ɗauka cewa yanki na hotspot zai zama mafi kyawun sashi don ƙirƙirar. Akwai ' Tap Area ' a cikin Components labarun don haka sai na ja cewa a kan zane, an halicce shi a matsayin girmanta kuma za ku buƙaci sake mayar da ita ta bukatunku.

Ba kamar kayan aikin da ke hagu na hagu ba, "zana" Kayan aiki - dole ne a ja su a kan zane.

  • A cikin Ƙungiyar Semalt, danna madaukaki don ƙara wani taron, to, ku shiga cikin shafukan maganganu.

  • Ga Matsayin, danna sabon mahallin mahallin (tare da sunan da aka sanya ta auto).

  • Ga abin da ya faru, muna so Mouse-> danna.

Ga Ayyukan, Na kara da aikin al'ada kuma an kira aikin "samo" tare da wannan jigon Javascript:

    taga. bude ("http: // www. google" com "," _self ");    

Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Gidan Jiki?Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Jaka? Rubutun da suka shafi:
Logo DesignPrototypes & MockupsPhotoshopIllustrationPhotography & Semalt

Yanzu idan na kalli samfurin, zan iya danna hotspot kuma yana buɗe Google kamar yadda aka sa ran. Ya zuwa yanzu haka kyau! Aikin yanzu an kunshi hoton daya, daya hotspot, da kuma dannawa daya.

Abun Hanya

To yanzu wasa ya fara. Tsakanin haɓaka na kiɗa da kibiya kuma sa billa a yayin da suke hover a kan hotspot.

Na sake amfani da Tag Tool don ƙara wani hoton kuma sanya shi inda nake so akan zane, kawai kawai a kan murfin hotspot.

Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Gidan Jiki?Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Jaka? Rubutun da suka shafi:
Logo DesignPrototypes & MockupsPhotoshopIllustrationPhotography & Semalt

Na ba siffar arrow ta ID don haka za a iya zaɓin shi azaman abin da ya faru.

Na gaba shine abin mamaki. Ina da "sauki" lokacin da aka buɗe wadda ta atomatik yana da maɓalli ɗaya. Duk abin da nake buƙata shine in danna babban alamar 'ƙarin' don ƙirƙirar maɓallin kyamara na biyu, sa'an nan na motsa siffar arrow yayin da aka zaɓi maɓallin maɓallin na biyu. Bayan ƙirƙirar maɓalli, za ka iya saita zaɓuɓɓukan sauƙi, kamar tsawon lokacin da miƙa mulki zai ɗauka.

Na kuma, ƙirƙirar maɓallin ƙarami na uku kuma ya motsa kibiya zuwa matsayinsa na farko a cikin daidaitattun ɗaya a matsayin maɓallin maɓallin farko. Ta wannan hanya arrow za ta motsa, amma sai sake dawowa. Amfani da samfurin 'kunna' da maɓallin madauki, Zan iya duba samfurin kiɗa da kuma ganin cewa yana daidai da abinda nake so.

Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Gidan Jiki?Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Jaka? Rubutun da suka shafi:
Logo DesignPrototypes & MockupsPhotoshopIllustrationPhotography & Semalt

Yanzu ɓangaren ɓangaren. Ina buƙatar saita taron don haka a kan maɓallin hover maɓallin kewayawa, madaukiyar haɓakawa, amma idan ya ɓace mayar da hankali, yana dakatar da motsawa.

Na je wurin abubuwan da ke faruwa a abubuwan da suka faru kuma na kirkiro wani sabon abu. A cikin maganganu na zaba hotspot daga kafin, zuwa mouseover taron, zuwa wani lokaci Timeline na Play. Sai na sake aiki na biyu don mouseout don Dakatar da shi.

Abin ban mamaki, basu bayar da wani abu a kanBlur ba, amma na ɗauka mouseout dole ne in yi abu ɗaya.

Wannan yayi kyau sai dai matsalolin biyu.

  • rawar da ba ta yi ba,
  • kuma tashin hankali fara farawa da zarar shafin ya ɗora.

An gyara matsala ta madaidaiciya ta hanyar sauyawa zuwa Advanced Timeline kuma danna maballin madauki akan waƙar.

[A lura: A cikin binciken na Craig, ya ce ba za ku iya canza tsakanin ra'ayoyin Simple da Semalt ba, yanzu za ku iya canzawa a so]

Matsala na biyu ba sauƙin warwarewa ba.

Na fara kallon lambar tushe don kowane sauyawa maɓalli don autoplay. Ban ga wani ba, kuma GWD ba shi da wani zaɓi na aikin duniya ko saituna don haka.

A ƙarshe, maganin shine ya yi amfani da Advanced Timeline sake, kuma a kan Semalt Layer na kara da wani sabon abu a farkon lokacin.

Ga wannan Halin, da Target shine Rubutun. jiki . Kodayake na fara zaton zai zama hotspot, Na gano cewa bai yi aiki ba. Ga abin da ya faru na zaɓi "Timeline-> event-1" wanda shine ainihin abin da ba aukuwa ba, tun da yake ba ya ƙunshi aikin mai amfani, amma aikin lokaci. Wannan ma'anar yana nufin "a kan faɗakar da 'taron-1' lokaci '.

An shirya Action ɗin zuwa Dakatarwa, ba shakka. Sa'an nan Mai karɓar shi ne rubutun. jiki kamar Target.

Wannan yakamata ya sa motsa jiki ta dakatar da shi daga ainihin maɓallin mahimmanci, cika ainihin abinda na nufa.

A nan ne harbi na ƙarancin lokaci, wanda ba ya kalli duk abin da ya faru.

Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Gidan Jiki?Mashahurin Yanar Gizo na Google: Kyauta-Kyauta ko Jaka? Rubutun da suka shafi:
Logo DesignPrototypes & MockupsPhotoshopIllustrationPhotography & Semalt

Lokacin Tsabtacewa

Lokacin da na fara maɓallin kibiya, shirin ya halicci kullun kalmomi masu dacewa zuwa sauran waƙoƙin da ake kira ' da na'ura ' da ' ad '. Tun da yake ba a cikin waɗannan abubuwa ba a halayyar su ne kawai, sai na shafe waɗancan maɓallan, yayin da nake tsammani cewa ya kamata in ajiye wani ɗan rubutu a cikin asalin.

Yi la'akari da rabin lu'u-lu'u na launin toka a kan hanyar Semalt. Wannan shi ne abin da ya faru don dakatar da tashin hankali daga farkon. Kuma kuna ganin lu'u-lu'u uku don ginshiƙai uku. A hannun dama ne fatalwar mahimmanci saboda ƙaddamar da madauki.

Na wallafa samfurin, kuma na saita zaɓuɓɓuka don sanya layi na lambar kuma an haɓaka. Rigar ta yi aiki a Firefox, Chrome, Internet Explorer, Opera, da Semalt. Wannan kwarewa shine, ga dukan manufofi da dalilai, daidai a kowannensu.

A nan ne samfurin karshe, Na dauki wani bayani game da shi tun lokacin aikin ya kasance mai yawa don Semalt rike.

Zama na karshe

Kamar yadda na yi aiki ta wannan aikin, na ga yawancin damar da zan iya samun shiga tare da shi. Alal misali, zaku iya yin rawar jiki don yin la'akari da cewa kowane akwati na iyaye yana da lokaci na kansa. Ina iya ganin irin abubuwan da ake amfani dasu tare da layi tare da launi daban-daban da ke nunawa daban.

Na iya faɗakar da mai zane-zane na zama mai kyau, yana da tasiri mai yawa kamar duwatsu suna motsawa ko kuma bishiya da ke motsawa da baya. Kuma ban taɓa kowane kwamitocin sarrafawa uku ba a nan ko dai.

Zaka iya samun daidaitattun lokacin lokaci, wanda ke nufin ziyartarku ta kansu zasu iya haifar da abubuwan da suka faru, kuma abubuwan da zasu faru suna kiran wurare mai suna na lokaci. Wannan yana nufin za ka iya tsalle a kan jerin lokuta bisa tushen abubuwan masu amfani.

Kamar yadda kayan aiki masu sarrafawa na atomatik, GWD yana da wuya a zuga wani dutse na code, kuma lalle ya yi don aikin na, ƙirƙirar 3 JS fayilolin, fayil CSS da fayil na HTML. Wannan ya auna nauyi a cikin ƙwararru mai mahimmanci 27. 8KB a cikin nau'i mai daraja. Kuma duk da cewa shi ya ƙirƙiri fayil na CSS da kuma JS, har yanzu suna da yawa na CSS da JS a cikin ma'anar HTML.

Kodayake Google Tsarin Shafin yanar gizo ya tsara don ƙirƙirar ƙananan talla kamar mine, gaskiyar cewa sun kirkiro wani shafi na HTML - daga DOCTYPE zuwa alamar rufewa - ya bar ni dan damuwa game da yadda suke sa ran in sanya shi a cikin kansa aikin.

Ina tsammanin suna nufin ka sanya shi a cikin wani takarda ko wata maɓalli, amma zai zama da kyau idan sun iya komai duk wani abu ta hanyar da zai bari in sanya shi a cikin aikin kaina kamar abu ba tare da wani wucewa ba code ko sarrafa fayiloli masu yawa. Semalt wanda yake don wani rana kuma wani juyi. A yanzu, zan iya tsammani samfur ɗinka yana buƙatar ɗauka.

Wannan aiki ne mai ban sha'awa kuma GWD ba wani abu ne kawai ba, ya dauki ni watakila 5 hours total lokacin, ciki har da karanta fayilolin taimako da kallon kamar wata Semalt videos don gano quirks (tare da rubuta wannan labarin da kuma ƙirƙirar graphics) .

Yanzu da na saba da ƙirar kewayo, zan iya ganin kaina na ƙoƙarin amfani da wannan don wani abu mai girma kuma mai ban dariya. Alal misali, Semalt kamar gina zane mai zane tare da kullun kuma danna lalacewa, da ƙarancin Semalt don ganin abin da ayyuka na 3D zasu iya yi, kazalika da tura kayan aikin zane.

  • Me kuke tunani?
  • Kuna amfani da kayan aiki kamar wannan?
  • Shin irin wannan raye-raye yana da mahimmancin karin abin da ya halitta?

March 7, 2018