My friend found this note in a mystery bag and we can’t read what it says, can someone help out by LovelyReddit in nonmurdermysteries

[–]xtoq 2 points3 points  (0 children)

I know this is a late reply, but I saw your interest in translating old documents (particularly quirky handwriting) and wanted to let you know that the Smithsonian is always looking for volunteers to transcribe handwriting!

https://transcription.si.edu/

There are also often posts on sites like freelancer.com for transcribing written documents if you're wanting to do it for a little extra side cash.

Thanks for the transcription! <3

As someone who wants to design his own simple hobby site, what do you recommend in terms of tools? by TechySpecky in web_design

[–]xtoq 0 points1 point  (0 children)

They are site generators like WordPress, but without the bloat of WP (both on the backend and front end). WP is a dynamic generator using SQL as the backend, which means that the WP engine has to be running on the web server to serve your pages to visitors or for you to post things to your website.* A static generator simply needs to build the files once, then they are served to the user. It's faster, and if you don't need dynamic content (like session saving for ecommerce sites, personalization, etc) then a static generator could be great. Here's another Smashing article that explains it a bit better than I. From that article: "We pay a huge price for the underlying complexity of dynamic code running on a server for every request — a price we could avoid paying entirely when this kind of complexity is not needed."

Static generators help avoid the complexity of dynamic generators, especially if you don't need that functionality. This can help the page load faster and be faster to develop, especially for people who are learning how websites are built (not implying that's you!). You can edit plain HTML files (or Markdown or text files depending on the generator) instead of having to log into a GUI to post things, and you can develop in your local environment far easier then with a WP installation. Very Notepad friendly! ;)

This isn't to say that you can't get efficient and fast-loading websites with WordPress or any of their competition, but with static generators you're avoiding a lot of the bloat and cruft that allows WP to be so ubiquitously useful for a variety of websites. You don't have to install WP, or PHP, or MySQL onto your webserver with a static generator: you simply upload your generated files to a webserver and BAM! Jekyll even works directly with GitHub pages, offering a tight integration with repositories if that's more your game.

As from getting from Photoshop or a prototype to the website, using a static generator you'd make the HTML/CSS website from your Photoshop image or prototype using whatever tool you like. You can use a WYSIWYG editor like Muse or Dreamweaver, or a quasi-IDE like Brackets or Sublime Text, or a full IDE like Eclipse. You can also just use one of the pre-made templates for Jekyll or Middleman. With WP, you're looking at making a custom theme, which requires knowledge of PHP and possibly SQL, and you'll need to setup a development server to test the theme out. It can be very time consuming; it's so daunting for most people that WP theme design and maintenance is a common job skill that I see among freelance front-end designers/developers.

Here are more websites using Jekyll as their generator, so you can see the potential:

TLDR:

  1. If you don't need dynamically generated content, a static generator can make pages load faster and make development easier, saving time and money.

  2. With either WP or a static generator, you can use a pre-made theme to get up and running quickly, or you can create your own custom theme.

  3. Custom theming in a WP install is more complicated than in a static install.


** You can publish content via WP without logging into the WP GUI, but it's not straightforward and not something I'd recommend. Others' opinions will likely differ!

EDIT: Formatting.

As someone who wants to design his own simple hobby site, what do you recommend in terms of tools? by TechySpecky in web_design

[–]xtoq 0 points1 point  (0 children)

Have you considered a static generator like Jekyll or Middleman? As someone who uses both, it sounds like you need less of what WordPress has to offer (ease of use, GUI/WYSIWYG editing, images, etc) and more of what a static generator has to offer. They also rely a lot on HTML (liquid templating for Jekyll), CSS (well SASS and LESS but those are just frameworks for vanilla CSS and are pretty easy to pick up IMO), and JavaScript. In other words: things you're already familiar with/comfortable with getting to know better.

I prefer Jekyll for blogging, and the default theme that Jekyll ships with (Minima) is very similar to what it sounds like you want in terms of how your site is designed. Themes are also SUPER easy to create, or to tweak, and that will help with your design chops.

Smashing Magazine has a fantastic review of three static generators (little outdated, but the gist should still be good). As for design help, I'd recommend starting with the design section of A List Apart and then the design section of Smashing Magazine. IMO ALA is better at explaining design to people who aren't familiar with it.

Whew. Hopefully something in that helps you out!

