Why I hate working on ASP.Net Webforms legacy apps.

  • (2 Pages)
  • +
  • 1
  • 2

17 Replies - 6158 Views - Last Post: 13 July 2012 - 09:29 AM Rate Topic: -----

#1 Sergio Tapia  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 1252
  • View blog
  • Posts: 4,168
  • Joined: 27-January 10

Why I hate working on ASP.Net Webforms legacy apps.

Posted 10 February 2012 - 05:29 PM

I was recently hired by a security company to remake their website as it could no longer be made to fit their use cases and the website was very hard to maintain. Every single new product in the company had it's own .aspx file made especially for it. Sheesh!

Unoptimized images, table centric design, you name it. :lol:

Jesus, look at that tasty pasta spaghetti. Embedded, inline and external stylesheets, oh boy!

And not only that, but tables, tables everywhere. I managed to convert the entire website from 300k to 26k. I even made a nice pie chart and bar graph to convince the head honcho. I'd like to plug Pie.htc for helping me make some nice CSS3 features available on IE7+. (I don't support IE6 unless the money is DOUBLED). Take a gander and weep!

Kids, this is what you get when you make a website using nothing but the GUI website designer in Visual Studio. :P

<style type="text/css">

    .style24

    {

        height: 372px;

        width: 516px;

    }

    .style25

    {

        width: 100%;

    }

    .style28

    {

        width: 100%;

        height: auto;

        top: auto;

    }

    .style29

    {

        height: 142px;

        width: 525px;

    }

    .style56

    {

        width: 100%;

        height: 259px;

    }

    .style62

    {

        height: 89px;

        width: 89px;

        text-align: left;

        font-size: 10pt;

        font-family: Arial;

    }

    .style51

    {

        width: 201px;

    }

    .style65

    {

        width: 539px;

        font-size: 5pt;

    }

    .style67

    {

        height: 36px;

        font-weight: bold;

        font-family: Arial;

        color: #FFFFFF;

        font-size: 12px;

        width: 249px;

    }

    .style68

    {

        width: 249px;

    }

    .style71

    {

        width: 201px;

        height: 27px;

    }

    .slideshow

    {

        height: 171px;

    }

    .style80

    {

        width: 7px;

    }

    .style81

    {

        height: 35px;

        color: #FFFFFF;

        width: 196px;

    }

    .style82

    {

        width: 196px;

    }

    .style83

    {

        height: 35px;

    }

    .style85

    {

        height: 100px;

        width: 89px;

        text-align: left;

        font-size: 10pt;

        font-family: Arial;

    }

    .style88

    {

        height: 25px;

        font-weight: normal;

    }

    .style90

    {

        height: 140px;

    }

    #thumbwrapper

    {

        height: 75px;

    }

    </style>





     <link rel="stylesheet" type="text/css" href="style.css" />



</asp:Content>



  





<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

   <link rel="stylesheet" type="text/css" href="style.css" />



 	

     <%--javascript inicio lightbox--%>

 

 

 <%--<a id="first"  href="promo/new01.jpg" rel="lightbox" title="Seminario Internacional Paradox"></a>  --%>



  <%--javascript fin lightbox height: 169px; width: 503px   --%>







        <table align="center" style="width: 733px" border="0" cellpadding="0">

            <tr>



            <td rowspan="2" valign="top">

                    &nbsp;</td>



                <td align="center">

                                

                   

                     <%--jiniii--%>

                    

                    

                    

                    <div id="gallery">

  <div id="imagearea">

    <div id="image">

      <a href="javascript:slideShow.nav(-1)" class="imgnav " id="previmg"></a>

      <a href="javascript:slideShow.nav(1)" class="imgnav " id="nextimg"></a>

    </div>

  </div>

  <div id="thumbwrapper">

    <div id="thumbarea" align="center" dir="ltr">

      <ul id="thumbs">





       <li value="1"><img src="thumbs/1.jpg" width="160" height="52" alt="" /></li>

        <li value="2"><img src="thumbs/2.jpg" width="160" height="52" alt="" /></li>

        <li value="3"><img src="thumbs/3.jpg" width="160" height="52" alt="" /></li>

        <li value="4"><img src="thumbs/4.jpg" width="160" height="52" alt="" /></li>

         <li value="5"><img src="thumbs/5.jpg" width="160" height="52" alt="" /></li>

          <li value="6"><img src="thumbs/6.jpg" width="160" height="52" alt="" /></li>

           <li value="7"><img src="thumbs/7.jpg" width="160" height="52" alt="" /></li>

            <li value="8"><img src="thumbs/8.jpg" width="160" height="52" alt="" /></li>

             <li value="9"><img src="thumbs/9.jpg" width="160" height="52" alt="" /></li>

             

           </ul >

         </div>

         </div>

         </div>

