|
Make it one big image. I don't see what the problem is.
|
# ? Jun 30, 2014 18:50 |
|
|
# ? May 15, 2024 04:50 |
Bastard posted:It's monday, I come into the office, all fresh and roaring to go after a sunny weekend: "Hey Bastard, we need you to transform this design with extruding ribbons, custom fonts etc into an html email. Needs to work in pretty much all mail clients as well" Mailrox has saved my sanity more than once. Sure, I can do them by hand but ugh gently caress spending hours debugging tables.
|
|
# ? Jun 30, 2014 18:53 |
|
kedo posted:Make it one big image. I don't see what the problem is. It has several items with different links and text, and needs to be reused every month. gmq posted:Mailrox has saved my sanity more than once. Sure, I can do them by hand but ugh gently caress spending hours debugging tables. I've tried Mailrox before, but somehow it never quite produced the results I expected/wanted, and the resulting tables were too convoluted to debug. But still, doing all the tables manually isn't that bad. What's bad is Outlook. Goddamn, I can't remember quite how it went because I'm trying to forget this day by drinking, but it was something like this: 2002 - as expected 2003 - as expected 2007 - extra margin/padding or removed margin/padding, font is missing. 2010 - as expected 2013 - see 2007 It makes no sense at all.
|
# ? Jun 30, 2014 19:13 |
|
I recently had to do something like this and found that Slim/Sass and gulp-inline-css worked really well as an approach. Slim's compiling warnings helped with debugging/table nesting, Sass was great for defining components, and gulp was great for building dev and deploy copies painlessly. I also found declaring BEM-style classes really streamlined things, so something along the lines of .masthead-logo--link. I just really wish they'd fork out for a Litmus account. Bastard posted:Outlook If you need pixel-perfection and Outlook is a concern (it always is), just don't use margin or padding. As far as I know, cell padding is the only real reliable option.
|
# ? Jun 30, 2014 19:22 |
|
pipes! posted:If you need pixel-perfection and Outlook is a concern (it always is), just don't use margin or padding. As far as I know, cell padding is the only real reliable option. Or have spacer cells with a set width like you used to on websites back in the mid 90s. Bastard posted:It has several items with different links and text, and needs to be reused every month. Image maps have pretty good support, and honestly it'd probably be quicker and easier for everyone involved to redesign the thing every month. Then again I also understand projects with nonsensical requirements, so good luck goonsir.
|
# ? Jun 30, 2014 20:27 |
|
Bastard posted:It has several items with different links and text, and needs to be reused every month. Make it look right in a phantomjs screenshot and use an image map like kedo suggests. This reminds me of a bug report I've been ignoring that basically amounts to "When we copy and paste HTML from our site into Outlook (and Gmail, maybe - it's unclear) and the customer tries to click the image on an iOS 4 device, it doesn't go to the link, it just asks them to save or share the image" and I can't even begin to fathom how they expect me to fix that or why I should care about the email client in a dead mobile OS*. *Actually I know exactly why they think I should care: one of our biggest customers just bought iPhone 3Ss for all their sales reps in TYOOL 2014 loving lol
|
# ? Jun 30, 2014 22:14 |
|
One of the problems (at least where I work) isn't really the email clients weirdness, I can sort of deal with that. It's the sales/management team. Every time we tell them that making HTML emails is a time consuming job, and they need to give us more time, or at least reduce the amount of clients in the requirements. Every time we get ignored because they can't sell the amount of hours we need. Or in their words: "I don't think you need that many hours for a simple email, you get <X>". But the imagemap suggestions sounds neat, I'll have a look into that one.
|
# ? Jun 30, 2014 22:26 |
|
v1nce posted:Seems to me you're describing the alt attribute of the img element. If it's a transcript of the text contained in the image, you're actually following accessibility guidelines for un-sighted users! Congratulations! So I followed your guys' advice, but it's not showing up in Google. Here's an example of the code and the only search results I'm getting are for the old transcription page that I've taken down. You said line breaks are okay, so I don't understand what the problem is. I'm submitting sitemaps regularly.
|
# ? Jul 1, 2014 02:27 |
MondayHotDog posted:So I followed your guys' advice, but it's not showing up in Google. Here's an example of the code and the only search results I'm getting are for the old transcription page that I've taken down. You said line breaks are okay, so I don't understand what the problem is. I'm submitting sitemaps regularly. It takes time for Google to crawl your site again and update the indexes. If you search for that URL you can see Google last cached it on June 9th. I did notice if you search for "something awful is back up" (the first line in the next to latest entry) Google shows it as the 5th search result. But if you search for "troll him or post pictures of Microwave's mom" it doesn't return anything. Maybe Google doesn't like that many words in the alt attribute? Yours is starting to look like the "to be avoided" example. Maybe try doing it like XKCD does with a <div id="transcript" style="display: none"></div>?
|
|
# ? Jul 1, 2014 04:20 |
|
Bastard posted:"I don't think you need that many hours for a simple email, you get <X>" This right there is why I chose to believe in some form of karmic justice to inflict torment on every single fucker who makes up a time estimate for a dev task without being a dev himself.
|
# ? Jul 1, 2014 06:21 |
|
I've got what is undoubtedly a stupid question for the wise denizens of the thread. I recently started at a new job and one of the projects my boss wants to have at least presentable by October is a web startup that shall remain nameless--not least for which that it has virtually nothing beyond the concept fleshed out. What I've been tasked with is bringing the little assets we have back to our control from the partner who put together the tech aspects, but is now distancing himself from the project. The company is unfortunate enough to have purchased hosting and a domain name from GoDaddy, whether at the behest of another partner or the tech guy, I don't know. Thing is, he misspelled what he purchased and had to go back and buy the correct domain name. Now the misspelled one and the correctly-spelled are up, the latter with content, but I cannot for the life of me find how to access it. Admittedly, this is where my competencies flag and I may simply be missing something abundantly obvious. We have the password to the GoDaddy account home to the host (misspelled) and the domain (correctly spelled), but the former appears to hold none of the latter. He asserts it simply redirects, but I can't find any indication of this in GoDaddy and the Joomla login info he provided us only works for the content-less site. If any of all that makes sense, what make you all of it? Edit: And I just realized I meant to throw this in the Hosting thread. Oh well, any input from here would likewise be much appreciated.
|
# ? Jul 1, 2014 17:12 |
|
Cugel the Clever posted:GoDaddy and the Joomla login Someone was making some Bad Decisions. Are you sure it's hosted on GoDaddy? If so you should at the very least be able to get FTP login info from their control panel. http://www.whoishostingthis.com/
|
# ? Jul 1, 2014 17:16 |
|
kedo posted:Someone was making some Bad Decisions. Yeah, even I, with only a cursory knowledge of hosting, knew GoDaddy has a bad reputation. Joomla I have less than any idea about, but given that it's not listed in the OP's CMS options... The domain and host have different IPs, different name servers, and neither shows to be linked to the other other than they have GoDaddy IPs. The FTP on the host has only the misspelled, blank site.
|
# ? Jul 1, 2014 17:39 |
|
What's a good way of keeping current on web development topics, rather than design? There's stuff like Hackernews and Sidebar, but Sidebar is design/looks-focused and apparently HN is not very good. I've got a lot of downtime at my job right now and I was looking to fill it with stuff I can learn on the side. But, I'm a developer, not a designer - though I like designing, that's not what I'm paid for. I wanna get better at what I do, and I'm willing to learn, but I don't know where to start. Any tips?
|
# ? Jul 2, 2014 16:33 |
|
Here's some of the newsletters I subscribe to (also Sidebar):
Twitter is also a great resource. Find personalities in areas you want to focus in, make use lists, and use a service that only show tweets with links to cull resources. pipes! fucked around with this message at 18:04 on Jul 2, 2014 |
# ? Jul 2, 2014 17:02 |
Pollyanna posted:What's a good way of keeping current on web development topics, rather than design? There's stuff like Hackernews and Sidebar, but Sidebar is design/looks-focused and apparently HN is not very good. I've got a lot of downtime at my job right now and I was looking to fill it with stuff I can learn on the side. But, I'm a developer, not a designer - though I like designing, that's not what I'm paid for. I wanna get better at what I do, and I'm willing to learn, but I don't know where to start. Any tips? I think hn/articles/etc are fine as a way to keep up on current topics, but there's also a lot of value in trying things like https://www.codewars.com or such to stay on top of things as well and/or to fill downtime.
|
|
# ? Jul 2, 2014 17:20 |
|
Pollyanna posted:What's a good way of keeping current on web development topics, rather than design? There's stuff like Hackernews and Sidebar, but Sidebar is design/looks-focused and apparently HN is not very good. I've got a lot of downtime at my job right now and I was looking to fill it with stuff I can learn on the side. But, I'm a developer, not a designer - though I like designing, that's not what I'm paid for. I wanna get better at what I do, and I'm willing to learn, but I don't know where to start. Any tips? Follow Google / Mozilla evangelists on Google Plus.
|
# ? Jul 2, 2014 17:45 |
|
Two additional questions about API design. My app essentially aggregates and analyzes data from a couple of other APIs. 1) Two of the APIs require authentication through OAuth 2.0. Now granted this is largely a huge, complicated black box for me, but I'm pretty sure there's no way I can avoid an initial redirect-to-third-party-authorize-tokens step*. In that case, I need to define a callback to capture the tokens. API-wise, does something like this make sense: code:
* Note: I tried to use curl to manually capture all the tokens, but I don't understand session tokens and refresh tokens and how/when they expire, so I figured I'll just stick to the libraries which assume a user-facing flow, for now. 2) I want to normalize and analyze data from multiple APIs, but I'm not exactly sure what I am looking for. A lot of these APIs return object metadata that may or may not be interesting in the future, but right now, I am only interested in a very small subset of that metadata. Would it be totally dumb to add a "raw" database field that captures the entire object, in case I need the historical data later, or would it be better to design my app such that it can go back and re-capture historical data? For reference, I'm probably dealing with volume on the order of ten thousand records per month.
|
# ? Jul 2, 2014 18:45 |
Kobayashi posted:Two additional questions about API design. My app essentially aggregates and analyzes data from a couple of other APIs. 1. Seems reasonable, that is pretty close to how python-social-auth sets up the URLs. 2. I don't think it would be dumb to capture all of the data in throw it in the "raw" field in case you want to go back and pick out additional things later. Especially if it's not an additional API call.
|
|
# ? Jul 2, 2014 19:04 |
|
Thanks for the recommendations, guys! I've already found a buncha stuff I wanna read, this is right up my alley. Incidentally, I've been thinking about the relation between HTML and webpage structure/separation of concerns. You know how sites have grids, rows, columns, sidebars, navbars, etc.? A two-dimensional setup with boxes everywhere? Well, is the 2D "order" of those elements controlled by HTML, or CSS? Take, for example, three boxes: [] [] []. Now, I can tell that these boxes are siblings, and I instinctively assume that they go in order from left to right. In psuedo-HTML, it'd look like this: HTML code:
which can't be said for a modern, grid or tile based website. Additionally, if I have a header, a content div, and a sidebar, and I want to put the sidebar "on the left" instead of "on the right", I'd have to change the markup directly. The markup doesn't just say "these things exist", it offers information on where each element is relative to another, which could be considered a presentation concern. Here's the thing: I'm not trying to change what the content is, I'm trying to change the order it appears in, how it looks. So is the order presentational, or strictly content? Personally, I think it falls into both categories, cause changing the order falls under the purview of the markup. You can't move the sidebar to the left instead of the right with just CSS. I'm wondering if the structure of a page, like grids, etc., shouldn't be tied to the HTML instead: HTML code:
It's kinda like declaring a 2D matrix by writing [ [0, 1, 0, 1], [1, 0, 1, 0], [0, 1, 0, 1], [1, 0, 1, 0] ] .
|
# ? Jul 2, 2014 19:22 |
|
Pollyanna posted:grids Content ≠ Presentation.
|
# ? Jul 2, 2014 19:31 |
|
Pollyanna posted:which now that I write it out, looks like goddamn hell on wheels, so what the gently caress, maybe making HTML do 2D stuff isn't a great idea after all. That's because you basically just reverse engineered tables. You can reorder content with flexboxes as pipes! states, or even with something as simple as floats or positioning. Just because div A comes before div B in the markup does not mean it has to be displayed that way. Also I feel like you might be reading a bit too much into the importance of the order of things in markup. HTML is just a manner of giving structure to content, it's not intended to present content* (again, as pipes! said). Just because I have something like this: code:
If you stop thinking of HTML as a tool for designing a page and start thinking about it as a container to house your content, you'll be much happier. Hell, pretend that it's just a glorified XML document and you wouldn't be far off base. e: *I should say now a days it's not. It surely was in the past, but now it's basically a place where you shove stuff before you get all wild with CSS and JS. kedo fucked around with this message at 19:47 on Jul 2, 2014 |
# ? Jul 2, 2014 19:43 |
|
Right, I understand that. I just had trouble putting it together, because I can think of some circumstances where that rule is fudged a little. This article explains better what I'm talking about. I thought that flexbox was some sort of UI framework, like Bootstrap or Foundation. That makes more sense, and looks like exactly what I want. Thanks for the link! kedo posted:That's because you basically just reversed engineered tables. gently caress The structure approach to understanding HTML works a lot better than trying to reconcile it with grid systems 'n poo poo. I think I get it now...
|
# ? Jul 2, 2014 19:44 |
|
If you're actually interested in this end of things, I'd actually recommend spending some time reading up on what makes an HTML document accessible, as it advocates structuring a page with a ordered, hierarchical approach. Even if you don't have to cater to an audience with disabilities (which I'd argue you always do), it makes for clean, very SEO-friendly pages and is basically one of the foundations of a progressive enhancement-based approach.
|
# ? Jul 2, 2014 20:00 |
|
fletcher posted:1. Seems reasonable, that is pretty close to how python-social-auth sets up the URLs. Great, thanks. It's amazing what you can do these days by essentially gluing together different services.
|
# ? Jul 2, 2014 20:22 |
|
That said, there are some problems you just can't fix without changing the order of elements in the HTML. It's not a perfect system, however much it tries to be so. Don't be afraid of hacking up your HTML and putting some extra wrapper elements or reordering things if you can't get it to work.
|
# ? Jul 2, 2014 20:50 |
|
fletcher posted:It takes time for Google to crawl your site again and update the indexes. If you search for that URL you can see Google last cached it on June 9th. Thanks, I didn't know you could set a div style not to display. I was considering just making the text the same color as my background. As you can tell I'm a complete novice.
|
# ? Jul 3, 2014 01:39 |
|
I'm helping a friend out with a side project. My friend has an ec2 instance with a db and a program that scrapes some sites and analyzes some data, which gets stored into a MySQL database. He also has a website that shows this data. For now he manually runs some queries in the db and updates the site by hand. He wants me to help him out with setting something up to make this happen automatically when someone loads the page. I was thinking the way to do this would be to write an API in node on the ec2 that the site could use that runs the MySQL query and returns the HTML. Am I correct in thinking that this would be a good way to go, or am I way off? I need it to be pretty secure as well, so what steps should I take to make sure it is secure?
yoyodyne fucked around with this message at 05:18 on Jul 3, 2014 |
# ? Jul 3, 2014 02:12 |
|
pipes! posted:Here's some of the newsletters I subscribe to (also Sidebar): Thanks for the links. It's hard to tell what is going to be good vs. linkspam. http://webplatformdaily.org/ is a good site to check daily as well.
|
# ? Jul 3, 2014 02:56 |
|
So what's the current state of the art as far as monitoring and deploying systems goes? Is there anything open source where I can just say "run this application with up to X instances of a machine like Y, direct all writes to database Z and if that one fails, pick a new database server and make that the one that gets all the writes"? And is anything that will easily alert me to stuff like, 90th time between HTTP request and response going over 1 second, more than 1% of responses being 500 errors in a span of five minutes, and so on? I guess what I'm specifically asking about is for widely-used and up-and-coming tools that people use to automate web application deployment, monitoring, and alerting, but if there's anything else new and hot, or even just widely useful that I haven't mention, in web devops land, I'd love to know about it. Thanks!
|
# ? Jul 6, 2014 02:58 |
|
I'm about to get started on a new project that I'd like to get some advice on. I'm building a web application (for managing the recording of lesson observation feedback) for the school that I work at. My current set of goals for the system are as follows: The system must be able to allow teachers to perform the following:
The system must also be able to allow administrators to perform the following:
At this stage my current plans for the front end are a bit fuzzy and I need a bit of direction. I'm going to write it as a simple node application for serving the front end content, but would like to make use of a framework for the actual front end UI/UX. I'm currently leaning towards Ember as it seems like it works relatively well with Google/OAuth 2 authentication: http://virantha.com/2014/05/07/ember-js-oauth2-implicit-grant-example/ and seems to have a pretty big, exciting community behind it. With all that said, I'd love to hear some advice if anyone wants to share.
|
# ? Jul 6, 2014 06:28 |
|
How is your Node/javascript dev? I guess the reason I ask is there are a lot of languages I'd prefer to write a thin back end in other than Node, purely due to better maintained libraries for the things that matter, session management, OAuth, database persistence, even frameworks for an entire REST API. My experience with Node has always been a story of flaky dependencies, either poor maintenance, documentation, or both. As such, front end you're obviously contained to JavaScript things, but I usually wouldn't recommend node for back end if you have familiarity with other languages and tech. You've got a huge pick of front end frameworks, Angular, Ember, React (more a library than Framework), so really I just recommend picking whatever works for you from an understanding point and go from there. It doesn't sound like the kind of app thats going to stretch any front end framework to its limits, so optimise for your own understanding and ability to maintain, debug, etc.
|
# ? Jul 6, 2014 09:39 |
|
Maluco Marinero posted:How is your Node/javascript dev? I guess the reason I ask is there are a lot of languages I'd prefer to write a thin back end in other than Node, purely due to better maintained libraries for the things that matter, session management, OAuth, database persistence, even frameworks for an entire REST API. My experience with Node has always been a story of flaky dependencies, either poor maintenance, documentation, or both. I've tried my hand at Ruby, but I really like and am comfortable with node and JS. I've been spending a shitload of time with it this year and have built a few apps with node of varying scale. I can't say I share your experiences with regards to dependencies, etc. quote:As such, front end you're obviously contained to JavaScript things, but I usually wouldn't recommend node for back end if you have familiarity with other languages and tech. You've got a huge pick of front end frameworks, Angular, Ember, React (more a library than Framework), so really I just recommend picking whatever works for you from an understanding point and go from there. Since making my original post I've been reading a lot and am now coming around to Angular, using this as a jumping off point: http://matthewtyler.io/handling-oauth2-with-node-js-and-angular-js-passport-to-the-rescue/. I'm primarily using this project as a motivator to keep myself going, and of course to solve a problem in our workplace - I think I foresee an egghead.io subscription in my future.
|
# ? Jul 6, 2014 10:13 |
|
Sounds good. I'd always warn against people using Node if that was their first step in to web dev, but if you're used to it already go hog wild.
|
# ? Jul 6, 2014 10:34 |
|
Maluco Marinero posted:Sounds good. I'd always warn against people using Node if that was their first step in to web dev, but if you're used to it already go hog wild. Thanks. Apart from egghead, can anyone recommend some other good 'getting started' guides for Angular?
|
# ? Jul 6, 2014 10:59 |
|
neurotech posted:Thanks. Apart from egghead, can anyone recommend some other good 'getting started' guides for Angular? If you're already familiar with HTML and JS, the Google-sponsored Code School program gets you from zero to functional in a couple hours.
|
# ? Jul 6, 2014 16:58 |
|
neurotech posted:Thanks. Apart from egghead, can anyone recommend some other good 'getting started' guides for Angular? Although I did not care for Angular, I keep this bookamrk handy for posting here: https://github.com/jmcunningham/AngularJS-Learning
|
# ? Jul 7, 2014 03:32 |
|
Fantastic, thank you.
|
# ? Jul 7, 2014 03:33 |
|
In other news: Somebody finally made a good Bootstrap theme! https://kristopolous.github.io/BOOTSTRA.386/index.html
|
# ? Jul 7, 2014 03:34 |
|
|
# ? May 15, 2024 04:50 |
|
Hey guys, I posted this in the wordpress thread on Friday, but I don't think that thread is very much bookmarked, so cross posting here in case anyone can help: Hey, I wonder if anyone can point me in the right direction. I've got a bunch of categories on a site, previously the categories were displayed simply using this: <?php $terms = get_the_terms( $post->ID , 'machine_type' ); foreach ( $terms as $term ) { echo $term->name; } ?> This was used on one page, and another page (the actual page for the individual posts in each category) used the following: <?php $terms = get_the_terms( $post->ID , 'machine_type' ); foreach ( $terms as $term ) { $term_link = get_term_link( $term, 'machine_type' ); if( is_wp_error( $term_link ) ) continue; echo '<p>Machine Type: <a href="' . $term_link . '">' . $term->name . '</a></p>'; } ?> Now, however, I need to use subcategories, i.e. child categories. The existing code is displaying ParentChild like that, how can I get this set up more like breadcrumbs, so Parent > Child, which each linking to the specific category page? I am very new to using PHP and Wordpress so sorry if this is a stupid or obvious question. Thanks!
|
# ? Jul 7, 2014 08:43 |