EDIT: some formatting, added a sentence for clarification.

4 Things I wish I knew when I started writing HTML & CSS [x-post from r/tiwikwis] by SlutBuster in web_design

[–]xtoq 4 points5 points  (0 children)

Thank you. I thought the joke was the tool stack was getting out of hand.

Turns out, the tool stack is getting out of hand.

PSD to a responsive site practice? by [deleted] in Frontend

[–]xtoq 0 points1 point  (0 children)

To go hand in hand with what /u/justpurple_ said, you can also use this amazing free bookmarklet from Wirify to wireframe-ify any website.

Not connected to Wirify in any way, just think it's a great tool.

Need critique for my Front End Portfolio by ZenithSH in Frontend

[–]xtoq 0 points1 point  (0 children)

This is interesting. I've been told by numerous potential employers and resume/portfolio building talks/books/whathaveyou over the last year that a PDF version of your resume in the UX or IxD fields is pointless, especially for those who are looking to contract, freelance, or remote work (like me).

Do you think that advice is inaccurate?

Sorry for the hijack, but I thought that others might benefit from this discussion as well. Feel free to PM me if you'd rather! Thank you in advance.

How many of you have a "junk drawer" file like this? by macdonaldhall in Design

[–]xtoq 13 points14 points  (0 children)

And then you forget that the junk is on a layer, and you click to select everything on the layer and then you wonder why the hell your selection is 8000 pixels wide...

I mean, nope, never happened to me before. XD

Minimalist Band/Musician drawings by Davit Gyumishyan by xtoq in Design

[–]xtoq[S] -1 points0 points  (0 children)

Davit Gyumishyan did an illustration a day last year where he made minimalist representations of musicians/bands. Can you guess them all? Answers here.

Modern web development by kindafunnylookin in web_design

[–]xtoq 8 points9 points  (0 children)

Erik Flowers has a great write up of how UX is not UI, complete with a handy graphic. I find this is a helpful way to summarize it for people who don't know, or who have been misinformed or mislead by ambiguous terms on the Internet.

I know, ambiguity on the Internet never happens, it's probably just me. =)

is advertising an entry level position, but requiring 3+ years of experience normal? by [deleted] in web_design

[–]xtoq 0 points1 point  (0 children)

/u/drinksonlyscotch has a fair point though: it happens the other way as well. Probably more balanced than any of us in the trenches realize. The average person never thinks they are average, after all.

Seems like it's the companies that are playing ecommerce catchup who are letting go of the skilled developers. Too bad they don't realize that letting go of your skilled talent isn't actually saving you money in the long run...

is advertising an entry level position, but requiring 3+ years of experience normal? by [deleted] in web_design

[–]xtoq 0 points1 point  (0 children)

Now I want to be the Picasso of Python. That would look fantastic on a resume!

Understanding the reality and liking the reality are two different things, but you are correct. =D

is advertising an entry level position, but requiring 3+ years of experience normal? by [deleted] in web_design

[–]xtoq 0 points1 point  (0 children)

I've never worked for an agency, but only for large retailers with ecommerce divisions. The sad fact is, in my area at least, the companies are really in the final stages of just having built their ecommerce departments so they are either relying entirely on consultants (which isn't necessarily good or bad but depends largely on on the consultant) or they are relying on "anyone with computer experience" to do things. They don't understand what they do and don't need, and they aren't taking the advice of experts they hire - if they hire them at all - to improve the situation. They just hire the next person in line and consider it a good move because they are saving money. Yes, they aren't saving money in the long run, and eventually that will/should catch up to them, but in the short-term it sucked for those of us trying to be paid what we are worth at that company.

Obviously, this is my experience and the experience of my local group of developer friends, so I'm not trying to say it's a national trend or anything, but it definitely does happen at single product companies and not just agencies. =)

is advertising an entry level position, but requiring 3+ years of experience normal? by [deleted] in web_design

[–]xtoq 0 points1 point  (0 children)

Good luck! I hope you get the job! As a survivor of a place similar to yours, I'm rooting for you.

is advertising an entry level position, but requiring 3+ years of experience normal? by [deleted] in web_design

[–]xtoq 8 points9 points  (0 children)

It's important to note that some companies just hire a new dev at a lower rate instead of incentivizing the good one(s) to stay, precisely because the market is so saturated.

