Web Development - WAYWO - #8 - Developers

Oh shit wow around 2000 people are using the extension

[QUOTE=TerabyteS_;41576564]Oh shit wow around 2000 people are using the extension[/QUOTE] Nice job! [i]Don't fuck this up[/i] :wink:

So started working here at Microsoft this past 6 months or so. Wasn't really a programming/web development job in the least but manager saw some of the stuff I would work on in my spare time and really liked it. So was requested to redo our current ticketing system from scratch. I have quite a bit of progress done, unfortunately I can't show much of the website since its all for internal use only. Though its funny how you can be hired for one thing and my hobbies for web development and programming suddenly are being put into major use. This is very nice and awesome that it is something I enjoy to do and it all just happened by happenstance. I now get paid to do my hobby. What else can I ask for? Other than more money of course lol [b]edit[/b] fine since its a new page! You win I will show some progress, this page for the most part is constantly being updated with new content. Though I went for a very minimalistic approach for things on the page, in our old ticketing system we really don't use lots of the stuff we were given.Also I did have to remove a couple things that's why there is blank spots in the titles of tickets I know it may not look like much. Though compared to our old one (which I am not able to share at all) this is a HUGE improvement. [img]http://puu.sh/3KAEq.png[/img] (I have fixed the weird error with the statistics at the top being shorter than the page) I do view it in Firefox, though it is fully compatible in IE as well. Which some stuff does look differently.

[QUOTE=TH3_L33T;41576708] -snip- [/QUOTE] Needs more padding and vertical centering on table headers.

[QUOTE=andersonmat;41576824]Needs more padding and vertical centering on table headers.[/QUOTE] Yeah, currently been getting functionality to work correctly since my manager wants it done rather quickly. Team/Manager aren't very... how you say web development savvy so I am able to put some basic stuff off to get functionality working quicker. So I should be making a pass over the css styling again that will be updating the paddings/margins/widths and so on.

[QUOTE=Shadow801;41565371]Andersonmat, care to explain your reasons for disagreeing?[/QUOTE] Following up, this may be something good to read: [url]http://practicaltypography.com/typography-in-ten-minutes.html[/url]

[QUOTE=andersonmat;41578593]Following up, this may be something good to read: [url]http://practicaltypography.com/typography-in-ten-minutes.html[/url][/QUOTE] The hyphenation on that site is terrible :v: I know CSS hyphenation is horrific anyway, but I'd rather have none than that awful mess.

I know this isn't something I'm working on - but I'm wondering if anyone knows of a tool like ShareX for OS X? Not FTP or Dropbox or anything like that - with ShareX you can upload through forms on a site, need something similar. Any suggestions? Nevermind, did it using bash :)

d3 is pretty cool. Working on a day+time heatmap. [img]http://i.imgur.com/ajeD14X.png[/img]

[QUOTE=KmartSqrl;41567676]HOLY SHIT: [url]http://macaw.co/[/url] Yes, it's a WYSIWYG web design tool that looks like it actually generates code I would use in a real project. Can't wait to try this out, check out the preview video: [url]http://macaw.co/peek[/url] (that page links to sample code as well) I've always thought the design->HTML/CSS step could be automated a lot better than it has been and it looks like someone might be finally pulling it off.[/QUOTE] That does look pretty awesome, but I have always wondered why Adobe hasn't pushed to try and break into this type of application by improving and re-designing dreamweaver. It will be interesting to see were this goes, I can imagine though, regardless of the quality of code automatically produced, you will still have the elitist group that believes that nothing but hand written markup should be used.

[QUOTE=TH3_L33T;41576708]So started working here at Microsoft this past 6 months or so. Wasn't really a programming/web development job in the least but manager saw some of the stuff I would work on in my spare time and really liked it. So was requested to redo our current ticketing system from scratch. I have quite a bit of progress done, unfortunately I can't show much of the website since its all for internal use only. Though its funny how you can be hired for one thing and my hobbies for web development and programming suddenly are being put into major use. This is very nice and awesome that it is something I enjoy to do and it all just happened by happenstance. I now get paid to do my hobby. What else can I ask for? Other than more money of course lol [/QUOTE] Are you contracted as a vendor with Microsoft or are you employed directly with them? In my experience our ticketing system was through Microsoft Visual Studio, we never had a nifty webpage... [editline]24th July 2013[/editline] Looks good though, I believe in ticketing systems personally and that does looks good.

