• Hey, guest user. Hope you're enjoying NeoGAF! Have you considered registering for an account? Come join us and add your take to the daily discourse.

Web Design and Development |OT| Pixel perfect is dead, long live responsive design

C

Copons

Member
grmlin said:
In the end it takes a lot of practice to master HTML/CSS/JS. If you are lucky, you'll find a"mentor" in a job, who helps you.

You can only learn the basics with books, doing web is on another level ;)

Have fun!
Click to expand...

I'd almost say it takes basically ONLY practice to master HTML/CSS (while for JS a whole lot of basics and study is pretty much inevitable).

Learning how to overcome all those nasty quirks every browser has, is something you only get with years of experience.
(not counting older IE versions, of course, those are the devil's work and should be banned from humanity, and screw everything I'm stuck doing a IE8 compatible app and I cry every night)
 
W

WanderingWind

Mecklemore Is My Favorite Wrapper
Dude. I spent all day, from 9am to 6pm trying to get it to work. Masonry (and freewall) are neat to show off grid layouts, but getting actual content in place of the bricks is freaking hard. Freewall pulls from an image repository and just adds a +1 modifier to it, so you can't just add your own images where the hell you want them. Much less get a image that opens into a lightbox version.
 
G

grmlin

Member
WanderingWind said:
Dude. I spent all day, from 9am to 6pm trying to get it to work. Masonry (and freewall) are neat to show off grid layouts, but getting actual content in place of the bricks is freaking hard. Freewall pulls from an image repository and just adds a +1 modifier to it, so you can't just add your own images where the hell you want them. Much less get a image that opens into a lightbox version.
Click to expand...

I used isotope some time ago, custom content wasn't a problem. Don't know about the others though.

http://isotope.metafizzy.co/#isotope-in-use
 
W

WanderingWind

Mecklemore Is My Favorite Wrapper
I looked into isotope, but frankly I gave up (for the time being.) Now, I'm stuck at what I think should be simple. I want to take this http://codepen.io/anon/pen/zGWXEX and place in on a site, but not have it run the entire page length.

I thought it would as simple as placing the whole section into a wrapper with a fixed height (say, 600px) and setting the overflow-y to scroll (with a -webkit-overflow-scrolling: touch for mobile). But all that did was set a container and the content flowed over it anyway. I tried (this is probably dumb) setting everything to the same z-index). I even tried hosting it offsite and sticking it in an iframe, but that didn't work quite right one mobile.

Can anybody give me an idea of what I'm doing stupider?
 
C

ckohler

Member
jesalr said:
Yeah, our emails are just percentage based. No breakpoints. It works fine on every smartphone we've tested. Couldn't imagine trying full responsiveness. It just isn't worth it for us, since we keep the content incredibly simple.
Click to expand...

Where I work, the decision makers all use Outlook. :p So, I can imagine a purely percentage (mobile first) design to look bad on their desktops.
 
R

runningjoke

Member
ckohler said:
Where I work, the decision makers all use Outlook. :p So, I can imagine a purely percentage (mobile first) design to look bad on their desktops.
Click to expand...

I've made email templates for 5 years, what I did was outlook first with 600px fixed and make it fluid for anything smaller. So 3 columns in outlook become 2 on 480-600 and 1 column below that.

Also it is possible to just make a 1 column layout that is 100% wide, and wrap it in an outlook-only table at 600px.
 
J

Jason's Ultimatum

Member
ActStriker said:
When I had to deal with CSS at my last job, just posting a CSS cheat sheet next to my monitor was a godsend. I didn't try to get too bogged down in memorizing everything.
Click to expand...

Yup. Thanks for this advice. This is what I was going to do. I'm going to write all of this down, and that way I can go back to it as reference, and study it more:

<!DOCTYPE html>
<html>

<head>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">

<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
<link rel="stylesheet" href="main.css">

</head>

<body>
<div class="nav">
<div class="container">
<ul class= "pull-left">

<li><a href="#">Name</a></li>
<li><a href="#">Browse</a></li>
</ul>
<ul class= "pull-right">

<li><a href="#">Sign Up</a></li>
<li><a href="#">Log In</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>
</div>

