• Web Development - WAYWO - #8
    5,514 replies, posted
[QUOTE=Cronos Dage;41753901]this is how it looks on chrome for me I don't understand. Can you explain it to me as if I were five?[/QUOTE] it joke It's a stupid mock of a "webkit in the cloud" type scenario, where the actual act of rendering a page's HTML in a browser is offloaded to a node/phantomjs server. All the user's browser has to do is render an image and some link coordinates. It's a silly "because I can" afternoon project.
Implemented some fancy activerecord-ness to my orm with the experimental V8 Harmony Proxies. You can go: [CODE] req.models.groups.getByNameAndUserId(req.params.name, req.user.id, function(group){ }); [/CODE] And it'll figure it out and build the query for you. [editline]8th August 2013[/editline] Also added support for CLI browsers in a very small amount of code thanks to the solid framework: [CODE] var cheerio = require("cheerio"); var _ = require("supper"); module.exports = function(mod, io, log, models, helpers, nyx, util){ mod.clovers.auto(); mod.hook("request", function(locals, req, res, store, realLocals){ if (!/lynx|elinks/gi.test(req.headers["user-agent"] || "")) return; var end = res.end; res.end = function(data){ if (data) { var $ = cheerio.load(data); $(".modal, .hide, .visible-js, noscript, form:not(.error) .show-on-error, form:not(.success) .show-on-success").remove(); data = $.html(); } return end.call(this, data); }; }); }; [/CODE]
Offers page for the furniture website. [img]http://pictures.gabrielecirulli.com/Offers-20130808-201412.png[/img]
Make the pictures bigger! You can barely see what the offers are for and users shouldn't have to click to actually see everything in the shot when you're trying to sell things to them.
[QUOTE=KmartSqrl;41761626]Make the pictures bigger! You can barely see what the offers are for and users shouldn't have to click to actually see everything in the shot when you're trying to sell things to them.[/QUOTE] Thanks for the suggestion, though I'd like to keep their size consistent with the size of the ones on the home page, and I also have to save up as much space as possible for the red text because I want to keep it all on the first line. [editline]8th August 2013[/editline] EDIT: never mind, I realized I can expand them a little bit.
I would make the images the full column width and drop the text below them if I were you. We saw a pretty sizable increase in conversion rate when we made our featured images on our home page a good bit bigger.
[QUOTE=KmartSqrl;41762016]I would make the images the full column width and drop the text below them if I were you. We saw a pretty sizable increase in conversion rate when we made our featured images on our home page a good bit bigger.[/QUOTE] Should I opt for two columns or for three? [editline]8th August 2013[/editline] Better? Are they too cramped together? [IMG]http://pictures.gabrielecirulli.com/Offers_(big_thumbs)-20130808-225106.png[/IMG]
Make the images clikable so that it shows the full image
[QUOTE=TerabyteS_;41762774]Should I opt for two columns or for three? [editline]8th August 2013[/editline] Better? Are they too cramped together?[/QUOTE] That's way way better. Spacing looks good to me. I dig it! [editline]8th August 2013[/editline] [QUOTE=Mega1mpact;41763492]Make the images clikable so that it shows the full image[/QUOTE] I would assume in this case that the images will link to the page for the specific offer (which I think is the right call)
What ya guys thinking about my CMS design? Credits to [url="http://www.facepunch.com/member.php?u=457156"]eternalflamez[/url] for the server side work, including all the PHP. [video=http://www.youtube.com/watch?v=0aftU9D9iOc&feature=youtu.be]http://www.youtube.com/watch?v=0aftU9D9iOc&feature=youtu.be[/video] [editline]9th August 2013[/editline] Got some spelling errors there. Oh well.
Why don't you just make the editing happen on the element itself using contenteditable? You don't really need the floating edit window.
Where would I place the 'save and exit' then?
As an answer to both of you, this is the overlay view that I planned before building the page I showed earlier (the background is the home page because it's going to be available from there as well). Please don't mind the big red arrow, it's only going to appear on the home page when you get to the end of the gallery items, and it's going to take you to the offers page: [IMG]http://pictures.gabrielecirulli.com/Home_(overlay)-20130808-235948.png[/IMG] I think it's not really worth it to include a full static page for each item, because I don't really have much more to offer than the title of the item, and a potential discount if it's available. The overlay also includes the call to action (takes you to the contact page and pre-fills the form with a request about that item).
Also. Not sure if they're using modern browsers on their computers. I can always ask them. [editline]9th August 2013[/editline] [QUOTE=TerabyteS_;41764431]As an answer to both of you, this is the overlay view that I planned before building the page I showed earlier (the background is the home page because it's going to be available from there as well). Please don't mind the big red arrow, it's only going to appear on the home page when you get to the end of the gallery items, and it's going to take you to the offers page: [IMG]http://pictures.gabrielecirulli.com/Home_(overlay)-20130808-235948.png[/IMG] I think it's not really worth it to include a full static page for each item, because I don't really have much more to offer than the title of the item, and a potential discount if it's available. The overlay also includes the call to action (takes you to the contact page and pre-fills the form with a request about that item).[/QUOTE] That's exactly how I've done it as well (not the same design though) [url]http://new.craigwalldesign.com/browse.php[/url]
[QUOTE=xmariusx;41764423]Where would I place the 'save and exit' then?[/QUOTE] You could make a fixed position bar at the top of the screen that has that on it and give the body a little extra top padding when it's in edit mode so the bar doesn't overlap anything when you're scrolled all the way up. [QUOTE=xmariusx;41764436]Also. Not sure if they're using modern browsers on their computers. I can always ask them.[/QUOTE] It even works in IE 5.5, so I highly doubt they're using dated enough browsers for it to not work lol.
Will look into that then. Thanks :)
[QUOTE=xmariusx;41764423]Where would I place the 'save and exit' then?[/QUOTE] you could put save and exit with a modal top right or something
[QUOTE=xmariusx;41764423]Where would I place the 'save and exit' then?[/QUOTE] [url=http://jsfiddle.net/85ysH/]Maybe like this?[/url]
[QUOTE=StinkyJoe;41750376]This thing -> [URL]https://github.com/filp/why[/URL] now supports actual working links. [editline]7th August 2013[/editline] Live demo: [url]http://why-demo.herokuapp.com/[/url][/QUOTE] and it only takes 3 years to load the page
[QUOTE=xmariusx;41764423]Where would I place the 'save and exit' then?[/QUOTE] Either have it save when you click out of that div area, or float a little save icon somewhere? [B]Edit:[/B] Forgot to refresh the page before posting, disregard the already suggested suggestion!
[QUOTE=Hentie;41765229]and it only takes 3 years to load the page[/QUOTE] Maybe but at least it's web-scale
Has anyone seen kragmars102? If so can you ask him to contact me? Thanks!
[QUOTE=darksoul69;41768975]Has anyone seen kragmars102? If so can you ask him to contact me? Thanks![/QUOTE] [url=http://facepunch.com/member.php?username=kragmars102]Leave a profile message?[/url]
[QUOTE=supersnail11;41769439][url=http://facepunch.com/member.php?username=kragmars102]Leave a profile message?[/url][/QUOTE] He hasn't been on steam in a week and I've tried to email him as well. Not sure :(
[QUOTE=xmariusx;41764423]Where would I place the 'save and exit' then?[/QUOTE] Wikipedia recently threw in a [url=http://en.wikipedia.org/wiki/Heraclius_(son_of_Constans_II)?veaction=edit]new way to edit articles[/url], try looking at that for an idea of how you can do it.
My RP severs website: Homepage [thumb]http://i.imgur.com/78KGR5V.jpg[/thumb] Forum [thumb]http://i.imgur.com/pIRmspa.jpg[/thumb] There's quite a few fuck ups on the CSS on the homepage. All links are set as titles which is why that link looks like the title :v: . Also, teh advert needs to be moved down quite a bit. I sort of ripped the design of from the old garrysmod site but the code is alllll mine. I have put a link to Gary's blog in the about page for credit for the design and will do on every page. As you can see the MyBB theme needs a little more work but I like how it's looking so far.
Very web 2.0
[QUOTE=xmariusx;41764423]Where would I place the 'save and exit' then?[/QUOTE] This JS library might be of use to you. [url]http://nicedit.com/[/url]
[QUOTE=Giraffen93;41771317]Very web 2.0[/QUOTE] My thoughts exactly :v: couldn't be more Web 2.0 if I tried. I'm trying to improve mah skills for more up to date designs but I can't seem to grasp it just yet as I need much more java script knowledge
[QUOTE=Chizbang;41771672]My thoughts exactly :v: couldn't be more Web 2.0 if I tried. I'm trying to improve mah skills for more up to date designs but I can't seem to grasp it just yet as I need much more java script knowledge[/QUOTE] todays new trend is minimalism and solid colours
Sorry, you need to Log In to post a reply to this thread.