SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.8k
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">2<html id="sixapart-standard" xmlns="">3 <head>4 <style>5 /* Base Weblog (base-weblog.css) */6 7/* basic elements */8 9html10{11 margin: 0;12 /* setting border: 0 hoses ie6 win window inner well border */13 padding: 0;14}15 16body17{18 margin: 0;19 /* setting border: 0 hoses ie5 win window inner well border */20 padding: 0;21 font-family: verdana, 'trebuchet ms', sans-serif;22 font-size: 12px;23}24 25form, input { margin: 0; padding: 0; }26a { text-decoration: underline; }27a img { border: 0; }28 29h1, h2, h3, h4, h5, h6 { font-weight: normal; }30h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote31{32 margin-top: 10px;33 margin-bottom: 10px;34}35 36 37/* standard helper classes */38 39.clr40{41 clear: both;42 overflow: hidden;43 width: 1px;44 height: 1px;45 margin: 0 -1px -1px 0;46 border: 0;47 padding: 0;48 font-size: 0;49 line-height: 0;50}51 52/* .pkg class wraps enclosing block element around inner floated elements */53.pkg:after54{55 content: " ";56 display: block;57 visibility: hidden;58 clear: both;59 height: 0.1px;60 font-size: 0.1em;61 line-height: 0;62}63* html .pkg { display: inline-block; }64/* no ie mac \*/65* html .pkg { height: 1%; }66.pkg { display: block; }67/* */68 69 70/* page layout */71 72body { text-align: center; } /* center on ie */73 74#container75{76 position: relative;77 margin: 0 auto; /* center on everything else */78 width: 720px;79 text-align: left;80}81#container-inner { position: static; width: auto; }82 83#banner { position: relative; }84#banner-inner { position: static; }85 86#pagebody { position: relative; width: 100%; }87#pagebody-inner { position: static; width: 100%; }88 89#alpha, #beta, #gamma, #delta90{91 display: inline; /* ie win bugfix */92 position: relative;93 float: left;94 min-height: 1px;95}96 97#delta { float: right; }98 99#alpha-inner, #beta-inner, #gamma-inner, #delta-inner100{101 position: static;102}103 104 105/* banner user/photo */106 107.banner-user108{109 float: left;110 overflow: hidden;111 width: 64px;112 margin: 0 15px 0 0;113 border: 0;114 padding: 0;115 text-align: center;116}117 118.banner-user-photo119{120 display: block;121 margin: 0 0 2px 0;122 border: 0;123 padding: 0;124 background-position: center center;125 background-repeat: no-repeat;126 text-decoration: none !important;127}128 129.banner-user-photo img130{131 width: 64px;132 height: auto;133 margin: 0;134 border: 0;135 padding: 0;136}137 138 139/* content */140 141.content-nav142{143 margin: 10px;144 text-align: center;145}146 147.date-header,148.entry-content149{150 position: static;151 clear: both;152}153 154.entry,155.trackbacks,156.comments,157.archive158{159 position: static;160 overflow: hidden;161 clear: both;162 width: 100%;163 margin-bottom: 20px;164}165 166.entry-content,167.trackbacks-info,168.trackback-content,169.comment-content,170.comments-open-content,171.comments-closed172{173 clear: both;174 margin: 5px 10px;175}176 177.entry-excerpt,178.entry-body,179.entry-more-link,180.entry-more181{182 clear: both;183}184 185.entry-footer,186.trackback-footer,187.comment-footer,188.comments-open-footer,189.archive-content190{191 clear: both;192 margin: 5px 10px 20px 10px;193}194 195.comments-open label { display: block; }196 197#comment-author, #comment-email, #comment-url, #comment-text198{199 width: 240px;200}201 202#comment-bake-cookie203{204 margin-left: 0;205 vertical-align: middle;206}207 208#comment-post209{210 font-weight: bold;211}212 213img.image-full { width: 100%; }214 215.image-thumbnail216{217 float: left;218 width: 115px;219 margin: 0 10px 10px 0;220}221 222.image-thumbnail img223{224 width: 115px;225 height: 115px;226 margin: 0 0 2px 0;227}228 229 230/* modules */231 232.module233{234 position: relative;235 overflow: hidden;236 width: 100%;237}238 239.module-content240{241 position: relative;242 margin: 5px 10px 20px 10px;243}244 245.module-list,246.archive-list247{248 margin: 0;249 padding: 0;250 list-style: none;251}252 253.module-list-item254{255 margin-top: 5px;256 margin-bottom: 5px;257}258 259.module-presence img { vertical-align: middle; }260.module-powered .module-content { margin-bottom: 10px; }261.module-photo .module-content { text-align: center; }262.module-wishlist .module-content { text-align: center; }263 264.module-calendar .module-content table265{266 border-collapse: collapse;267}268 269.module-calendar .module-content th,270.module-calendar .module-content td271{272 width: 14%;273 text-align: center;274}275 276.typelist-thumbnailed { margin: 0 0 20px 0; }277 278.typelist-thumbnailed .module-list-item279{280 display: block;281 clear: both;282 margin: 0;283}284 285/* positioniseverything.net/easyclearing.html */286.typelist-thumbnailed .module-list-item:after287{288 content: " ";289 display: block;290 visibility: hidden;291 clear: both;292 height: 0.1px;293 font-size: 0.1em;294 line-height: 0;295}296* html .typelist-thumbnailed .module-list-item { display: inline-block; }297/* no ie mac \*/298* html .typelist-thumbnailed .module-list-item { height: 1%; }299.typelist-thumbnailed .module-list-item { display: block; }300/* */301 302.typelist-thumbnail303{304 float: left;305 min-width: 60px;306 width: 60px;307 /* no ie mac \*/width: auto;/* */308 margin: 0 5px 0 0;309 text-align: center;310 vertical-align: middle;311}312 313.typelist-thumbnail img { margin: 5px; }314 315.module-galleries .typelist-thumbnail img { width: 50px; }316 317.typelist-description318{319 margin: 0;320 padding: 5px;321}322 323.module-featured-photo .module-content,324.module-photo .module-content325{326 margin: 0;327}328 329.module-featured-photo img { width: 100%; }330 331.module-recent-photos { margin: 0 0 15px 0; }332.module-recent-photos .module-content { margin: 0; }333.module-recent-photos .module-list334{335 display: block;336 height: 1%;337 margin: 0;338 border: 0;339 padding: 0;340 list-style: none;341}342 343/* positioniseverything.net/easyclearing.html */344.module-recent-photos .module-list:after345{346 content: " ";347 display: block;348 visibility: hidden;349 clear: both;350 height: 0.1px;351 font-size: 0.1em;352 line-height: 0;353}354* html .module-recent-photos .module-list { display: inline-block; }355/* no ie mac \*/356* html .module-recent-photos .module-list { height: 1%; }357.module-recent-photos .module-list { display: block; }358/* */359 360.module-recent-photos .module-list-item361{362 display: block;363 float: left;364 /* ie win fix \*/ height: 1%; /**/365 margin: 0;366 border: 0;367 padding: 0;368}369 370.module-recent-photos .module-list-item a371{372 display: block;373 margin: 0;374 border: 0;375 padding: 0;376}377 378.module-recent-photos .module-list-item img379{380 width: 60px;381 height: 60px;382 margin: 0;383 padding: 0;384}385 386 387/* mmt calendar */388 389.module-mmt-calendar { margin-bottom: 15px; }390.module-mmt-calendar .module-content { margin: 0; }391.module-mmt-calendar .module-header { margin: 0; }392.module-mmt-calendar .module-header a { text-decoration: none; }393.module-mmt-calendar table { width: 100%; }394 395.module-mmt-calendar th { text-align: left; }396 397.module-mmt-calendar td398{399 width: 14%;400 height: 75px;401 text-align: left;402 vertical-align: top;403}404 405.day-photo406{407 width: 54px;408 height: 54px;409}410 411.day-photo a412{413 display: block;414}415 416.day-photo a img417{418 width: 50px;419 height: 50px;420}421 422 423 424 425/* Vicksburg (theme-vicksburg.css) */426 427/* basic page elements */428 429body430{431 font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;432 font-size: 12px;433}434 435a { color: #36414d; text-decoration: underline; }436a:hover { color: #a3b8cc; }437 438#banner a { color: #fff; text-decoration: none; }439#banner a:hover { color: #fff; }440 441.module-content a { color: #36414d; }442.module-content a:hover { color: #a3b8cc; }443 444h1, h2, h3, h4, h5, h6445{446 font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;447}448 449.module-header,450.trackbacks-header,451.comments-header,452.comments-open-header,453.archive-header454{455 /* ie win (5, 5.5, 6) bugfix */456 p\osition: relative;457 width: 100%;458 w\idth: auto;459 460 margin: 0;461 border-left: 5px solid #36414d;462 padding: 5px;463 color: #fff;464 background: #a3b8cc;465 font-size: 11px;466 font-weight: bold;467 line-height: 1;468 text-transform: uppercase;469}470 471.module-header a,472.module-header a:hover,473.trackbacks-header a,474.trackbacks-header a:hover,475.comments-header a,476.comments-header a:hover,477.comments-open-header a,478.comments-open-header a:hover479.archive-header a,480.archive-header a:hover481{482 color: #fff;483}484 485.entry-more-link,486.entry-footer,487.comment-footer,488.trackback-footer,489.typelist-thumbnailed490{491 font-size: 11px;492}493 494.commenter-profile img { vertical-align: middle; }495 496 497/* page layout */498 499body500{501 min-width: 720px;502 color: #333;503 background: #36414d;504}505 506#container507{508 width: 720px;509 margin-bottom: 20px;510 background: #fff;511}512 513#container-inner514{515 border-width: 0 5px 5px 5px;516 border-style: solid;517 border-color: #292e33;518}519 520#banner521{522 width: 710px; /* necessary for ie win */523 background: #a3b8cc;524}525 526#banner-inner527{528 padding: 15px 13px;529 border-width: 2px 2px 0 2px;530 border-style: solid;531 border-color: #fff;532}533 534.banner-user535{536 width: 70px;537 margin-top: 5px;538 font-size: 10px;539}540 541.banner-user-photo { border: 1px solid #fff; }542 543#banner-header544{545 margin: 0;546 color: #fff;547 font-size: 30px;548 font-weight: bold;549 line-height: 1;550 text-shadow: #36414d 0 2px 3px;551}552 553#banner-description554{555 margin-top: 5px;556 margin-bottom: 0;557 color: #fff;558 background: none;559 font-size: 12px;560 font-weight: bold;561 line-height: 1.125;562 text-shadow: #36414d 0 1px 2px;563}564 565#alpha { margin: 15px 15px 0 15px; width: 480px; }566#beta { width: 200px; background: #e6ecf2; }567#gamma, #delta { width: 180px; background: #e6ecf2; }568 569#beta-inner,570#gamma-inner,571#delta-inner572{573 padding: 10px 10px 0 10px;574 border-width: 2px 2px 2px 0;575 border-style: solid;576 border-color: #fff;577}578 579.date-header580{581 margin-top: 0;582 font-size: 11px;583 font-weight: bold;584 text-transform: uppercase;585}586 587.entry-header588{589 margin-top: 0;590 border-left: 5px solid #dae0e6;591 padding: 0 0 0 10px;592 color: #666;593 font-size: 18px;594}595 596.entry-content,597.comment-content,598.trackback-content599{600 margin: 0;601 line-height: 1.5;602}603 604.entry-footer,605.comment-footer,606.trackback-footer607{608 margin: 0 0 20px 0;609 border-top: 1px solid #dae0e6;610 padding-top: 3px;611 color: #666;612 font-size: 10px;613 text-align: right;614}615 616.comment-content,617.trackback-content,618.comment-footer,619.trackback-footer620{621 margin-left: 10px;622}623 624.content-nav { margin-top: 0; }625 626#trackbacks-info627{628 margin: 10px 0;629 border: 1px dashed #a3b8cc;630 padding: 0 10px;631 color: #292e33;632 font-size: 11px;633 text-align: center;634 background: #e6ecf2;635}636 637.comments-open-footer638{639 margin: 10px 0;640}641 642 643/* modules */644 645.module646{647 margin: 0 0 10px 0;648 border-bottom: 1px solid #f3f6f9;649 background: #dae0e6;650}651 652.module-content653{654 margin: 0 0 10px 0;655 border-top: 1px solid #cfd4d9;656 padding: 10px 10px 0 10px;657 font-size: 10px;658 line-height: 1.2;659}660 661.module-search input { font-size: 10px; }662.module-search #search { width: 100px; }663 664.module-mmt-calendar .module-content table,665.module-calendar .module-content table { font-size: 10px; }666 667.module-powered { border-width: 0; }668.module-powered .module-content669{670 margin-bottom: 0;671 border: 1px dashed #a3b8cc;672 padding-bottom: 10px;673 color: #292e33;674 background: #fff;675}676 677.module-photo { background: none; }678.module-photo img { border: solid 1px #fff; }679 680.module-list681{682 margin: 0 15px 10px 15px;683 list-style: disc;684}685 686.module-list .module-list687{688 margin: 5px 0 0 0;689 padding-left: 15px;690 list-style: circle;691}692 693.module-list-item694{695 margin-top: 0;696 color: #666;697 line-height: 1.2;698}699 700.typelist-thumbnailed .module-list701{702 margin: 0 0 10px 0;703 list-style: none;704}705 706.typelist-thumbnailed .module-list-item707{708 margin: 1px 0;709 padding: 0;710 background: #f3f6f9;711}712 713.typelist-thumbnail714{715 background: #fff;716}717 718.module-photo img { border: 1px solid #fff; }719 720.module-featured-photo { width: 398px; }721.module-featured-photo .module-content722{723 margin: 0;724 border-width: 0;725 padding: 0;726}727.module-featured-photo img { width: 398px; }728 729.module-recent-photos .module-content { padding: 10px 0 0 19px; }730.module-recent-photos .module-list { margin: 0; }731.module-recent-photos .module-list-item732{733 width: 64px; /* mac ie fix */734 margin: 0 10px 10px 0;735 padding: 0;736 background: none;737}738 739.module-recent-photos .module-list-item a740{741 border: #cfd4d9 1px solid;742 padding: 1px;743 background: #fff;744}745 746.module-recent-photos .module-list-item a:hover747{748 border-color: #36414d;749 background: #fff;750}751 752 753/* calendar tweaks */754 755 .layout-calendar #alpha { width: 260px; }756 .layout-calendar #beta { width: 420px; }757 758 .layout-calendar #gamma,759 .layout-calendar #delta760 {761 width: 190px;762 }763 764 .layout-calendar #gamma-inner,765 .layout-calendar #delta-inner766 {767 border: 0;768 padding: 0;769 }770 771 .module-mmt-calendar { width: 398px; }772 .module-mmt-calendar .module-content773 {774 margin: 0;775 border-width: 0;776 padding: 10px;777 }778 779 .module-mmt-calendar table780 {781 width: 378px;782 background: #a3b8cc;783 }784 785 .module-mmt-calendar th786 {787 color: #fff;788 border-top: 1px solid #fff;789 border-right: 1px solid #f3f6f9;790 border-bottom: 1px solid #cfd4d9;791 padding: 2px;792 text-align: right;793 font-weight: bold;794 }795 796 .module-mmt-calendar td797 {798 border-top: 1px solid #fff;799 border-right: 1px solid #f3f6f9;800 border-bottom: 1px solid #cfd4d9;801 padding: 2px;802 text-align: right;803 font-weight: normal;804 background: #e6ecf2;805 }806 807 th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42808 {809 border-right: none;810 }811 812 .module-mmt-calendar td { height: 70px; }813 814 .day-photo815 {816 width: 49px;817 height: 49px;818 }819 820 .day-photo a821 {822 border: #cfd4d9 1px solid;823 padding: 1px;824 background: #fff;825 }826 827 .day-photo a:hover828 {829 border-color: #36414d;830 background: #fff;831 }832 833 .day-photo a img834 {835 width: 45px;836 height: 45px;837 }838 839 840/* artistic tweaks */841 842 .layout-artistic #alpha { width: 260px; }843 .layout-artistic #beta { width: 420px; }844 845 .layout-artistic #gamma,846 .layout-artistic #delta847 {848 width: 190px;849 }850 851 .layout-artistic #gamma-inner,852 .layout-artistic #delta-inner853 {854 border: 0;855 padding: 0;856 }857 858 859/* moblog1 tweaks */860 861 .layout-moblog1 #alpha862 {863 margin: 0;864 width: 180px;865 background: #e6ecf2;866 }867 868 .layout-moblog1 #alpha-inner869 {870 padding: 10px 10px 0 10px;871 border-width: 2px 0 2px 2px;872 border-style: solid;873 border-color: #fff;874 }875 876 .layout-moblog1 #beta877 {878 margin: 15px 15px 0 15px;879 width: 320px;880 background: none;881 }882 883 .layout-moblog1 #beta-inner884 {885 padding: 0;886 border-width: 0;887 }888 889 .layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; }890 891 892/* moblog2 tweaks */893 894 .layout-moblog2 #alpha895 {896 margin: 0;897 width: 86px;898 background: #e6ecf2;899 }900 901 .layout-moblog2 #alpha-inner902 {903 padding: 10px 10px 0 10px;904 border-width: 2px 0 2px 2px;905 border-style: solid;906 border-color: #fff;907 }908 909 .layout-moblog2 #beta910 {911 margin: 15px 15px 0 15px;912 width: 260px;913 background: none;914 }915 916 .layout-moblog2 #beta-inner917 {918 padding: 0;919 border-width: 0;920 }921 922 .layout-moblog2 #delta923 {924 width: 154px;925 }926 927 .layout-moblog2 .module-recent-photos928 {929 border: 0;930 background: none;931 }932 933 .layout-moblog2 .module-recent-photos .module-content934 {935 padding: 0;936 border: 0;937 }938 939 .layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; }940 941 942/* timeline tweaks */943 944 .layout-timeline #alpha { width: 260px; }945 .layout-timeline #beta { width: 420px; }946 947 .layout-timeline #gamma,948 .layout-timeline #delta949 {950 width: 190px;951 }952 953 .layout-timeline #gamma-inner,954 .layout-timeline #delta-inner955 {956 border: 0;957 padding: 0;958 }959 960 961/* one-column tweaks */962 963 .layout-one-column body { min-width: 520px; }964 .layout-one-column #container { width: 520px; }965 .layout-one-column #banner { width: 510px; } /* necessary for ie win */966 967 968/* two-column-left tweaks */969 970 .layout-two-column-left #alpha971 {972 margin: 0;973 width: 200px;974 background: #e6ecf2;975 }976 977 .layout-two-column-left #alpha-inner978 {979 padding: 10px 10px 0 10px;980 border-width: 2px 0 2px 2px;981 border-style: solid;982 border-color: #fff;983 }984 985 .layout-two-column-left #beta986 {987 margin: 15px 15px 0 15px;988 width: 480px;989 background: none;990 }991 992 .layout-two-column-left #beta-inner993 {994 padding: 0;995 border-width: 0;996 }997 998 999/* three-column tweaks */1000 1001 .layout-three-column #alpha1002 {1003 margin: 0;1004 width: 180px;1005 background: #e6ecf2;1006 }1007 1008 .layout-three-column #alpha-inner1009 {1010 padding: 10px 10px 0 10px;1011 border-width: 2px 0 2px 2px;1012 border-style: solid;1013 border-color: #fff;1014 }1015 1016 .layout-three-column #beta1017 {1018 margin: 15px 15px 0 15px;1019 width: 320px;1020 background: none;1021 }1022 1023 .layout-three-column #beta-inner1024 {1025 padding: 0;1026 border-width: 0;1027 }1028 </style>1029 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">1030 <meta content="Movable Type 4.32-en" name="generator">1031 <title>1032 Coruscation: Can Tesla be agile to make cars ?1033 </title>1034 <!--1035<rdf:RDF xmlns:rdf=""1036 xmlns:trackback=""1037 xmlns:dc="">1038<rdf:Description1039 rdf:about=""1040 trackback:ping=""1041 dc:title="Can Tesla be agile to make cars ?"1042 dc:identifier=""1043 dc:subject="autos"1044 dc:description="What many people enamored with the idea of agile fail to realize is where the limits are. Agile is efficient when the cost of making a change is lower than the cost of an iteration. In other words, your iterations have to be profitable (at least in aggregate.). Deploying software to a server costs almost nothing, so you can iterate..."1045 dc:creator=""1046 dc:date="2018-05-02T03:53:56+00:00" />1047</rdf:RDF>1048-->1049 <meta content="As0hBNJ8h++fNYlkq8cTye2qDLyom8NddByiVytXGGD0YVE+2CEuTCpqXMDxdhOMILKoaiaYifwEvCRlJ/9GcQ8AAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">1050 <meta content="AgRYsXo24ypxC89CJanC+JgEmraCCBebKl8ZmG7Tj5oJNx0cmH0NtNRZs3NB5ubhpbX/bIt7l2zJOSyO64NGmwMAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">1051 </head>1052 <body class="layout-one-column" onload="individualArchivesOnLoad(commenter_name)">1053 <div id="container">1054 <div class="pkg" id="container-inner">1055 <div id="banner">1056 <div class="pkg" id="banner-inner">1057 <h1 id="banner-header">1058 <a accesskey="1">1059 Coruscation1060 </a>1061 </h1>1062 <h2 id="banner-description">1063 by1064 <a>1065 Stylized Facts1066 </a>1067 .1068 </h2>1069 </div>1070 </div>1071 <div id="goog">1072 <ins class="adsbygoogle adsbygoogle-noablate" data-ad-channel data-ad-client="pub-4113643296189468" data-ad-format="728x90_as" data-ad-height="90" data-ad-type="text_image" data-ad-width="728" data-adsbygoogle-status="done" data-color-bg="99AACC" data-color-border="2D5893" data-color-link="000000" data-color-text="003366" data-color-url="000099" style="display: inline-block; width: 728px; height: 90px;">1073 <div aria-label="Advertisement" id="aswift_0_host" style="border: none; height: 90px; width: 728px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;" tabindex="0" title="Advertisement">1074 </div>1075 </ins>1076 </div>1077 <div id="pagebody">1078 <div class="pkg" id="pagebody-inner">1079 <div id="alpha">1080 <div class="pkg" id="alpha-inner">1081 <p class="content-nav">1082 <a>1083 « Ford once made cars1084 </a>1085 |1086 <a>1087 Main1088 </a>1089 |1090 <a>1091 How to ride north shore style trails »1092 </a>1093 </p>1094 <a id="a013278">1095 </a>1096 <div class="entry" id="entry-13278">1097 <h3 class="entry-header">1098 Can Tesla be agile to make cars ?1099 </h3>1100 <div class="entry-content">1101 <div class="entry-body">1102 <p>1103 What many people enamored with the idea of agile fail to realize is where the limits are. Agile is efficient when the cost of making a change is lower than the cost of an iteration.1104 </p>1105 <p>1106 Deploying software to a server costs almost nothing, so you can iterate every five minutes and make money. Except when you make a mistake and deploy something broken, which can cost you in damaged customer reputation.1107 </p>1108 <p>1109 Agile works by holding time and effort constant, but letting scope vary. That means using agile techniques to handle hardware projects where scope can't vary (like deploying routers to remote sites)1110 <a>1111 can fail much more easily1112 </a>1113 . If any component is delayed, the whole product is delayed, and other expenses rise: rescheduling installers often has a cascading effect on the rest of the project.1114 <br>1115 </p>1116 </div>1117 <div class="entry-more" id="more">1118 </div>1119 </div>1120 <p class="entry-footer">1121 <span class="post-footers">1122 Posted by on May 2, 2018 3:53 AM1123 </span>1124 <span class="separator">1125 |1126 </span>1127 <a class="permalink">1128 Permalink1129 </a>1130 </p>1131 </div>1132 <div class="trackbacks">1133 <h3 class="trackbacks-header" id="trackback">1134 TrackBack1135 </h3>1136 <div id="trackbacks-info">1137 <p>1138 TrackBack URL for this entry:1139 <br>1140 http://www.stylizedfacts.com/cgi-sys/cgiwrap/fotohof/managed-mt/mt-tb.cgi/107081141 </p>1142 </div>1143 <div class="trackbacks-content">1144 </div>1145 </div>1146 <div class="comments" id="comments">1147 <div class="comments-content">1148 </div>1149 <form action="" method="post" name="comments_form" onsubmit="if (this.bakecookie.checked) rememberMe(this)">1150 <input name="static" type="hidden" value="1">1151 <input name="entry_id" type="hidden" value="13278">1152 <div class="comments-open" id="comments-open">1153 <h2 class="comments-open-header">1154 Post a comment1155 </h2>1156 <div class="comments-open-content">1157 <p>1158 If you have a TypeKey identity, you can1159 <a>1160 sign in1161 </a>1162 to use it here.1163 </p>1164 <p class="comments-open-moderated">1165 (If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry.1166 </p>1167 <div id="comments-open-data">1168 <div id="name-email" style="display: block;">1169 <p>1170 <label for="comment-author">1171 Name:1172 </label>1173 <input id="comment-author" name="author" size="30">1174 </p>1175 <p>1176 <label for="comment-email">1177 Email Address:1178 </label>1179 <input id="comment-email" name="email" size="30">1180 </p>1181 </div>1182 <p>1183 <label for="comment-url">1184 URL:1185 </label>1186 <input id="comment-url" name="url" size="30">1187 </p>1188 <p>1189 <label for="comment-bake-cookie">1190 <input id="comment-bake-cookie" name="bakecookie" onclick="if (!this.checked) forgetMe(document.comments_form)" type="checkbox" value="1">1191 Remember personal info?1192 </label>1193 </p>1194 </div>1195 <p id="comments-open-text">1196 <label for="comment-text">1197 Comments: (you may use HTML tags for style)1198 </label>1199 <textarea cols="30" id="comment-text" name="text" rows="10"></textarea>1200 </p>