<div class="jumbotron">
<div class="container">
<h1>Find a place to stay.</h1>
<p>Rent from people in over 34,000 cities and 192 countries.</p>
<a href="#">Learn More</a>
</div>
</div>
<div class= "neighborhood-guides">
<div class= "container">
<h2>"Neighborhood Guides"</h2>
<p>"Not sure where to stay? We've created neighborhood guides for cities all around the world."</p>
<div class= "row">
<div class= "col-md-4">
<div class="thumbnail">
<img src= "http://goo.gl/0sX3jq">
</div>
<div class= "thumbnail">
<img src= "http://goo.gl/an2HXY">
</div>


</div>
<div class= "col-md-4">
<div class= "thumbnail">
<img src= "http://goo.gl/Av1pac">
</div>
<div class="thumbnail">
<img src= "http://goo.gl/vw43v1">
</div>
</div>
<div class= "col-md-4">
<div class= "thumbnail">
<img src="http://goo.gl/0Kd7UO">
</div>

</div>
<div class="learn-more">
<div class="container">
<div class="row">>
<div class="col-md-4">
<h3>Travel</h3>
<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
<p><a href="#">See how to travel on Airbnb</a></p>
</div>
<div class= "col-md-4">
<h3>Host</h3>
<p>Renting out your unused space could pay your bills or fund your next vacation.</p>
<p><a href="#">Learn more about hosting</a></p>
</div>
<div class= "col-md-4">
<h3>Trust and Safety</h3>
<p>From Verified ID to our worldwide customer support team, we've got your back.</p>
<p><a href="#">Learn about trust at Airbnb</a></p>
</div>
</div>
</div>
</div>
</body>
</html>
Click to expand...

I'll download that free html/css software to fiddle around and start getting comfortable in creating my own web page. Then I'll move onto JS. I already kinda have, learning about length, strings, if/else.

EDIT-ATOM doesn't seem to work with my Windows? I have Vista. Yes, I know, but I can't afford going around paying for new Windows program.

Are there any other programs like ATOM that will work? Or just a program where I can use HTML/CSS, while you're coding, it shows the layout of the web page?
 
P

Pixeluh

Member
^ Did you run as admin when installing Atom? I had the same problem until I did that.

Brackets is another choice a lot of people recommend.
 
J

JonathanEx

Member
ckohler said:
I've gotten tired of trying to code responsive e-mails by hand so I'm looking into some frameworks.

The first one I saw was very flexible but also verbose and frankly confusing:
http://zurb.com/ink/

I've settled instead on this much simpler one:
http://emailframe.work/

Still, even figuring out this second, simpler framework is a head scratcher. At the end of the day, let me just say I loath html e-mail. I'd rather build 5 websites rather than just one responsive e-mail that works. Ugh.
Click to expand...

I hate email coding with a passion. And Outlook. I hate that with a passion.

We're using Zurb at work for some stuff because it gives us a lot of flexibility for what we want - but oh god, it's verbose as you say. And *apparently* clients want to send nice emails and I can't just scrap it all for text-only emails. :p
 
H

Highwind

Member
Web Development Gaf: Anyone willing to help me out?

I've been doing my portfolio and I want to use a gallery grid like the one seen here:

http://ianlunn.co.uk/

Here is what I've done so far:

https://jsfiddle.net/RagnaM/f15nx6qx/2/

Full Screen result:

https://jsfiddle.net/RagnaM/f15nx6qx/2/embedded/result/

I managed to get it how I wanted to some degree but its messing with the navigation (pushed it down so now the red border when you hover over the buttons aren't aligned properly) and I wanna reduce the gap between the text and image. Can anyone help me out?
 
Daffy Duck

Daffy Duck

Member
WanderingWind said:
I looked into isotope, but frankly I gave up (for the time being.) Now, I'm stuck at what I think should be simple. I want to take this http://codepen.io/anon/pen/zGWXEX and place in on a site, but not have it run the entire page length.

I thought it would as simple as placing the whole section into a wrapper with a fixed height (say, 600px) and setting the overflow-y to scroll (with a -webkit-overflow-scrolling: touch for mobile). But all that did was set a container and the content flowed over it anyway. I tried (this is probably dumb) setting everything to the same z-index). I even tried hosting it offsite and sticking it in an iframe, but that didn't work quite right one mobile.

Can anybody give me an idea of what I'm doing stupider?
Click to expand...

