• Web Development - WAYWO - #8
    5,576 replies, posted
I've just been working on making some tweaks to the Hueman WordPress template. It's such an awesome free theme, best one I've used so far but I wasn't too keen on the fonts, colors and margin/spacing in general. My website URL: [URL]http://atomiku.com/[/URL] EDIT: How do I insert thumbnails instead of the full image? [IMG]http://i.imgur.com/aZU9CxI.png[/IMG] [IMG]http://i.imgur.com/9ftNEge.png[/IMG]
[url]http://www.jaredtapp.southernlabs.net/Project%20C/index.html[/url] First attempt at a responsive site. One of my first attempts at a full site in general actually. I've only done print design and digital advertising to this point, so I'm trying to learn how to build websites now just to say it's another thing I can do. There's only one page and I don't have the serif font I want implemented yet. It also looks screwy when actually viewed on a phone/tablet, but I haven't fully implemented that yet.
Another thing I'm working on is a subscribe to download page: [IMG]http://i.imgur.com/ArleWVc.png[/IMG] Finished now. Was just a quick one.
hey i'm back in the game have any cool new domain registrars popped up [editline]12th November 2014[/editline] [img]http://cl.ly/image/1U1d1M010b3W/Screen%20Shot%202014-11-12%20at%206.05.19%20AM.png[/img] Ping!
Whipped up a quick website with Bootstrap for 6to5 [url]https://6to5.github.io/[/url]
The bad thing about pureCSS is that when you google something related to it the only answers is regarding "building something using pure CSS" (not the framework) [editline]13th November 2014[/editline] The name, while good, is certainly not practical
[QUOTE=Cuel;46478564]The bad thing about pureCSS is that when you google something related to it the only answers is regarding "building something using pure CSS" (not the framework) [editline]13th November 2014[/editline] The name, while good, is certainly not practical[/QUOTE] that's what quotation marks in search queries are for [url]https://www.google.com/search?q="purecss"+usage[/url]
I know but the things I was searching for mostly returned sites with typos
[QUOTE=Cuel;46478564]The bad thing about pureCSS is that when you google something related to it the only answers is regarding "building something using pure CSS" (not the framework) [editline]13th November 2014[/editline] The name, while good, is certainly not practical[/QUOTE] I don't really get it, what do you have to Google you can't find on the official documentation for it?
To be fair I can't even remember what it was, I just noticed most of the results weren't about pureCSS
[url]http://82.35.86.112/watch.php?v=SkTt9k4Y-a8[/url] Thoughts?
Is it just youtube with the generic default bootstrap theme?
Effectively, I just wanted to get some experience working with json and xml api.
[QUOTE=Jelly;46476456]Whipped up a quick website with Bootstrap for 6to5 [url]https://6to5.github.io/[/url][/QUOTE] I really haven't a clue what this does, how it would be used, but it looks like a useful tool that a lot of time effort has been put into it... so, nice one man! Site looks good and the documentation is well written. What's it for? (2lazy2read)
I'm not 100% sure, but it seems like ES is "ECMAScript" and it's what Javascript is based off of.
Yep. ECMAScript is the language while JavaScript is the implementation. It'll let you use bleeding-edge [URL=https://6to5.github.io/features.html]features[/URL] such as [URL=https://6to5.github.io/features.html#classes-1]classes[/URL], [URL=https://6to5.github.io/features.html#destructuring]destructuring[/URL] and more.
[QUOTE=Jelly;46485036]Yep. ECMAScript is the language while JavaScript is the implementation. It'll let you use bleeding-edge [URL=https://6to5.github.io/features.html]features[/URL] such as [URL=https://6to5.github.io/features.html#classes-1]classes[/URL], [URL=https://6to5.github.io/features.html#destructuring]destructuring[/URL] and more.[/QUOTE] Ah wicked. So does that mean programs that offer what I'd call javascript as an extension language (like actionscript 3 or photoshop) is actually ECMAScript? [editline]14th November 2014[/editline] Is JavaScript just the web implementation of ECMAScript? but what about node.js...
ES is the standardized language, JS is more of a dialect, so ES is a "part" of JS, as in JS can understand ES but not necesillarly vice versa.
JavaScript is a dialect but it's basically ECMAScript verbatim. You then have ActionScript etc which is a dialect of ECMAScript and actually has changes.
[IMG]http://cl.ly/image/2w0u3R1I0t1k/button.png[/IMG] [IMG]http://cl.ly/image/1t1u1r2F2Y2k/buttons@2x.png[/IMG] [IMG]http://cl.ly/image/3P0s2X2p011Q/button@3x.png[/IMG] fucking retina displays
Is there a better way to get the vertical lines to match the height of the text areas, without hardcoding pixel values? I'm a total noob with this web stuff, but I managed to hobble this together: [img]http://i.imgur.com/mjf6ZDp.png[/img] [url=http://pastebin.com/8ENM1CMa]Here's the pastebin[/url]
[QUOTE=ifaux;46492589][IMG]http://cl.ly/image/2w0u3R1I0t1k/button.png[/IMG] [IMG]http://cl.ly/image/1t1u1r2F2Y2k/buttons@2x.png[/IMG] [IMG]http://cl.ly/image/3P0s2X2p011Q/button@3x.png[/IMG] fucking retina displays[/QUOTE] A bit intimidating, you don't have to shout :(
I've been making a new loading screen for my GMod server, and I'm pretty proud of it: [URL]http://direct.mattjeanes.com/abyss/project/loading.php?debug=1[/URL] [editline]15th November 2014[/editline] [t]http://i.imgur.com/roGvlnw.png[/t]
[QUOTE=ifaux;46492589][IMG]http://cl.ly/image/2w0u3R1I0t1k/button.png[/IMG][/QUOTE] I'm wondering... you should recreate those buttons using CSS3 and then you wouldn't need retina resolution images (: You can chain box-shadows so stick a border on it, a box-shadow for the inner glow (0px 0px 4px inset I think) and then another inset box-shadow for that darker region at the bottom when in the normal and hover state (though you could also do that by playing with the gradient background too)
[QUOTE=chimitos;46494494]Is there a better way to get the vertical lines to match the height of the text areas, without hardcoding pixel values? I'm a total noob with this web stuff, but I managed to hobble this together: [img]http://i.imgur.com/mjf6ZDp.png[/img] [url=http://pastebin.com/8ENM1CMa]Here's the pastebin[/url][/QUOTE] Set a left border on every .navButton except the first one ( .navButton:nth-child(n+2){} ) tip: Drop the 1x1 pixel image and use an unordered list for the navigation
What bothers me about supporting retina is how hacky it is to get a browser to accurately render a 1px wide line.
[QUOTE=atomiku;46494985]I'm wondering... you should recreate those buttons using CSS3 and then you wouldn't need retina resolution images (: You can chain box-shadows so stick a border on it, a box-shadow for the inner glow (0px 0px 4px inset I think) and then another inset box-shadow for that darker region at the bottom when in the normal and hover state (though you could also do that by playing with the gradient background too)[/QUOTE] i thought about it but i figured it'd just be easier for me to use images (this is the only image on the entire site) because it was just something so small and simple and i kind of wanted to get it done quickly. i probably will at some point transition it to css but i am pretty clueless when it comes to fancy css3 options right now but we'll get there
this looks interesting [url]https://github.com/sindresorhus/pageres[/url]
[IMG]http://i.imgur.com/pDMhfQC.png[/IMG] Here' the dash to a blogging system I've been working on.
[QUOTE=MrFancyBuns;46500868] Here' the dash to a blogging system I've been working on.[/QUOTE] Your browser looks like a mess, but your blogging system looks pretty nice design wise.
Sorry, you need to Log In to post a reply to this thread.