Register a SA Forums Account here!
JOINING THE SA FORUMS WILL REMOVE THIS BIG AD, THE ANNOYING UNDERLINED ADS, AND STUPID INTERSTITIAL ADS!!!

You can: log in, read the tech support FAQ, or request your lost password. This dumb message (and those ads) will appear on every screen until you register! Get rid of this crap by registering your own SA Forums Account and joining roughly 150,000 Goons, for the one-time price of $9.95! We charge money because it costs us money per month for bills, and since we don't believe in showing ads to our users, we try to make the money back through forum registrations.
 
  • Post
  • Reply
Oh My Science
Dec 29, 2008

Thermopyle posted:

It certainly just seems weird to me, but I'm just a programmer pretending to design.

It must be a bug either in your code or theirs, it is a release candidate.

If you take a look at the docs http://getbootstrap.com/components/#nav the nav elements have rounded corners at all resolutions.

Found it! Your nav ul has an extra class in it. Remove navbar-nav and it fixes itself.

Note - It seems to break the way it scales down, consider using the navbar instead. Just float:right the links. http://getbootstrap.com/components/#navbar

Oh My Science fucked around with this message at 22:41 on Aug 6, 2013

Adbot
ADBOT LOVES YOU

Oh My Science
Dec 29, 2008

ijustam posted:

Alrighty I have a problem. This is more architectural than anything.

Try cross posting in the .net thread.

Does http://msdn.microsoft.com/en-us/library/eb0zx8fc(v=vs.100).aspx this cover what you want?

Oh My Science
Dec 29, 2008

6EQUJ5 posted:

I'm not quite 100% on Treehouse yet ...

If you want to try them out plan to use one a month until you say "gently caress yeah I dig this learning style".

I'll be throwing a big update into the OP this weekend, if I wanted to explore the possibility of an SA web dev IRC channel would people use it?

Oh My Science
Dec 29, 2008

kedo posted:

I'd probably idle in there most days. It'd be handy to have a place to ask quick questions / share stuff.

Where do I host it? I could throw something up on a VPS but I have a feeling some goons have already figured this out.

Oh My Science
Dec 29, 2008

Thermopyle posted:

#web on synirc.

Thanks, using this!

Oh My Science
Dec 29, 2008

Pilsner posted:


I'm about to submit my website and you display news about a "Rihanna nip slip"?

Not even, just at risk of a nip slip. Thanks Bing.

Oh My Science
Dec 29, 2008

Martytoof posted:

The end result would be something like this:



Pretty much the same solution as Diabolik900, but the header is still located in the same spot. Basically position absolute is something to avoid if possible.

http://codepen.io/mrlee-io/full/xcybI

Oh My Science
Dec 29, 2008
If you plan on going the rails route I would highly recommend learning a little bit of ruby first. Try reading poignant-guide to ruby to get a feel for the language... if you like it, you'll like rails.

Oh My Science
Dec 29, 2008

akadajet posted:

I couldn't get past the "zany" bullshit in the intro.

Yeah... if you can't handle the way it's written try Practical Object Oriented Design in Ruby. More straightforward, but not quite as dry as a technical manual. Or give the good ole Pickaxe a read.

Oh My Science
Dec 29, 2008
I have been toying with Stormpath and unless you really want to roll your own user authorization & authentication solution it will save you time and possibly security headaches.

Oh My Science fucked around with this message at 17:49 on Aug 19, 2013

Oh My Science
Dec 29, 2008

GreatJob posted:

Can anyone give me an explanation of div classes and how they're supposed to layer images on top of other images effectively?

I've read W3Schools, a 'for dummies' chapter, and a myriad of posts across forums, but I still can't make things do, and I suspect a lot of it has to do with a lack of questioning and conversing on my part. I'm just having lots of issues conceptualizing the purpose of a div tag. I'm also working with a lot of pre-made templates and they're not behaving well with the CSS that I find, so maybe it's time I really jumped into writing my own templates from scratch.

Your question is vague but I'll give it a shot.

1. I think you may be referring to z-index (layering elements). It can be tough to understand at first, but if you have a solid understanding of the CSS inheritance rules it will make a lot of sense. Mozilla has a decent write-up

2. HTML5 introduced new elements (section, header, footer, article, etc...) which have more semantic meaning than a plain old div. Some older browsers require a shiv in order to support them though.

3. Unless you have a solid understanding of the language used to create a template, modifying it will be a pain in the rear end. Become familiar with your browsers web inspector, get some coffee, and start figuring out how to target specific elements that you wish to style.

4. Templates, at least in my experience, are bloated messes of code. I'm sure some decent ones exist, but then you run into #3.

5. Classes can be applied to more than one element on a page allowing you to re-use common design elements (shadows, background colours, etc...). When you start looking at Less & SASS they introduce things like variables and mixins which are just awesome.