I added a fixed height to the cd-container element with overflow-y: scroll with a fixed height of 600px and it sorted it out, but the blue line down the middle only showed for the height of the original div, it didn't replicate itself further down for the subsequent timeline sections.

Upon further investigation it's not firing the #cd-timeline::before class on those elements.
 
W

WanderingWind

Mecklemore Is My Favorite Wrapper
Daffy Duck said:
I added a fixed height to the cd-container element with overflow-y: scroll with a fixed height of 600px and it sorted it out, but the blue line down the middle only showed for the height of the original div, it didn't replicate itself further down for the subsequent timeline sections.

Upon further investigation it's not firing the #cd-timeline::before class on those elements.
Click to expand...

Huh. That's odd. See, I made a new wrapper, without just adding the fixed height to the existing one, and wrapped the whole shebang from the header to the end of the body. It didn't work at all. I'll see if I can replace the line with a different element.

Is that how sites normally add new elements, placing them in fixed height containers? Do you just add media queries to those containers?

Also, and most importantly, thank you for looking at it with fresh eyes. I have nobody to bounce questions or ideas off of.
 
G

grmlin

Member
Fixed heights and scrollbars inside the content are not a good idea I think. Fixed anythings cause problems all the time.

Think of mobile, where a fixed height container with a scrollbar, higher than the viewport of the device, will complete screw the normal scroll behaviour, as you cant see the rest of the page...
 
C

ckohler

Member
runningjoke said:
I've made email templates for 5 years, what I did was outlook first with 600px fixed and make it fluid for anything smaller. So 3 columns in outlook become 2 on 480-600 and 1 column below that.

Also it is possible to just make a 1 column layout that is 100% wide, and wrap it in an outlook-only table at 600px.
Click to expand...

JonathanEx said:
I hate email coding with a passion. And Outlook. I hate that with a passion.

We're using Zurb at work for some stuff because it gives us a lot of flexibility for what we want - but oh god, it's verbose as you say. And *apparently* clients want to send nice emails and I can't just scrap it all for text-only emails. :p
Click to expand...

I just discovered this nifty little website. It doesn't do everything, but man, it does a lot. I'll have to look into this some more to see if it's worth it for the subscription.

http://edmdesigner.com/
 
W

WanderingWind

Mecklemore Is My Favorite Wrapper
grmlin said:
Fixed heights and scrollbars inside the content are not a good idea I think. Fixed anythings cause problems all the time.

Think of mobile, where a fixed height container with a scrollbar, higher than the viewport of the device, will complete screw the normal scroll behaviour, as you cant see the rest of the page...
Click to expand...

I stuck the sample inside of a lightbox and it works well enough. Guess I was going the wrong way. Thanks.
 
R

runningjoke

Member
ckohler said:
I just discovered this nifty little website. It doesn't do everything, but man, it does a lot. I'll have to look into this some more to see if it's worth it for the subscription.

http://edmdesigner.com/
Click to expand...

Hey man don't advertise our competition :p I've worked on a tool like that for the past 3 months, we've just started to roll it out to a few customers. However I can't make the templates I used to with these kind of tools, customers that come to us for templates demand pixel perfection, imports of XML data and filtering/sorting based on personal profiles and whatever
 
N

NotBacon

Member
Hey web dev GAF,

Desktop dev here. Looking to make some extra money on the side making websites. I already have good exposure to HTML/CSS/JS, and I tinker with Django sometimes. The problem is I don't know what's "hot" on the freelancer scene. I highly doubt clients would want a Django-backed site. Should I use WordPress? Should I make sites from scratch? Are there frameworks I'd be stupid not to take advantage of? Just a little lost as this is not my scene......... yet.
 
Z

ZackieChan

Member
Quick wordpress troubleshooting, if anyone knows about this stuff:

I have a new theme with an unresponsive creator. I've integrated Gravity Forms, and everything looks nice. However, checkboxes are not showing up. So it's impossible to know whether or not something gets checked. The text next to it is there, so you can click the text to "check" the box, but there's no checkbox. Any idea what could be causing this? Is there some CSS !important override I can do to make them look normal?

They look like they should when I go to Wordpress 2015 default theme, so I know it's a theme conflict issue.

Thanks for any help you can give. It's literally the last problem I have before I launch my new website! Driving me nuts.
 
C

cbox

Member
ZackieChan said:
Quick wordpress troubleshooting, if anyone knows about this stuff:

I have a new theme with an unresponsive creator. I've integrated Gravity Forms, and everything looks nice. However, checkboxes are not showing up. So it's impossible to know whether or not something gets checked. The text next to it is there, so you can click the text to "check" the box, but there's no checkbox. Any idea what could be causing this? Is there some CSS !important override I can do to make them look normal?

They look like they should when I go to Wordpress 2015 default theme, so I know it's a theme conflict issue.

Thanks for any help you can give. It's literally the last problem I have before I launch my new website! Driving me nuts.
Click to expand...

Use a browser inspector the see what styles are being applied, and make some adjustments there. Could be some conflicting css rules from either your theme or gravity forms.
 
K

kevm3

Member
Maiar_m said:
jQuery isn't actually "fading" per se, it's still used in many (MANY) projects, if only because it enables you to use pre-made plugins without reinventing the wheel. But like any library it has its flaws and the growing number of full-stack pure JS users have been vocal about the fact that they could do without it. Which is true and fine, but it's equally ok to rely on it for what it is: a time-saver.

Typing this, I realise I recently vocalized my hatred for Bootstrap and other frameworks for reasons that are comparable to the ones people use to critique jQuery. After all, both save time even though there are other ways to do it. The thing is, Bootstrap isn't just a library of functions built on JS. It's that, plugins built on it and a lot of CSS that you'll often have to overrule. So why should you use jQuery without too much consideration (some is still relevant, as other posters have said) but really ponder using Bootstraps? Well because jQuery's weight is a fraction of Bootstrap's and it mostly won't hinder the rest of your coding while saving you time. Bootstrap without care is jQuery plus lots of added baggage, a fraction of which you usually use, and a lot of wasted time battling its base styles.

In short, if you're using jQuery because you need a couple plugin and are faster ad coding with it, go for it, no harm done. If you're not actually using intricate plugins and just simple functions you could do in pure JS, consider the second option. And for front-end frameworks, steal their ideas and organisation (reusability of code is king) but don't rely on them in the long run. They were made for prototyping and lazily building back office when the dev can't be bothered to do CSS. Use them for that.
Click to expand...

I think the value of Bootstrap comes from allowing people who AREN'T front-end specialists to come in and whip something up that looks reasonable... For example if you have a guy that has been working on server-side programming the whole time or is coming from another language, then Bootstrap lets that person come in without having to worry about a lot of the problems building something from scratch entails like worrying about building a grid system for responsive designs. Something like bootstrap is also great for when you have a ton of people working on a big project and it sort of forces some kind of naming convention and it keeps some new guy from coming in and making terrible stylesheets which are very difficult to maintain down the line.

I do agree that relying on the tools too much to where you don't know what is going on beneath them becomes a dangerous proposition. On the other hand, I find the DOM to be an atrocious API. If jQuery is too large, I'd recommend people check out zepto:
http://zeptojs.com/
 
K

kevm3

Member
Daffy Duck said:
What good sub reddits are there for web design stuff?

By stuff I mean good topics of discussion about latest trends etc, ideas and so on.

https://www.reddit.com/r/web_design/ just found this one.

Please don't laugh, but the studio I am at (they're pretty old school) and don't really do any new stuff, but I just discovered Angular today (I'm basically the only in house web guy now after the lead guy left before Christmas, you may remember a topic I made { I'm still a relative n00b to all this and have only been in my first job for just short of 2 years) but I've been building a site for a client that is a recruitment consultant with jobs and oh boy do I like what I'm seeing, there's some neat stuff with filters I'm looking to use.

That's all rather disjointed I know, but it seems like a god send, and is something else which is new for me to learn and apply to all our projects going forward.
Click to expand...

Be careful about investing too much time into Angular 1.0. Google is going to be releasing Angular 2.0 in the somewhat near future and it is NOT backwards compatible with Angular 1.0. I also find Angular somewhat dangerous in that it abstracts a ton of the JS away, so you essentially become an Angular dev and the skills become hard to transfer over. The danger of relying on some big, monolithic framework such as Angular is that you are at the mercy of it's creators, Google, who is known to discontinue projects on a whim. Right now, I'm focusing more on smaller, modular components like Backbone.js, Knockout.js, and I'll eventually pick up React.
 
Z

ZackieChan

Member
ConvenientBox said:
Use a browser inspector the see what styles are being applied, and make some adjustments there. Could be some conflicting css rules from either your theme or gravity forms.
Click to expand...

So this is what I'm seeing when I click on the stylesheet from my theme that is being loaded (just what comes up when I Ctrl-F for "check" that's not related to the built-in icons):