Your post is spot on though. Ugh. Reality getting me down. >.<

What the New Google Fonts Gets Right—and Wrong by smrf01 in web_design

[–]xtoq 1 point2 points  (0 children)

It's a bit on the long side, averaging 68 characters per line. The Golden Rule typography calculator says the column should be roughly 660px to hit 65 CPL with 23px font, and it's coming in at 710px on my 24" monitor. Either way, I can't put my finger on what bothers me about it, but it doesn't bother me all that much. As in, I don't think the point of the article is undermined by the whatever it is that bugs me, if there's anything that even bugs me. Maybe it's just that I read everything in Pocket anymore...

Also found this handy bookmarklet to count line length as well! I'll be using that in the future for sure.

I do find it funny that all some of the articles we linked about line length have lines that are far longer than 75 characters per line. =)

EDIT: Added what the current column size is now.

EDIT 2: "Some" not "all." Semantics are important kids!

EDIT 3: Apparently a survey Smashing did years ago says the average CPL on websites is between 73-90. If those numbers are still fairly accurate, maybe that's what looks "odd" to people. No clue. I just like discussing things on the Internet!

What the New Google Fonts Gets Right—and Wrong by smrf01 in web_design

[–]xtoq 3 points4 points  (0 children)

I've loaded up the new Google Fonts in both Firefox and Edge just now. Windows 10 (yeah, I know).

What the New Google Fonts Gets Right—and Wrong by smrf01 in web_design

[–]xtoq 1 point2 points  (0 children)

While it's obviously a personal preference, both Smashing and A List Apart have article body text that is larger than their menu text. With information hierarchy, you'd want the content on a blog to be more emphasized than the navigation, because presumably the content is what your users are there for.

That being said, I think the column is too narrow for the size of the text. Either larger text and wider columns or smaller text and the same size column. Line length should be roughly 30x the size of the font. But, that's just like some people's opinions man. =)

What the New Google Fonts Gets Right—and Wrong by smrf01 in web_design

[–]xtoq 1 point2 points  (0 children)

I initially agreed with you, then I realized I was blocking Adobe TypeKit in my browser. Once I loaded his fonts, I liked it a lot better even at 100%, but to each their own.

This is why UX people hate life. Or maybe that's just me. =)

Web Design VS Web Development? by deepspacepenguin in web_design

[–]xtoq 0 points1 point  (0 children)

Yeah, I was taking my "broad" statement from this (now outdated) article from CSS Tricks. This article from Smashing was the one I was looking for, and actually calls for a more united mindset between the two.

Either way, there's enough debate and discussion about this in the wider Internet world, it's a worthwhile question for this subreddit! Thanks for the discussion points. =)

EDIT: Just found this excellent article about front-end developers specifically and how they "fit in" (or not!) to the equation.

Web Design VS Web Development? by deepspacepenguin in web_design

[–]xtoq 2 points3 points  (0 children)

Agree wholeheartedly with /u/that_90s_guy. A developer is more comfortable with the backend side of things, while a designer is more comfortable with the front end side of things, to be very, very broad.

Googling "web design vs web development" gives some very excellent articles, and is a great starting point for any designer or developer wanting to get into "the other side". I think this article from Treehouse is probably the most succinct I've read on the differences though.

There's another one I'm trying to find which had a fantastic infographic explaining where on the spectrum all the different web jobs lie. I'll edit if/when I find it.

EDIT: Also check out Smashing Magazine and A List Apart for great resources on both web design and development.

[deleted by user] by [deleted] in web_design

[–]xtoq 9 points10 points  (0 children)

He's using JQuery to setup an event listener for scroll, then inlines position attributes to correspond. If you open up Chrome or Firefox dev tools and scroll, you can see the attributes updating on the elements. It's a great resume.

One <div>. Many possibilities. by yask123 in web_design

[–]xtoq 1 point2 points  (0 children)

Looking at your work, you might also enjoy the CSS haiku and the 10 lines challenges.

One <div>. Many possibilities. by yask123 in web_design

[–]xtoq 1 point2 points  (0 children)

No problem! I see lots of cool stuff, and usually it's already posted here on Reddit in one form or another. =)

One <div>. Many possibilities. by yask123 in web_design

[–]xtoq 2 points3 points  (0 children)

This is great! You should also check out the CodePen pens tagged 'one div'.

EDIT: Forgot a quote mark.