<script type="text/javascript">

    var imgid = 'image';

    var imgdir = 'fullsize';

    var imgext = '.jpg';

    var thumbid = 'thumbs';

    var auto = true;

    var autodelay = 5;

</script>

<script type="text/javascript" src="slide.js"></script>

                 

                    

                     <%--jfinnnx   --%>

                    

                  

                    </td>

                <td rowspan="2" valign="top">

                    &nbsp;</td>

                <td rowspan="2" valign="top">

                    <table class="style25" style="height: 800px; width: 197px;" border="0" 

                        cellpadding="0" cellspacing="0">

                        <tr>

                            <td class="style71" valign="top">

                    <table border="0" cellpadding="0" cellspacing="0" style="width: 198px; height: 219px;">

                        <tr>

                            <td align="center" class="style83" 

                                

                                

                                

                                

                                

                                style="background-image: url('img/linea_menu_notas01.png'); background-repeat: no-repeat;">

                                CATALOGO ON LINE</td>

                        </tr>

                        <tr>

                            <td align="center" style="border: 1px solid #DDDDDD;" bgcolor="White">

                                <table class="style8" style="height: 210px">

                                    <tr>

                                        <td align="center">

                                            <a href="descargas/CATA-EC-11A.pdf">

                                            <img alt="" src="img/inicio/catalogo.jpg" style="border-width: 0px" /></a><br />

                                            </td>

                                    </tr>

                                </table>

                            </td>

                        </tr>

                    </table>

                                <br />

                            </td>

                        </tr>

                        <tr>

                            <td class="style71" valign="top">

                    <table border="0" cellpadding="0" cellspacing="0" style="width: 198px; height: 172px;">

                        <tr>

                            <td align="center" class="style83" 

                                

                                

                                

                                

                                

                                style="background-image: url('img/linea_menu_notas01.png'); background-repeat: no-repeat;">

                                HAGA SU PEDIDO</td>

                        </tr>

                        <tr>

                            <td align="center" style="border: 1px solid #DDDDDD;" bgcolor="White" 

                                class="style90">

                                <table class="style8" style="height: 110px">

                                    <tr>

                                        <td align="center" style="font-size: 6pt">

                                            <a >

                                            <img alt="" src="img/inicio/pedido.jpg" style="border-width: 0px" /></a><br />

                                            </td>

                                    </tr>

                                </table>

                            </td>

                        </tr>

                    </table>

                                <br />

                            </td>

                        </tr>

                        <tr>

                            <td class="style71" valign="top">

                <table border="0" cellspacing="0" cellpadding="0" style="width: 198px; height: 222px;">

                    <tr>

                        <td align="center" class="style83" 

                            

                            

                            

                            

                            

                            

                            

                            

                            

                            style="background-image: url('img/linea_menu_notas01.png'); background-repeat: no-repeat;">

                            NUESTRAS MARCAS</td>

                    </tr>

                    <tr >

                        <td align="center" style="border: 1px solid #DDDDDD;" bgcolor="White">

                            <table class="style8" style="height: 208px; width: 94%;">

                                <tr>

                                    <td align="center">

                                        

                                        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 

                                            codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" 

                                            style="height: 157px; width: 148px">

  <param name="movie" value="img/mar.swf" />

  <param name="quality" value="high" />

  <embed src="img/mar.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="148" height="157"></embed>