Any of these answer your question?

Oh My Science
Dec 29, 2008

Knyteguy posted:

Does anyone have any input on the new Adobe Edge tools? The ones here: http://html.adobe.com/

If you plan on getting, or already have, the Adobe Cloud subscription service you also get access to those preview apps. In my experience they are not ready or are simply worse than existing tools.

Code, for example, looks neat and I like the UI. However, it doesn't support CSS pre-processors and won't be in the near future (last time I checked).

Adobe for the most part seems to be sticking with its' WYSIWYG roots and it shows when you try out these apps. They are great for non-technical people like designers, but more often than not coding it yourself is better. That or there are better existing tools on the market. They have ignored modern web design & development.

I just want them to get off their rear end and let me use FontKit fonts on the desktop.

Oh My Science
Dec 29, 2008
Yeah z-index is the devil and as Scaramouche already mentioned there are, in most cases, better ways to approach the problem.

If you're specifically looking for a repeating background look into CSS background properties. Or, if you can't figure it out, mock something up in ms paint / photoshop / whatever and someone here will likely be able to give you a more straight forward answer. I feel like we are still guessing at what you need.

Oh My Science
Dec 29, 2008

jusion posted:

I'm not really getting the Bootstrap problem here. The classes are always pretty self-explanatory, and ...

http://css-tricks.com/semantic-class-names/

Semantic markup should not have "row" or "col-*" classes. Although bootstrap and foundation offer semantic ways to use them (SASS or LESS), most people just use the default classes because it is easier. Both are great tools for the right jobs (quick prototyping, decent default UI elements) but if you're willing to put in the time and effort using something like Bourbon & Neat will produce clean semantic code.

Oh My Science
Dec 29, 2008

substitute posted:

Have web design/development conferences been discussed in this thread? Seems like we could share knowledge or experiences, and possible pool together forward thinking trends as they're being presented around at these events.

Personally I would look for local meetups if you're looking for this kind of information. I have had a great time at Ruby / PHP meetups in Vancouver, BC, Canada... I'm certain most cities have them. If for whatever reason they don't, start one. Any tech startups or bigboys in the area love hosting them for free exposure.

Oh My Science
Dec 29, 2008
Let's talk about eCommerce solutions.

A month or so ago I was speaking with a print shop looking to improve their online sales. Unfortunately the platform they use isn't that great and they want to move away to something a little more modern and customizable. At the moment they have no control over design, and dislike how promotions and products are displayed. They sell standard print shop goods, including business cards, postcards, door hangers, etc... and are not looking for a "design your card online feature", just upload a file and go deal.

My Requirements:

Somewhat easy to customize
Extendability - addons to save time in development or future improvements
Decent Community

Nice things to have:

I would prefer they offer some kind of hosting solution, no need to patch the backend myself.

----

I have looked at the usual suspects Shopify, Megento, BigCommerce, etc. but don't have enough experience using them to make a good decision. Right now I'm leaning towards shopify because I have used it in the past.

Oh My Science
Dec 29, 2008

Scaramouche posted:

It's an interesting problem because of the variability of print products (paper stock, canvas, size, binding, web press versus digital, etc etc). Given my druthers I'd just write something from scratch, but I've been working in ecommerce for the last 8 years and have written several storefronts in my time.

They currently use http://www.onprint.com/platform/ and pay about $250 a month to keep it running. The driving force behind finding something new is that customers simply do not use the 'design your card online' feature and 95% of his customer base uploads a file or has the in house designer do it. OnPrint doesn't pay for itself, and moving over to something similar would have the same problem. Now this may have been bad marketing on his end, but I can't remember the last time I really wanted to browse through a hundred pre made designs online instead of just uploading my own.

The challenges I face with this job are time & money. This particular client thinks a complex eCommerce site can be done In a week, and cost him next to nothing ( both in development costs & monthly fees ). I would love to use spree as a starting point and tailor it to his needs, but going with an existing solution which eliminates maintaining a server & reduces dev time would be ideal.

You brought up file managment as a possible problem, I'll be more aware of that as I look for a good solution.

How long would it take you (who knows what he is doing) to implement a shop with those basic requirements?
How much would you charge?

Deadline is the end of September...

Oh My Science
Dec 29, 2008

ZombieApostate posted:

... I just want to be pointed in the right direction and I think I can mostly figure it out from there.

The OP lists most of the popular frameworks you've mentioned. I would suggest going through all of the "getting started" tutorials / documentation and finding something you agree with. Based on your brief description any one of them could do it.

Oh My Science
Dec 29, 2008

NtotheTC posted:

If I have a file input that is designed to take files, is there a Javascript or jQuery solution to getting that file, checking to make sure it's an image, and then getting some Exif data from the image?

I found this library, but it seems to be used for running on <img> tags and I'm not sure if there's a better solution out there.