Code: 
input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; }

is this the source of the problem? I have no idea...

EDIT: Found a fix on the Gravity Forms forums. Thanks for the help, ConvenientBox!
 
C

Copons

Member
kevm3 said:
I think the value of Bootstrap comes from allowing people who AREN'T front-end specialists to come in and whip something up that looks reasonable... For example if you have a guy that has been working on server-side programming the whole time or is coming from another language, then Bootstrap lets that person come in without having to worry about a lot of the problems building something from scratch entails like worrying about building a grid system for responsive designs. Something like bootstrap is also great for when you have a ton of people working on a big project and it sort of forces some kind of naming convention and it keeps some new guy from coming in and making terrible stylesheets which are very difficult to maintain down the line.

I do agree that relying on the tools too much to where you don't know what is going on beneath them becomes a dangerous proposition. On the other hand, I find the DOM to be an atrocious API. If jQuery is too large, I'd recommend people check out zepto:
http://zeptojs.com/
Click to expand...

I'm a front end dev, and while I've (very) rarely used Bootstrap for "handcrafted" sites, I'm heavily using it (and I'm totally grateful to it) right now that I'm developing a huge Angular based management system that has to be compatible down to IE8 (and Bootstrap is like, the only main framework that goes that far into the middle age).

I mean, I hate how sometimes its base code is so annoying specific (goddamn, tables stuff is defined like "table > tbody > tr > td", like a <td> element could be child of anything else) and are a pain to override.
But all in all, it's a blessing when you have to write a simple-looking, easily-readable application, and can't bother writing everything from scratch.

Also, but I may be wrong here, Bootstrap seems to cover much more stuff than any other I've checked (Pure, Foundation, etc.), so it's often more convenient than the others.
and anyway I grew up using Less, and BS is like the only one written in Less, so screw the others :p
 
Tathanen

Tathanen

Get Inside Her!
kevm3 said:
Be careful about investing too much time into Angular 1.0. Google is going to be releasing Angular 2.0 in the somewhat near future and it is NOT backwards compatible with Angular 1.0. I also find Angular somewhat dangerous in that it abstracts a ton of the JS away, so you essentially become an Angular dev and the skills become hard to transfer over. The danger of relying on some big, monolithic framework such as Angular is that you are at the mercy of it's creators, Google, who is known to discontinue projects on a whim. Right now, I'm focusing more on smaller, modular components like Backbone.js, Knockout.js, and I'll eventually pick up React.
Click to expand...