</object>







                                        

                                        </td>

                                </tr>

                            </table>

                        </td>

                    </tr>

                </table>

                                <br />

                            </td>

                        </tr>

                        <tr>

                            <td class="style71" valign="top">

                    <table border="0" cellpadding="0" cellspacing="0" style="width: 198px">

                        <tr>

                            <td align="center" class="style81" 

                                

                                

                                

                                

                                

                                style="background-image: url('img/linea_menu_notas01.png'); background-repeat: no-repeat;">

                                DEMO ON&nbsp; LINE</td>

                        </tr>

                        <tr>

                            <td align="center" style="border: 1px solid #DDDDDD;" class="style82" 

                                bgcolor="White">

                                <table class="style8" style="height: 110px">

                                    <tr>

                                        <td align="center">

                                            <br />

                                            <a href ="">

                                            <asp:Image ID="Image22" runat="server" ImageUrl="~/img/101.gif" 

                                                Width="145px" Height="39px" />

                                                </a>

                                            <br />

                                            <br />

                                            <asp:ImageButton ID="ImageButton16" runat="server" ImageUrl="~/img/104.gif" 

                                                PostBackUrl="~/demo.aspx" />

                                            <br />

                                            <br />

                                            <a href ="">

                                            <asp:Image ID="Image24" runat="server" ImageUrl="~/img/105.gif" 

                                                Width="145px" Height="39px" />

                                                </a>

                                            <br />

                                            <br />

                                        </td>

                                    </tr>

                                </table>

                            </td>

                        </tr>

                    </table>

                            </td>

                        </tr>

                        </table>

                </td>

            </tr>

            <tr>

                <td class="style65" valign="middle">

                    <table class="style56" border="0" cellpadding="0" cellspacing="0">

                        <tr>

                            <td>

                <table cellspacing="0" cellpadding="0" style="width: 251px; height: 524px;" border="0">

                    <tr>

                        <td align="center" class="style67" 

                            

                            

                            

                            

                            

                            

                            

                            

                            style="background-image: url('img/linea_menu_notas.png'); background-repeat: no-repeat;">

                            NUEVOS PRODUCTOS</td>

                    </tr>

                    <tr >

                        <td align="center" style="border: 1px solid #DDDDDD;" class="style68" 

                            bgcolor="White">

                            <table class="style8" style="height: 487px; width: 84%;">

                                 <tr>

                                    <td align="center" colspan="2" 

                                        

                                        

                                         style="padding: 2px; border-width: 1px; border-color: #FFFFFF; border-style: solid none none none;">

                                        &nbsp;</td>

                                </tr>

                                <tr>

This post has been edited by Sergio Tapia: 10 February 2012 - 05:32 PM


Is This A Good Question/Topic? 1
  • +

Replies To: Why I hate working on ASP.Net Webforms legacy apps.

#2 Kilorn  Icon User is offline

  • XNArchitect
  • member icon



Reputation: 1355
  • View blog
  • Posts: 3,528
  • Joined: 03-May 10

Re: Why I hate working on ASP.Net Webforms legacy apps.

Posted 10 February 2012 - 05:32 PM

I'd hate to have to deal with that shit just because of all the damn whitespace... Stop hitting enter so many times, people!
Was This Post Helpful? 1
  • +
  • -

#3 Sergio Tapia  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 1252
  • View blog
  • Posts: 4,168
  • Joined: 27-January 10

Re: Why I hate working on ASP.Net Webforms legacy apps.

Posted 10 February 2012 - 05:35 PM

Actual conversation:

"Why is there so much whitespace all over the place? Your tags aren't even nested. :| "
"It still compiles and it works."