I guess this depends on what you want to do with this image. Using a CDN like Cloudinary will solve all of those problems with the added benefit of on the fly image manipulation via urls / faster load times.

Oh My Science
Dec 29, 2008

caiman posted:

So how much html/css/js skill does a UX designer typically utilize?

Depends on the size of the company and their resources. I think a lot of small companies use UX and UI design incorrectly in their job postings.

Oh My Science
Dec 29, 2008

DreadCthulhu posted:

It's going to have to be done from scratch: there's no actual framework and it's too niche of a language to have these niceties.

What language?

Oh My Science
Dec 29, 2008
I'm looking for the most economic and hassle free way to host and manage multiple wordpress sites. Right now a client of mine uses godaddy for everything and I would like to move away as many services as possible.

Domains are probably fine staying at godaddy, but I may be able to push them into using gandi.

Email is hosted at godaddy right now and could also stay but I am worried about them being blacklisted.

Hosting is also currently done through godaddy but the wordpress performance is awful and according to my 10 min research has been for some time.

---

So far I'm leaning towards a VPS with a wordpress multi-site install, but only because I'm not a huge fan of shared hosting.

Oh My Science
Dec 29, 2008

Thermopyle posted:

Look in to openshift. I'd say more, but my phone is being dumb.

I like the idea but was hoping to use a service like http://getflywheel.com/

I signed up for the beta and tossed them an email, but if there are alternatives I would like to look at them as well.

Oh My Science
Dec 29, 2008
I'm actually fairly impressed with Flywheel, if anyone wants to give it a shot I snagged some extra beta codes.

CODES MOVED TO TOP OF NEXT PAGE.

Please indicate which code you take so I can cross them off when taken.

Oh My Science fucked around with this message at 23:17 on Sep 11, 2013

Oh My Science
Dec 29, 2008

fuf posted:

I'm not convinced those prices justify the benefits tbh. It is pretty slick though. But maybe only for people who aren't comfortable dealing with hosting directly.

Yeah that's my only hang up right now. Ideally a bulk hosting option would be nice and the CEO said it was being looked into ( I have been pestering him over email ).

If you have < 10 sites it's on par with other services like wpengine which charges $30 minimum for 1 site. Flywheel is $15 minimum for tiny sites.

The remaining codes for flywheel:

98k3p
7bx8v
739nr
r8jn6
fahyu
pcdfv
jpah7
wv3hq

Oh My Science fucked around with this message at 23:17 on Sep 11, 2013

Oh My Science
Dec 29, 2008

Death Himself posted:

Also a bit leery about the prices, I can host a wordpress site on my own for a lot less. But maybe they will wow me somehow.

I guess it depends on your business model. If I was hosting my private Wordpress site going with something like OpenShift or a VPS would be my choice hands down.

Most if not all of the client sites will be for businesses and being able to say they have malware protection, auto backups, built-in caching, and managed updates without me lifting a finger is pretty ideal. Plus it's all managed from one account. The customer support has been rock solid too, very quick response time.

I haven't had to manage a lot of Wordpress sites before, I imagine doing it individually would suck.

Oh My Science
Dec 29, 2008

Knyteguy posted:

What machines are you guys using for your web dev machines?

A lot of people and businesses use Vagrant for dev environments because they are relatively easy to setup and share on any OS. That being said it depends on the type of work you want to do.

If you are set on picking up mac app dev / iOS dev you need a mac. They have the added bonus of being the default all-in-one dev machine because of the Unix backend. If you absolutely need windows it can be used via Bootcamp or Parallels if you prefer a windows VM.

Oh My Science
Dec 29, 2008

scotty posted:

Do you guys have a favorite mp3 player with html5/flash fallback that you use? I would like playlist capabilities, but they're not important.

I'm going to be using this for a music based website, so something that would have the inline capabilities of something like Pitchfork's player would be prime. Although I imagine their player is their pride and joy and they most likely paid a lot of money for it.

http://developers.soundcloud.com/blog/custom-players

Looks like they use sound cloud.

vvv cool I didn't know that.

Oh My Science fucked around with this message at 23:42 on Sep 23, 2013

Oh My Science
Dec 29, 2008

Fayez Butts posted:

Here's a screenshot of my current mockup showing how simple I want this to be:



Where should I start?

How often are you updating the content? Are others aside from yourself going to be adding content? Do you know any languages aside from basic HTML/CSS (PHP, Ruby, etc)? Do you need a fancy dashboard in the back?

With a basic understanding of nearly any framework you could do that fairly quickly.

Oh My Science
Dec 29, 2008

Fayez Butts posted:

That's what I was hoping to hear.

I should clarify.

Learning a framework takes a lot of time. First you need a basic understanding of MVC lest it all seem like magic, then you need to learn the language underneath the magic.