I've found the opposite to be true regarding Angular abstracting away javascript. The nice thing about Angular is that it's virtually ALL straight javascript. While jQuery relies heavily on the use of helper functions (it's basically entirely helper functions), angular provides a framework to create modules but requires you to really know what you're doing in terms of vanilla JavaScript when writing business logic and general application code.

Anyway, Angular 2 being such an enormous departure is likely going to be the death knell not for Angular 1, but Angular 2 itself. The same kind of thing happened with Python, no one uses version 3. Angular 2 is basically just a completely different framework, not a new version of angular. It also introduces a lot of new stuff I'm not super comfortable with, like really messing up the DOM in non-semantic ways.

Also I hate bootstrap.
 
Daffy Duck

Daffy Duck

Member
Anyone got any pointers on the best tutorial/code to use for mobile navigation?

I'm tearing my hair out here, first mobile nav I've had to do, and it seems like a minefield out there.

Thanks,
 
0

0xCA2

Member
I feel so fucked.

I wanted to try hosting a website on a non-free host. Decided not a choose one because they only do a lump sum charge. Go to another one thinking they do month to month billing, and I am now hit with a $107 charge which I can only get refunded as $68.

Even if I go to a cheaper host (avoided going to iPage due to bad stories i've read about it, now I'm reconsidering), ultimately I'm in the hole for services I didn't use. Does anyone know of any webhosts that do month to month billing?

edit: ah fuck it, i'll just keep it. lesson learned though. also thanks for the suggestion down there, I'm in the US though.
 
G

gutshot

Member
0xCA2 said:
I feel so fucked.

I wanted to try hosting a website on a non-free host. Decided not a choose one because they only do a lump sum charge. Go to another one thinking they do month to month billing, and I am now hit with a $107 charge which I can only get refunded as $68.

Even if I go to a cheaper host (avoided going to iPage due to bad stories i've read about it, now I'm reconsidering), ultimately I'm in the hole for services I didn't use. Does anyone know of any webhosts that do month to month billing?
Click to expand...

Most hosts allow you to pay monthly, not sure why you seem to be having trouble finding one. You do have to be careful since it will generally default to a yearly or bi-yearly payment method (which usually is cheaper btw), but you should be able to switch to monthly when you are first signing up.
 
0

0xCA2

Member
So here's my first website, made with php, mysql, foundation, and javascript. Please try it out and let me know about any bugs.

I know its kind of shit on mobile. And it has this bug where new comments say they were made one hour ago instead of one second ago, I have to look into that.

Right now I'm learning Ruby and Rails. I'm pretty excited about it.
 
S

Syphon Filter

Member
I am going to start a portfolio so i can apply later on for web dev jobs. Any tips? Should i be creating websites with the skills i know and use them all on each site i make? Where do you guys get ideas in terms of what your website project is going to be about? Do you make mockups first or just code and create an idea on the fly?
 
G

grmlin

Member
Syphon Filter said:
I am going to start a portfolio so i can apply later on for web dev jobs. Any tips? Should i be creating websites with the skills i know and use them all on each site i make? Where do you guys get ideas in terms of what your website project is going to be about? Do you make mockups first or just code and create an idea on the fly?
Click to expand...

Normally someone tells me what to build, tbh. :) I'm a developer, not a designer (UI/UX)

I think it's hard to build something out of thin air. If you have an idea, good. If not, I think a job would be the best that could happen.
 
N

Nelo Ice

Banned
grmlin said:
Normally someone tells me what to build, tbh. :) I'm a developer, not a designer (UI/UX)

I think it's hard to build something out of thin air. If you have an idea, good. If not, I think a job would be the best that could happen.
Click to expand...

When I attempted to build a web page out of thin air earlier this year with no experience I had no idea what I was doing. Still have no idea lol. Recently got back and switched gears to learning javascript after learning some basic html/css. Hoping I can learn enough to get into Hack Reactor since out of all the bootcamps that one seems like it's worth it and I'm thinking the instruction and working with others will be to my benefit.
 
G

grmlin

Member
I started with a paid internship, wasn't much money, but I learned so much because it was real life projects I could participate in.
Webdev can only be learned by doing it in the end, as I said before. It's of course much appreciated if a newbie knows the basics already. But omg you will have to ask so many WTF questions all the time not covered by any book, that it's best if others are around you can ask. :)
 
N

Nelo Ice

Banned
grmlin said:
I started with a paid internship, wasn't much money, but I learned so much because it was real life projects I could participate in.
Webdev can only be learned by doing it in the end, as I said before. It's of course much appreciated if a newbie knows the basics already, but omg you will have to ask so many WTF questions all the time not covered by any book. :D
Click to expand...

That's why besides looking into Hack Reactor. I'm also gonna try going to any local meetups and it helps that I live in the bay area. I'm doing ok learning on my own with Treehouse and all the resources I've collected. But working with others who hopefully know what they're doing will be way more productive and less WTF inducing lol.
 
S

Syphon Filter

Member
grmlin said:
I started with a paid internship, wasn't much money, but I learned so much because it was real life projects I could participate in.
Webdev can only be learned by doing it in the end, as I said before. It's of course much appreciated if a newbie knows the basics already. But omg you will have to ask so many WTF questions all the time not covered by any book, that it's best if others are around you can ask. :)
Click to expand...

Yea that is an ideal way to get a foot in the door. Learning while trying to find something,hopefully soon.
Nelo Ice said:
That's why besides looking into Hack Reactor. I'm also gonna try going to any local meetups and it helps that I live in the bay area. I'm doing ok learning on my own with Treehouse and all the resources I've collected. But working with others who hopefully know what they're doing will be way more productive and less WTF inducing lol.
Click to expand...

Do you have a portfolio?
 
N

Nelo Ice