:( Some people just don't care, there isn't exactly a culture to care here in Bolivia.
Was This Post Helpful? 1
  • +
  • -

#4 javaHeyy  Icon User is offline

  • New D.I.C Head

Reputation: 5
  • View blog
  • Posts: 12
  • Joined: 08-February 12

Re: Why I hate working on ASP.Net Webforms legacy apps.

Posted 10 February 2012 - 06:37 PM

Tidy code or die. I had people who's code is messy, stuck to the margin, or is 10 tabs into the page. But then again, I just had ASP
Was This Post Helpful? 2
  • +
  • -

#5 javaHeyy  Icon User is offline

  • New D.I.C Head

Reputation: 5
  • View blog
  • Posts: 12
  • Joined: 08-February 12

Re: Why I hate working on ASP.Net Webforms legacy apps.

Posted 10 February 2012 - 07:34 PM

Sup my English, the "had"'s in my previous post are supposed to be "hate".
Was This Post Helpful? 0
  • +
  • -

#6 baavgai  Icon User is offline

  • Dreaming Coder
  • member icon

Reputation: 5761
  • View blog
  • Posts: 12,576
  • Joined: 16-October 07

Re: Why I hate working on ASP.Net Webforms legacy apps.

Posted 10 February 2012 - 08:11 PM

Looks a lot like some intermediate step was taken. Maybe a Microsoft word to html ( .styleXX ).

Face it, you don't have to care if the HTML looks like crap if you never actually look at it. :P
Was This Post Helpful? 0
  • +
  • -

#7 eclipsed4utoo  Icon User is offline

  • Not Your Ordinary Programmer
  • member icon

Reputation: 1524
  • View blog
  • Posts: 5,957
  • Joined: 21-March 08

Re: Why I hate working on ASP.Net Webforms legacy apps.

Posted 10 February 2012 - 09:10 PM

View Postbaavgai, on 10 February 2012 - 11:11 PM, said:

Looks a lot like some intermediate step was taken. Maybe a Microsoft word to html ( .styleXX ).


If I am not mistaken, if you use the ASP.Net designer to drag and drop controls, VS will create styles when you move the controls around. But since it doesn't know what to name them, it starts with "style1" and just starts incrementing.
Was This Post Helpful? 0
  • +
  • -

#8 Sergio Tapia  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 1252
  • View blog
  • Posts: 4,168
  • Joined: 27-January 10

Re: Why I hate working on ASP.Net Webforms legacy apps.

Posted 11 February 2012 - 08:23 AM

That's correct.
Was This Post Helpful? 0
  • +
  • -

#9 Dorito_125  Icon User is offline

  • D.I.C Head

Reputation: 8
  • View blog
  • Posts: 88
  • Joined: 13-December 08

Re: Why I hate working on ASP.Net Webforms legacy apps.

Posted 11 February 2012 - 01:15 PM

Oh man oh man. Yikes!
Was This Post Helpful? 0
  • +
  • -

#10 Blue.Buri  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 15-February 12

Re: Why I hate working on ASP.Net Webforms legacy apps.

Posted 15 February 2012 - 02:00 PM

I just started ASP.net development for work and this still came as a shocker to me.

On another note, I dont like using the designer that VS has because I feel it takes me too far away from the code itself. I usually just use trial and error when designing a page to see what looks nice. Sometimes you'll end up stumbling onto a gem that way!
Was This Post Helpful? 0
  • +
  • -

#11 chili5  Icon User is offline

  • D.I.C Lover

Reputation: 19
  • View blog
  • Posts: 1,144
  • Joined: 28-December 07

Re: Why I hate working on ASP.Net Webforms legacy apps.

Posted 15 February 2012 - 08:12 PM

Yikes. I NEVER use the Visual Studio GUI editor for webpages for this reason. I always write all my code myself, plus I use ASP.NET MVC so I use the Html helpers so the gui editor doesn't help that much anyways. Sometimes the code can still get messy when having to switch in and out of <% %> tags to output customize content in views but resharper to ther rescue to quickly fix this up!
Was This Post Helpful? 0
  • +
  • -

#12 aliancemd  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 8
  • Joined: 07-December 10

Re: Why I hate working on ASP.Net Webforms legacy apps.

Posted 16 February 2012 - 07:44 AM

.styleXX - it's called "The guessing game"
Was This Post Helpful? 0
  • +
  • -

#13 jdemarco7751  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 10-October 08

Re: Why I hate working on ASP.Net Webforms legacy apps.

Posted 16 February 2012 - 10:33 AM

View Posteclipsed4utoo, on 10 February 2012 - 09:10 PM, said:

View Postbaavgai, on 10 February 2012 - 11:11 PM, said:

Looks a lot like some intermediate step was taken. Maybe a Microsoft word to html ( .styleXX ).


If I am not mistaken, if you use the ASP.Net designer to drag and drop controls, VS will create styles when you move the controls around. But since it doesn't know what to name them, it starts with "style1" and just starts incrementing.


I think this is a case of Microsoft trying to make things simple for the new developer. Sometimes Microsoft is its own worst enemy. When I see code like this I like to call it write only code.
Was This Post Helpful? 0
  • +
  • -

#14 Sergio Tapia  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 1252
  • View blog
  • Posts: 4,168
  • Joined: 27-January 10

Re: Why I hate working on ASP.Net Webforms legacy apps.

Posted 19 February 2012 - 09:55 AM

Amazingly there are ASP.Net (webforms) developers out there who are cranking out working, production website software and THEY HAVE NO IDEA what HTTP is and how it works. Http Get, Post? What's that? A postback? Oh yeah, this control has a "DoPostback" property.

And then I have to clean it up!

This post has been edited by Sergio Tapia: 19 February 2012 - 09:55 AM

Was This Post Helpful? 0
  • +
  • -

#15 Theomi  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 9
  • View blog
  • Posts: 88
  • Joined: 17-January 10

Re: Why I hate working on ASP.Net Webforms legacy apps.

Posted 03 March 2012 - 05:17 PM

"Im a programmer and i only use the designer"
Why do some people have this mentality
Was This Post Helpful? 0
  • +
  • -

  • (2 Pages)
  • +
  • 1
  • 2