[QUOTE=KmartSqrl;41567676]HOLY SHIT: [url]http://macaw.co/[/url] Yes, it's a WYSIWYG web design tool that looks like it actually generates code I would use in a real project. Can't wait to try this out, check out the preview video: [url]http://macaw.co/peek[/url] (that page links to sample code as well) I've always thought the design->HTML/CSS step could be automated a lot better than it has been and it looks like someone might be finally pulling it off.[/QUOTE] Isn't there a programm called Artisteer that allows you to design web pages very easily basically the same way?

[QUOTE=Sharpshooter;41581552]That does look pretty awesome, but I have always wondered why Adobe hasn't pushed to try and break into this type of application by improving and re-designing dreamweaver. It will be interesting to see were this goes, I can imagine though, regardless of the quality of code automatically produced, you will still have the elitist group that believes that nothing but hand written markup should be used.[/QUOTE] Because the dreamweaver team is bad at staying up to date and the web moves too fast for their release cycle time. They've been shortening cycle times with creative cloud, so we'll see. I'd be surprised if they're not working on something like this. I'm under the impression that dreamweaver is being phased out and the newer edge tools are intended to take it's place: [url]http://html.adobe.com/edge/[/url] I wouldn't be surprised if something like this ends up as a part of edge at some point. Although they did release Muse not too long ago and that was a WYSIWYG tool that produced horrible code, so maybe they still just suck at generating good code? [editline]24th July 2013[/editline] [QUOTE=MuffinZerg;41581653]Isn't there a programm called Artisteer that allows you to design web pages very easily basically the same way?[/QUOTE] Just looked it up and the code it produces is terrible. Macaw isn't cool because of what it does, it's cool because of how well it does it (from the demos posted so far). I'm mainly curious how well it's going to hold up when you use it for more complicated layouts.

[IMG]http://i.cubeupload.com/38UEke.png[/IMG] Playing with responsive layouts again, I'm eventually going to put a small portfolio onto my VPS. I've mostly been doing back-end development at work but I enjoy dabbling in front-end as well. [editline]25th July 2013[/editline] [t]http://i.cubeupload.com/7aezrz.png[/t]

Just finished my file stuff! Sorta works across all platforms (using different clients). Submits the file to a Rails server I have running, Rails takes care of pushing it to S3 and makes adjustments if necessary (aka none), then returns the URL to the client! Pretty happy with it. Next up is making a file browser on the webs! If I'm actually happy with it I'll send in some screenshots

[QUOTE=andersonmat;41578593]Following up, this may be something good to read: [url]http://practicaltypography.com/typography-in-ten-minutes.html[/url][/QUOTE] Good site, I agree with most of what I read. [editline]25th July 2013[/editline] [QUOTE=KmartSqrl;41582085]Because the dreamweaver team is bad at staying up to date and the web moves too fast for their release cycle time. They've been shortening cycle times with creative cloud, so we'll see. I'd be surprised if they're not working on something like this. I'm under the impression that dreamweaver is being phased out and the newer edge tools are intended to take it's place: [url]http://html.adobe.com/edge/[/url] I wouldn't be surprised if something like this ends up as a part of edge at some point. Although they did release Muse not too long ago and that was a WYSIWYG tool that produced horrible code, so maybe they still just suck at generating good code? [editline]24th July 2013[/editline] Just looked it up and the code it produces is terrible. Macaw isn't cool because of what it does, it's cool because of how well it does it (from the demos posted so far). I'm mainly curious how well it's going to hold up when you use it for more complicated layouts.[/QUOTE] I would be very nervous to attempt using a WYSIWYG editor for web. I enjoy having full control over my markup and additionally simply wouldn't trust it.

[QUOTE=Shadow801;41589180]Good site, I agree with most of what I read. [editline]25th July 2013[/editline] I would be very nervous to attempt using a WYSIWYG editor for web. I enjoy having full control over my markup and additionally simply wouldn't trust it.[/QUOTE] Did you look at the code it produced? I'd be willing to bet the code produced by the demo is better than half the people here write haha.Of course you would always check it and fix anything it did wrong, but the code it's producing is quality, and you have some direct control over it if you watch the video (you can tell it what selectors things are going to be). That attitude makes sense with the WYSIWYG editors that are currently released, but if this tool works as well as it looks like it will and you still want to do everything by hand you're just making more work for yourself. If something can be done automatically with no penalty it [B]should[/B] be done automatically, and not automating it is, frankly, dumb. Taking designs from photoshop/illustrator/whatever and turning them in to HTML is grunt work and is something that follows fairly specific rules, which means it's a great candidate for being done by a computer.

