Forum > Blogs > An Ugly Side of Web Development and Design
An Ugly Side of Web Development and Design
avatar
Country: US
Comments: 6470
News Posts: 413
Joined: 2008-06-21
 
Thu, 07 Jan 2010 04:03:10
0
I've got time to kill, so indulge my ramblings.


For those who don't know the world of web development, it's probably doesn't work the way you'd think.  There are three aspects of web development: Presentation, Logic and Data.  Presentation is HTML, CSS, JavaScript -- anything that's run on the client computer; logic is the server side deciding what it needs to do when you visit a page, and data is whatever's stored on that server to actually provide the user.


The tricky thing here is that you can call anything done on th server-side programming, and JavaScript is a programming language, but the primary aspects on the presentation side -- HTML and CSS -- aren't programming languages; they are markup languages.  Browsers follow rules that say how the HTML and CSS are supposed to look when used in specific ways, but sometimes those rules are ambiguous, sometimes the browser is wrong, sometimes the action is unspecified, and sometimes the browser just hasn't implemented the functionality.


This leads to some weird and unique problems and solutions.  For example, there is a generic container element in HTML called a DIV tag.  You can put anything you want in a DIV, and you can use CSS to style it so it has, say, a black background and white text.


Well, if you say "height: 100%", that doesn't work as cleanly as one would hope.  If you take a look at the forums, you'll see the user information in a sidebar on the left with a darker grey background and a border to the right.  Because you can't just set the height of the sidebar to 100%, how do you get a perfectly flush border and background like that?  You have to do a clever, silly and stupid workaround wherein the DIV that contains the sidebar DIV is given a background IMAGE containing both the background colour and border, repeated vertically only.  Weird, but it works.


Let the chain reaction begin, though, as a big feature I'm working on is full customization of presentational aspects including colours.  Remember that the sidebar background and border is an image, so you can't just change the colour -- what then?


After several weeks of not knowing how to solve this, I now have a solution.  In PHP (a server-side programming language), you can create images.  Thusly, how I could get around this would be to generate a new sidebar image with the colours specified and cache the image on the server.  So if then user specifies a sidebar background colour of #FFFFFF (white) and a border colour of #FF0000 (red), when the user saves his settings, the server receives the request, generates the image, and saves in on the server as FFFFFF-FF0000.png.  Then if another user chooses the same colour combination, that file is used, otherwise a new one is generated. Automatic, transparent, efficient and completely obtuse.  Gotta love it.

---

Tell me to get back to rewriting this site so it's not horrible on mobile
avatar
Country: CO
Comments: 11520
News Posts: 1163
Joined: 2008-06-24
 
Thu, 07 Jan 2010 06:12:23
0
When are we going to play a chess match?
avatar
Country: US
Comments: 6470
News Posts: 413
Joined: 2008-06-21
 
Thu, 07 Jan 2010 07:25:05
0
Anytime you want from Saturday onward.  The later the better it is for me.  If you want, you can start a game in the chess thread and we can just start posting moves there.

If you want any feedback during the match, you can just let me know and I'd be glad to help.

---

Tell me to get back to rewriting this site so it's not horrible on mobile
avatar
Country: CO
Comments: 11520
News Posts: 1163
Joined: 2008-06-24
 
Thu, 07 Jan 2010 13:15:34
0
Thanks! Happy
avatar
Country: UN
Comments: 19379
News Posts: 9402
Joined: 2008-08-18
 
Thu, 07 Jan 2010 20:19:43
0

Engineering used to be something that untrained and inexperienced people would never presume to participate in.  People knew they lacked the ability to design a bridge, or conveyor belt system and would leave it to the engineers.

When I used to design software I found that many non-technical people had all sorts of crazy ideas about what it took to make an application.  I think this is mostly due to applications like PhotoShop and Powerpoint.  They figure that software engineers must use similar tools and it's just a matter of dragging and dropping and right-clicking.  And indeed, some products, like Dreamweaver, do let you do just that for the aesthetic components of a web-site.  

But the stuff that makes the application work is still an engineering task that requires knowledge of several languages and plenty of experience and thought to pull off capably.  

avatar
Country: US
Comments: 6470
News Posts: 413
Joined: 2008-06-21
 
Thu, 07 Jan 2010 20:38:34
0
I can't tell you how much I hate visual editors.  Even Visual Studio I struggle to tolerate, because it doesn't give you all the information.  It's mostly a preference thing, but it bothers me whenever there's code being magically generated for me (aside from compiling to lower-level languages).

I think the biggest misunderstanding is the concept of where the difficulty lies.  The perception seems to be that it's difficult because you have to know programming languages like you would a foreign language -- some sort of secret knowledge that would be gibberish to the layman.  Rather, the general idea is remarkably simplistic, and for the most part easy to read -- Perl aside Nyaa

---

Tell me to get back to rewriting this site so it's not horrible on mobile
Log in or Register for free to comment
Recently Spotted:
*crickets*
Login @ The VG Press
Username:
Password:
Remember me?