I know that when I first started rails (coming from a front-end background) I didn't spend a lot of time learning Ruby. Eventually I got to the point I wanted to know what the hell was going on and took a few ruby courses. Let's just say a lot of things started making sense and my code was a lot better from that point on.

You then get to play the 'I can't just use any host' game. This may be more of a rails problem since shared hosting is garbage, but a lot of PaaS providers are really easy to use now. How much you want to learn about server maintenance, db administration, and how to handle web assets is up to you and how much you're willing to pay to not worry about it.

Go find a few quick online videos or courses for the frameworks you think will work for you and give them a shot. Go with whatever makes the most sense.

Oh My Science
Dec 29, 2008
Just use vagrant.

It really is the easiest way to manage multiple dev environments or create a blank slate box.

Oh My Science
Dec 29, 2008

Pokkahn posted:

What is the most user friendly web development software you can purchase? My boss put me in charge of creating a new website for our division of the company. I have zero experience with website design and development (good choice right?). It will be a pretty basic looking website, as far as I can tell he just wants a place to show when meetings will be held/profile pages for employees/place where vendors can register information. Can I get some suggestions on a good software to choose hopefully one that has some sort of help included since I will get to maintain this after it is created. If anyone has some other suggestions on what to get please feel free to let me know.

You are setting yourself up for failure.

Tell your boss to hire a freelancer (maybe even a goon) with the money he would spend on paying you, and the software, to do it half assed. Unless you're willing to put yourself in a bad position if / when the websites breaks don't do this yourself, they will blame you, not your boss.

If that is not an option look at Wordpress. It has a million plugins of varying quality, some of which might do what you're looking for, a decent backend for updating content (pages, blog posts, contact info), and you can host it nearly anywhere.

Oh My Science
Dec 29, 2008

Centipeed posted:

When you say email is unrelated, is that because you're assuming we handle email through our domain registrar? Because currently we do it through the host.

Email is handled by a series of MX records. If you change nameservers you will have to setup the new DNS MX records to whatever your host requires for email.

If this is a business email maybe take this opportunity to upgrade yourself to a google apps account or use the new microsoft outlook service.

Oh My Science
Dec 29, 2008
I don't think you can get a definitive answer unless you tell us what you're looking for in terms of features.

This goes over the basic open source advantages http://www.postgresql.org/about/advantages/

Here is a relatively recent writeup of the 9.3 beta used by Heroku https://postgres.heroku.com/blog/past/2013/9/9/postgres_93_now_available/

Oh My Science
Dec 29, 2008

Fisticuffs posted:

... what would you recommend as the next step?

Trial by fire?

Many of the structured online resources for learning are strictly for beginners, although for some languages more advanced courses exist. Once you've exhausted your options with codecademy, treehouse, etc... it's time to solve real world problems by contributing to open source projects or your own ideas. You can always ask people to review your code if you're worried about things like bad habits. Maybe you would benefit from pair programming?

If you can be more specific in terms of what you want to learn we may be able to point towards more specific resources.

For ruby you can check out http://pragmaticstudio.com/ruby which I myself found to be a decent resource that covers more than the basics.

Oh My Science
Dec 29, 2008
Ugh I have this multi page doc with design notes mentioned in the thread / found in real life. Might be bothered to post it.

Most books in a physical store will be outdated (unless you're getting just a design book - not web design ) so your best bet is to scoure the web. I still like hack design as an introduction to the subject, A List Apart has some good books on the subject. Resources like these change so often it's hard to keep up.

Oh My Science
Dec 29, 2008
I know at least a few people in the thread were impressed with Macaw so I thought I would mention the Kickstarter campaign.

I was under the impression is was almost complete last time it came up but I guess they want to hire more devs.

Oh My Science
Dec 29, 2008

pipes! posted:

I'm definitely going to keep it on my radar since it's such a strong idea and (apparent) execution, but I'd like to see some... proof? It sort of seems disingenuous to launch the site and promotional video, then flip around and ask for the money after a month or so of silence.

Yeah that's exactly how I feel about the situation. If they offered a lower tier that got me in the beta I might be tempted to drop $25 on it but as it stands I don't know enough about its limitations. It *might* be a cool tool for designers but I have a hard time believing a full time dev will find it useful.

I don't really deal with static sites anymore anyway.

Oh My Science
Dec 29, 2008

bobua posted:

Node.js/express question, hope this is the right place.

You might have more luck in the JS threads, I haven't seen a specific Node thread :(

Adbot
ADBOT LOVES YOU

Oh My Science
Dec 29, 2008
I would say very few people use a browser at that height, have you considered editing the image and offering a high-res download instead?

This might be silly but I try to edit all images in a lightbox to a set height so that they match and the animations are less jarring.

  • 1
  • 2
  • 3
  • 4
  • 5
  • Post
  • Reply