圖片加載失敗
首頁 動态

Our News

動态

呼市(shì)網站(zhàn)建設:先誠科(kē)技(φ∑★∞jì) AlloyDesigner是(shì→≈₽₹)Web前端開(kāi)發神器(qì)

AlloyDesigner 的(de)創意來(lái)自(zì)于”臨摹”的(de)靈感,使用(<π÷yòng)AlloyDesigner後,$≈你(nǐ)可(kě)以把設計(jì)稿拖進你(nǐ)的(de)Web✘‍★頁面鋪在頁面的(de)最底層,然後就(jiù)可(kě)以對(duì)著(zhe)設計(jì)稿來γ₩(lái)構建DOM元素和(hé)CSS樣式啦,σε這(zhè)樣子(zǐ)是(shì)不(bù)是(shìφ£ ★)直觀了(le)很(hěn)多(duō)?通(tōng)過AlloyDesigner直觀地(​$αdì)調整頁面,迅速達到(dào)與視(shì)覺稿一(y¶✔γ→ī)緻的(de)目的(de)。

AlloyDesigner的(de)官網:http://a☆★lloyteam.github.io/A∏φlloyDesigner/

這(zhè)樣開(kāi)發出來(lái)的(de)頁面,媽(mā)媽(mā)再也(yě)不(‍₽∏bù)用(yòng)擔心我的(de)頁面被設計(jì)師(shī)走查™​了(le)^_^,開(kāi)發效率也(yě)大(dà)大(dà)提高(gāo),不(bù)再需π₽要(yào)邊量尺寸,邊寫頁面啦,真正實現(xiàn)所見(jià $n)即所得(de)。同時(shí),AlloyDe<φ &signer還(hái)提供測距、取色、放(fàng)縮、CSS助手等最實用(yòngσ↑)的(de)頁面構建工(gōng)具!

內(nèi)蒙古網站(zhàn)制(zhì)作(zuò),內(←ε₹✔nèi)蒙古網站(zhàn)設計(jì),內(nèi)蒙古網站(zhàn)建設,呼和(hé)浩特♥✘®λ網站(zhàn)建設,呼和(hé)浩特網站(zhàn)制(zhì)、網站(zhàn→ε)制(zhì)作(zuò)、計(jì)首選內(nèi)蒙古呼和(hé)✘δ浩特先誠網絡科(kē)技(jì)公司、、、先誠官網:/ 

AlloyDesigner 重新定義了(lπ βe)Web頁面構建的(de)模式,頁面構建過程中,AlloyDesi​ε★gner直接嵌入你(nǐ)的(de)Web頁面中運行(xín≠£€±g),幫助你(nǐ)精準、高(gāo)效的(de)構建Web頁面的(d™ ±e)UI!AlloyDesigner 是(s$λhì)用(yòng) HTML5 開(kāi)發的(de)、直接嵌入在We​♦b頁面中運行(xíng)的(de)可(kě)視(shì)化(huà)Web構建工(gōng)具♥↔'∑,它可(kě)以作(zuò)為(wèi)浏覽器(↕ ×qì)的(de)插件(jiàn)或與浏覽器(qì)自(zì)帶的(d¥✘£e)F12開(kāi)發工(gōng)具進行(xíng)₽•整合,支持Chrome,IE7+等主流浏覽器(qì)。

AlloyDesigner預計(jì)節省您40%的(de)γ≠UI開(kāi)發時(shí)間(jiān),每天多(d≠≈₩§uō)40%的(de)時(shí)間(jiān)一(yī‍φ)起喝(hē)杯咖啡如(rú)何?

如(rú)何使用(yòng)?
AlloyDesigner安裝使用(yòngλ Ω)方法有(yǒu)3種:

    安裝位Chromeδπγ​的(de)插件(jiàn);
    将AlloyDesigner添π© 加到(dào)收藏欄;
    在html代碼中引入AlloyDesi•πgner的(de)js文(wén)件(jiàn):<script s'‌'rc=’alloydesigner.js’ typ¥≤e=’text/javascript’></script>

AlloyDesigner使用(yòngα→)指引:啓動AlloyDesigner後,首先,将視(shì)覺稿圖片加入頁面,然後用(yòng)≤♣'γAlloyDesigner将其在頁面中拖拽定位,接著(zhe)用(y ∞òng)AlloyDesigner提供的(de)測距功能(néng)量出每個(gè)DOM元素÷§<‍的(de)寬高(gāo)、margin、padding等,如(r★→ú)果需要(yào)提取顔色,可(kě)以用(yòλ∞ ng)AlloyDesigner提供的(de)顔色拾取功能(néng× ₩)進行(xíng)拾取。

這(zhè)種開(kāi)發方法的(de)便利在于,開(•®¥>kāi)發者的(de)所有(yǒu)開(kāi)發結果和(hé)修改都(dōu×€)是(shì)實時(shí)的(de)顯示在浏覽器(qì)中的≥₹₩(de),并且,可(kě)以完全摒棄PS類的(de)切片工(gōng)具,讓開(k$ āi)發者的(de)環境隻在代碼編輯器(qì)和(hé)浏覽器(q$©±±ì)之間(jiān)切換。

AlloyDesigner已經廣泛的(de)應用(yòng)入公司的(de)諸多(duō)Web項∏ <&目的(de)開(kāi)發,大(dà)大(dà)提高(gāo)了(le)開(kāi)發效→☆‌率和(hé)開(kāi)發質量。

AlloyDesigner同時(shí)也(yě)方便産品經理(lǐ)、設計(jδ♥ì)師(shī)、測試同學進行(xíng)産品的(de)UI走查,σ®甚至未來(lái)可(kě)以根據你(nǐ)開(kāiσλ)發的(de)頁面和(hé)交互稿的(de)差異程度打一(yī)♦☆個(gè)分(fēn)數(shù)。

未來(lái)AlloyDesigner将會(huì)加入更多(duō)可(kě)視(shì)化(γ↕ huà)的(de)UI構建工(gōng)具,∑ $£比如(rú)通(tōng)過拖拽直接修改DOM尺寸、邊距、樣式,提高(gāoδ÷₽")開(kāi)發效率,做(zuò)成一(yī)個(gè)全面的(de)可(kěβ★)視(shì)化(huà)Web開(kāi)發設計(jì)工(gōng)具,有(yǒu)什←$Ωπ(shén)麽建議(yì)和(hé)想法就(jiù)提給我們吧(ba)。