I would actually go Hackintosh for Macaw if it lives up to the claims in that video, markup is a time consuming process so if it can be automated to a similar level of quality as handwriting the markup then it is something I would be VERY interested in.

I'm designing a website for a furniture shop. What do you think? [img]http://pictures.gabrielecirulli.com/Home_3-20130725-233217.png[/img] [editline]25th July 2013[/editline] By the way, the logo wasn't up to me.

The text-shadow needs to go on the stuff in the navigation (or be more subtle). Body type isn't terrible, but it is bland. I would shoot for a different typeface for the header[s].

[t]http://tbx.me/uXVaP.png[/t] Seems to be in the middle of no-where, and as andersonmat said, it's quite bland, it seems to need some kind of separators somewhere.

Make the top bar a little bit more opaque.

[QUOTE=AMD Bulldozer;41582905][IMG]http://i.cubeupload.com/38UEke.png[/IMG] Playing with responsive layouts again, I'm eventually going to put a small portfolio onto my VPS. I've mostly been doing back-end development at work but I enjoy dabbling in front-end as well. [editline]25th July 2013[/editline] [t]http://i.cubeupload.com/7aezrz.png[/t][/QUOTE] Not sure if this is a dumb question, I'm not very experienced with web development, but is that some framework for the cards-like UI? I'm fairly sure I heard something about such a framework.

[QUOTE=TerabyteS_;41594246]I'm designing a website for a furniture shop. What do you think? [img]http://pictures.gabrielecirulli.com/Home_3-20130725-233217.png[/img] [editline]25th July 2013[/editline] I think they should rethink their product name... Lube? Seriously? I mean, it might mean something else there but I'm an arse hole so whatever. Your site looks bad ass, keep it up. By the way, the logo wasn't up to me.[/QUOTE]

[QUOTE=ben1066;41604156]Not sure if this is a dumb question, I'm not very experienced with web development, but is that some framework for the cards-like UI? I'm fairly sure I heard something about such a framework.[/QUOTE] If you check the URL in the screenshot, I have my own little CSS framework for layout.

Thanks for the feedback. After sleeping over it I decided to throw it out of the window and start from scratch. Here's what I came up with. Better? [IMG]http://pictures.gabrielecirulli.com/Home_2-20130727-004307.png[/IMG]

Much cleaner & tidier, I love it!

[thumb]http://puu.sh/3MwGL.jpg[/thumb] Doing a tampermonkey (chrome) extension to reimplement tags.

[QUOTE=TerabyteS_;41606664]Thanks for the feedback. After sleeping over it I decided to throw it out of the window and start from scratch. Here's what I came up with. Better?[/QUOTE] The text on the red overlay is hard to read; I'd suggest increasing the opacity as increasing the font weight isn't really an option.

[QUOTE=CarLuver69;39781917][url]http://jsfiddle.net/Fireboyd78/gE5QF/[/url] Finally finished my JQuery dropdown menus. Each one is given a dynamic assignment, so multiple menus can be opened at once and will close on their own timer. With this said, it is my first completed JQuery script that will be put to use. Any feedback is appreciated.[/QUOTE] Took a peak at the code. Got a few suggestions for upcoming updates, if any is planned. 1) Use memory cached jQuery objects instead of initializing them all the time. 2) Add support for hardware accelerated animations. 3) Clear animation queue when new animations start for that object. 4) Use math to find out what animation time should be used. Currently no matter where the object currently is at the defined animation time is used. So if you implement the clear of animation queue you would most likely see it being slow at animating if you flicker in and out over the menu point. So using the current offset and target offset to figure out how much of the fade time it should use would be great. 5) Make it an actual plugin for jQuery so the developers can actually initialize it them self multiple places with different options. 6) If made into an actual plugin add callbacks for user events such as: Start, move, end The example looks pretty good.