Banned
Syphon Filter said:
Nope. Like I mentioned earlier I had no clue what I was attempt to make a site on my own. And this was after like a month of self taught html/css from Treehouse. So I wouldn't know where to start on making something from scratch and building up a portfolio.

Figure working with people who have a better grasp of the the language will be better for me rather than going WTF at every problem I encounter lol. It would be lovely if I could find a place willing to take me and train me up while being paid for it. But alas I got no degree and not in school since it doesn't seem worth it if I'm trying to get into web dev. Hence why I'm looking into Hack Reactor.
Click to expand...
 
Daffy Duck

Daffy Duck

Member
You could always look at theme sites for Wordpress for examples of layouts and try to recreate the basic layouts for a page throwing in some Latin and stock image content to fill it out.
 
N

Nelo Ice

Banned
Daffy Duck said:
You could always look at theme sites for Wordpress for examples of layouts and try to recreate the basic layouts for a page throwing in some Latin and stock image content to fill it out.
Click to expand...
I didn't do exactly that but I just looked at pages I liked and inspected them. Hoping I could figure out how to recreate any part of them or make some minor adjustments so I could say I did something on my own. Instead CSS just threw a wrench at me since I could not for the life of me figure out how to move everything where I wanted it to be lol.

Also didn't help that I went all in and attempted to make a responsive site. I was also at the same time forcing myself to organize and label my code properly. Did the latter so I would get used to it so later on I wouldn't have to clean up my own code as much for that page or future work.

But yeah I feel like I was in over my head back in March since I wanted to have something tangible to show for things I learned rather than just having the code I re-typed from lessons. I kept reading about people just learning code but not doing anything with it as far as projects go. I was trying to avoid that but ended up just more confused trying to figure it all out by myself.
 
S

Starphoenix

Member
This week I should be starting a part-time job with my university for a web developer position. Fortunately I was able to land the job with the website I've been working on over the summer as part of my internship. Even though I have mostly been on my own, I've gained a lot of experience researching tutorials and articles, finding out what works and what doesn't, and learning from trial-and-error. Hoping to create a beginner's tutorial on how to convert existing websites into a Wordpress theme, because most of what I found over the past month didn't really help and it was through throwing things at the proverbial wall that I managed to fix my theme where it displayed exactly like my static site.
 
S

Syphon Filter

Member
Daffy Duck said:
You could always look at theme sites for Wordpress for examples of layouts and try to recreate the basic layouts for a page throwing in some Latin and stock image content to fill it out.
Click to expand...

Isn't including place holder text like lorem ipsum considered bad for your portfolio? I think you have to make content up so it looks better.
 
C

Chris R

Member
Is there a better method for setting up cascading selects? Select 1 has values that are selected, causing Select 2 to populate values for selection.

Right now I have javascript dealing with it, showing and hiding values as Select 1's selected values change, but I'm thinking there has to be some better to do it.
 
Daffy Duck

Daffy Duck

Member
Syphon Filter said:
Isn't including place holder text like lorem ipsum considered bad for your portfolio? I think you have to make content up so it looks better.
Click to expand...

I wasn't suggesting he uses those in a portfolio, just used as practicing building sites and filling out content areas for practice.
 
W

WanderingWind

Mecklemore Is My Favorite Wrapper
Is using lorem ipsum really seen as a bad thing for designer portfolios? That seems very odd to me, as you're not selling your ability to write bullshit text. Whether you're writing it or using placeholder text, it's not actually content. Coming from the journalistic side of things, nobody expects you to write up fake articles to show how text would react in a web app/element.

Can somebody explain this one?
 
You must log in or register to reply here.

Similar threads

Do game developers still want to publish on Xbox? A survey of independents and small studios
39
4K
SNG32 replied
The State of Xbox Game Studios and Bethesda Softworks: A breakdown of all the Confirmed Projects, Leaks, and Rumors
Opinion News Rumor 2
84
12K
Ozriel replied
As translation technology improves, game localizations are getting worse
2
65
7K
Cyberpunkd replied
An Introduction To Japanese Adventure Games pt.1 - What They Are and The Different Types
Analysis
47
14K
SlimeGooGoo replied
GAFs big house of Linux |OT| for gamers, ricers, newbs and greybeards - because it's free as in freedom!
|OT| 2 3 4 5
201
18K
Bitmap Frogs replied
Top Bottom