Thursday, February 28, 2019

Ways for main character to influence world following their death



The main character of a story dies before the story itself ends. Nothing new here, you can keep a story interesting following their death. But I have an additional requirement: The dead main character has to exert influence to the story world even following their death (diminished capacity acceptable), and I'm wondering about ways to achieve this.


This is for interactive fiction, where the reader gets to make choices on behalf of the main character. I'm exploring death as a possible consequence of those choices, but don't want that to stop further choices down the line completely.


An afterlife of some sort is one possibility; undeath, e.g., becoming a ghost, appearing in other characters' dreams, having their consciousness stored in a computer... What other ways are there?



Answer



As I see it, there are two possible ways for a character to influence others after death, but each has a number of variations.


First, the character could directly influence others after death. This would involve some sort of continued existence either magical or supernatural in origin. Some examples:



  • Ghost (or any other non-material existence after death, such as a poltergeist, or other spirit)

  • Uploaded brain (into a computer or robot)

  • Cloning (depending on how magical the cloning process is -- in a more realistic universe, a clone would be an identical twin born later, not a repeat of the original person)


  • Time travel (which stretches the limits of "after")

  • Resurrection (same person coming back)

  • Reincarnation (returning as a different person)


Another way for a character to exert influence after death is not to actually be there but to leave some sort of intentional legacy.



  • A will

  • Letters to loved (or hated) people

  • Bequest with ongoing results, such as founding a charitable organization or school



Unintentional legacies are also possible



  • Inspirational speech

  • Taught a significant skill or piece of knowledge to another character

  • WWDGD: What Would Dead Guy Do? (In other words, a life philosophy built around that of the dead guy, who acts as a moral guide for the living character.)

  • Published knowledge that helps others (Dr. Dead Guy's research suggests that we can find the solution to our problems in this star system.)

  • Unpublished documents that come to light after the death (see Emily Dickinson).


And one that straddles the border between intentional and unintentional:




  • Children

  • Parts of the body, either from donated organs or in the form of frozen sperm/eggs/other material

  • Genetic legacies, particularly in terms of diseases that might get passed along


options - When does delta hedging result in more risk?


A question from an interview book:




When can hedging an options position make you take on more risk?



The answer provided is the following:



Hedging can increase your risk if you are forced to both buy short-dated options and hedge them.



And it gives an example that you short the stock to hedge, and the stock price rises up to strike so the option expires worthless, then you lose on both the options and the short stock position. Therefore you are worse off than if you had not hedged.


What I don't quite understand is that, in that example, if the stock price goes down, I would gain on my short stock position, why didn't it being taken into account? Also, I hope to have an analytical formula to see the "risk" more clearly.


Could anyone help me with this one?





interface design - Where to hire a graphics designer for mobile app?



My friend and I are making iOS apps and we have are not graphic designers. We have no idea how to do any of that stuff.


Where can we find a graphic designer and how much would he/she cost?



Answer



A cost of a designer is going to depend on that designers experience and work history. I would say on average a jr. designer is going to be in the range of $20-35 an hour, a designer is going to be $35-60 and an senior designer is going to be anywhere from $60-125. Those figures will change depending on your location. For example a sr. designer in NYC is going to charge more then a sr. designer in a smaller town. As to where to find them, you can look at portfolio sites such as BeHance or Dribble. On those sites you can look around for a style that you are interested in inquire about prices from the designer. I hope this helpful. Good luck with your app!


file management - Version control for designs in Sketch



I'm looking to implement version control across my team and I need a starting point.


Criteria I need:




  • Something that integrates well with our software stack: Sketch and Zeplin

  • Stored in the cloud

  • Shows previews of the files


I've looked at Git but as far as I've seen it doesn't let me preview files to see whats in them, is there something that does this?



Answer



Lucky for you there are a bunch of options from paid to free.




enter image description here


Starting off there's Plant that has free and pro tiers and is in open beta.





enter image description here


Next there's Abstract which also has free and pro tiers and is also in open beta.




enter image description here


Additionally Folio exists but it's not as solid of an option in my opinion as the others.




enter image description here


Finally there's my favorite which is Kactus; which also has a nice github page.





Now what you chose all comes down to your workflow.




  • Abstract is good if you are already familiar with Git. Abstract also does a nice job at visualising the timelines and "commits".




  • Kactus works to bring together designers and developers onto a shared workflow and platform in GitHub. Kactus aims to bring designers on board to have an integrated design process




  • Plant, unlike Abstract and Kactus which use a branching model for collaboration, only shows a linear history. Using the known paradigm of uploading/downloading changes, Plant has created a simple and elegant solution that would satisfy many people.







Find what you like and what works for your workflow!


Footnotes for Translation purposes


I am writing a novel that includes occasional words or phrases in another language. If I use a footnote to provide a loose translation of the word and that same word appears once or twice more on the same page, do I have to reference the footnote for each occurrence?





website design - A good monospace, condensed and open-source typeface?


I'm looking for an optimal typeface for report tables that will contain many columns (the reason for condensed).


The reason for monospace is that these reports will contain a lot of numbers and we would like them to be aligned across all the rows.


The reason i need it to be open-source is that we will show these reports inside a web application, so it would be embedded as a web font (@font-face).


I saw Anka Coder but I don't like its 0.


Update:


I finally settled for Open Sans Condensed Light, which has monospaced numbers, so it's good enough for my use case. Thanks everyone for your input!



Answer




The most condensed monospace, open-source font I've found is via fontsquirrel and is called M+ 1m.


M+ 1m font


marketing - Discouraging link to Lulu or CreateSpace


I am finishing writing a non-fiction (religious) e-book.


It looks like for me that the most effective way to market my writings is to advertise it with AdWords and sell as e-book directly through PayPal (not through a reseller).



I can also make a printed book with Lulu or CreateSpace.


My question: Would adding a link to Lulu or CreateSpace discourage readers to buy my e-book, as they may think that a book on Lulu or CreateSpace is "nonprofessional".


Also e-book purchases would lead money directly to my PayPal account, while with Lulu or CreateSpace I need to wait for payments to accumulate before they send me money. This (printed book) would be a competitor sakes of the e-book.


So, should I sell only e-book or e-book and printed one with Lulu or CreateSpace also?




Wednesday, February 27, 2019

usability - What is better than top-posting and bottom-posting?



Chat programs usually put the most recent information or message below others (bottom posting). Forums and feeds put the most recent information above others (top posting). Is any one better than the other?


It seems like a usecase thing. We read from top-to-bottom, so if you're interested in the latest post or information you'll do a top-down solution. But, if you're interested in the history of a conversation, it is easier to read old messages at the top, like reading a conversation in a book.


But what happens when the these two instances are crossed? What happens when you want to create something that is like a forum but also like a messenger? I see this with twitter. Twitter is a feed system, but also a messaging system when tweets are replies to other tweets. Twitter reverses the order of tweets when looking at a chain of tweets all @replied together, but is this reversing of order good?


Same goes for comment systems. You have comments about something, and you put the most recent at the top. But when you want to reply to a comment, you start a thread and reverse the order, most recent at the bottom. But, what if you're interested in these replies and don't want to just barry them in a thread? Then you'd have to do something similar to YouTube comments, put a link to the previous comment to get the context of the reply.


There has to be a solution better than this? On twitter, if you want context to a tweet, you click on it to view the previous tweets. Same with Youtube, as described above, you click a link button to get context.


So, my question is, can we invent something better than top-posting or bottom-posting; something that is in the middle, but doesn't require much thinking for the user (no no action to take to get context, usually scrolling is better)? Also, something that doesn't reverse order semantics.




option pricing - Forward implied volatility


Can one price accurately by only using vanilla options a derivative that is exposed/sensitive mainly to the forward volatility ?


If it is impossible, why do we hear sometimes "being long a long dated straddle and short a short dated straddle" is being exposed to forward vol ?


Here are some examples :



a) In equity markets :


        - pricing a volatility swap starting in 1y and expiring 1y later.

- pricing a forward starting option with the strike determined in 1y as 100% of the spot and expiring in 5y.

b) In rates markets : (FVA swaption) a 1y5y5y Swaption, which is 6y5y swaption with the strike determined in 1y.


In the equity world, a way to express the question is : If we use a sufficiently rich model like Stochastic Local Volatility model (SLV) where the local component of the model is calibrated on vanillas (hence the price of any vanillas will be unique regardless of the choice of the stochastic part). Would our model provide a unique price of the above instruments regardless of the stochastic component choice ?




gui design - Defined used for the icon: three vertical dots


Is there a defined use(s) for the icon enter image description here


I have seen various uses for it, but I would like to know if there is a standard purpose for it - or if it can be used as a shortcut for any function needed within the application. Any sources, research or experience with the use of this icon is appreciated.




print design - What home printer would allow for exact alignment of front and back?


Note: I'm not a graphic designer, but this seemed like the most relevant place to post. Feel free to send me off somewhere else if I'm not in the right place.


I would like to make some notebooks with double-sided grid paper that I've already designed, but my printer seems like it doesn't allow for absolutely exact alignment. Even if one side prints nice and straight, the other side will be slightly skewed left to right by one to two millimeters, which I read from an earlier post is a pretty reasonable variance for a home printer. So I suspect it's not possible to get both sides completely aligned on this printer – but if I'm wrong, please let me know how.


What kind of printer would allow for absolutely exact alignment? Is there any difference between inkjet and laser in this regard, or a more expensive printer versus a cheaper one?




marketing - Pricing your Kindle ebooks at Amazon


Basically, I would like to know what's the optimal price for ebooks published at Amazon (via Kindle Direct Publishing.) By "optimal" I mean the price that is more likely to generate sales.


I'll try to be as specific as I can:


Novel




  • 60,000~70,000 words

  • Literary Fiction

  • Self-made cover


Novella



  • 20,000~25,000 words

  • Literary Fiction

  • Self-made cover



Short Story



  • 9,000~10,000 words

  • Literary Fiction

  • Self-made cover


How much should a new author charge for the cases described above?


(I published a 7K word short story before, and left it as $0.99. But I heard somewhere you should never sell yourself too low?)



Answer




Dean Wesley Smith famously advises against pricing anything at $0.99. That's the discount bin. It tells buyers that it's a cheap read, not that it's a good read.


Why not price your book as if you expected readers to want it?


Here is a bunch of advice from Dean about indie pricing: http://www.deanwesleysmith.com/?tag=pricing


typography - What's with size-specific fonts?


Google Fonts has a font called Slabo 27px – 27px is part of the font name because the font is made for that specific size.


Do you know what’s the point of this?


enter image description here


The font seems the same to me at 16, 26, 27, 28, 32 px etc.


Setting it at 27 px doesn’t add or remove to the rendering quality of the font. I’d understand if it was pixel font where each vector-box needs to be a screen pixel yet that is not the case here.


I tried to Google it to no avail. The author doesn’t say much about it either.



Answer




TL;DR


What you are asking about is called optical sizes. It is the optimisation of typefaces to the size at which they will be viewed – in relation to the viewer’s field of vision, not the pixel resolution. For example, ideally you wouldn’t use the same glyph shapes for footnotes and headlines.


What optical sizes are not


Optical sizes have nothing to do with the rasterisation of fonts for different pixel resolutions. For example, you wouldn’t use a larger optical size for printing (which typically has a much higher resolution), and if you want text to be read from a large distance, it can make sense to use a small optical size for gargantuan letters. Optical sizes even exist in movable type (in fact, they were the default in movable type).


Adjusting the rasterisation of a font to the resolution is mostly done by special software routines nowadays (see hinting). If you want you can store pre-rendered rasterisations in a font and manually tweak them (some high-level fonts do this); therefore there is no point in having different font files for this. So, Slabo 27 px is not really fine-tuned for being rendered at a certain pixel size, but at a font size of 27 (in units which existed before computers).


Why no just scale the glyphs?


A font aimed at large optical sizes is typically too narrow and thin for use at small optical sizes. For example, if I use the very same font for the headlines, the body text and footnotes, this will likely not look as harmonious as it could if I would be using optical sizes. This phenomenon is strongly related to the problems of faux small caps and automatic super- and subscripts.


Examples


Slabo


Let’s start by looking at Slabo 13 px and Slabo 27 px rendered at the same size:



enter image description here


As you can see, the larger optical size is narrower and has more prominent capitals. But it’s not just a matter of stretching glyphs and changing the capital letters. Here are the two fonts stretched such that the lowercase letters are superimposed (Slabo 13 px: blue; Slabo 27 px: red):


enter image description here


As you can see, a lot of details are different.


Linux Libertine


Linux Libertine comes with a display variant intended for titles and similar, which is a larger optical variant, if you so wish. This is what the typefaces look like when rendered at the same size.


enter image description here


As you can hopefully see, the bottom typeface (the display variant) is slightly thinner and in particular has finer serifs.


Below I have rescaled Linux Libertine Display (now at the top; think of a headline) such that its serifs have the same size as those of the regular Linux Libertine (below):


enter image description here



Hopefully the result looks somewhat harmonic. By contrast, if I use the regular font in place of the display variant, the headline looks overly dominant:


enter image description here


Further reading



Tuesday, February 26, 2019

forms - Sign-up: Does the "confirm email" field work?


How many people sign up with a wrong (mistyped) email address when:



  1. you have a "confirm email" field

  2. you don't have a "confirm email" field



There is a very similar question on ux.se but it doesn't tackle the main question (namely if "confirm email" fields work or not)




adobe illustrator - Why doesn't my opacity mask fully hide my object?


I've got a problem with masking. I've made an object and masked it over. The masking effect is visible, but it should go behind the object. The transparent part should be at 0% visibility, but somehow it's still visible and I'm not sure why. How do I fully hide this part of the object?


enter image description here



Answer



Either your mask opacity is not 100% or the colour you use isn't fully black.


Especially if you work in RGB and you chose the standard black swatch, it is possible that it is instead a very dark gray (actually CMYK black), which translates to barely but still visible in masking.


Change the colour of the masking black object to actual RGB (0,0,0). If that doesn't work, check your mask opacity.



Monday, February 25, 2019

Email Reminder Best Practices


I'm working on the email reminder system for a business-to-business social networking site.



I'm not sure how often to send out email reminders for users who have actions to complete. Or even how many to send out.


Personally, I've had one site send me email reminders every day for a week, while others only send me one after five days or so. One is definitely more annoying than the other, but it is more effective?


I'm assuming the task that the user is being reminded about probably determines this to a certain extent. For the site I'm working on, one particular action could require a few hours to complete (uploading a list of products) but other actions, such as connecting with another user, are not very time consuming.


Has there been any research done on the subject?



Answer



How about letting the user decide? Start with a fairly aggressive frequency, say a digest of reminders delivered once a day. Perhaps send the digest out late in the morning (according to the user's time zone) so that its something the user encounters when they first hit their inbox in the morning.


At the bottom of each digest place a large, easy to spot button, labeled "Send Me Less Email". When clicked take the user to a very easy to understand alert preferences interface where they can choose to be reminded every day, every other day, once a week, or not at all. Also allow the user to choose specific events to be reminded about immediately (keep this option as completely opt-in).


libor - Curve building dates overlapping impact on discount factor



I'm building a short end of the libor curve using deposit & fra due to overlapping in dates I get wrong values of Discount factor, here's the data i'm working with:



  • My today date is : 23/10/2019

  • Start of my deposit 6m contract is 25/10/2019 end date is 27/04/2020,day count is act/360 with rate 5%

  • Start of my fra 6x12m contract is 27/04/2020 end date is 27/10/2020,day count conv is act/360 with rate 5.2%


Can someone please explain how to manage that overlapping between deposit and fra? and how to get the right discount factor ?


thanks



Answer



There is no overlapping, the first instrument is tied to the LIBOR rate starting at $25/10/2019$, the second one is tied to the LIBOR Rate at $27/04/2020$.



For the sake of clarity, let assume that the spot date and today's date are the same, that there is only one curve (LIBOR Curve).


WE use the definition of the forward rate starting at $T$ and ending at $U$ as $$F(0,T,U)=\frac{1}{U-T}\left(\frac{P(0,T)}{P(0,U)}-1\right)$$


where $P(0,T)$ is the zero-coupon bond paying one unit at time $T$


$T_0= 25/10/2019$,$T_1= 27/04/2020$ , $T_2= 27/10/2020$


We have that $$0.05=\frac{1}{0.5}\left(\frac{1}{P(0,T_1)}-1\right)$$, therefore


$$P(0,T_1)=\frac{1}{1+0.5\times0.05}$$


As for the FRA : $$0.052=\frac{1}{0.5}\left(\frac{P(0,T_1)}{P(0,T_2)}-1\right)$$


Thus, $$P(0,T_2)=P(0,T_1)\frac{1}{1+0.5\times0.052}$$


Overlay to make image look dusty with fragmented text


I might be utilising the wrong terms, for I was unable to find any relevant images on both Pinterest and Google Images.


I am looking for an illustration with transparent background and here and there spots to cover the content and make the picture beneath it look as if at an abandoned place. For the text, I might be able to find a font.


Here's the effect aspired: enter image description here



Any recommendations/conceptions how can I accomplish this? Appreciations in advance!


EDIT


So far I could only do this: enter image description here




typography - Why some fonts have the 'f' and 'i' joined


I noticed today that when I type a word with the character pair fi in it, the f changes when the i is typed to have a longer top and the dot above the i is removed.


I was wondering if this occurrence has a name and, additionally, do fonts that support this functionality have a categorical name?


enter image description here



Answer



This is called ligature.





In writing and typography, a ligature occurs where two or more graphemes or letters are joined as a single glyph.


Many ligatures combine f with an adjacent letter. The most prominent example is fi (or f‌i, rendered with two normal letters). The tittle of the i in many typefaces collides with the hood of the f when placed beside each other in a word, and are combined into a single glyph with the tittle absorbed into the f.



fi as example for ligatures



  • Further reading: there is already a question on graphicdesign.stackexchange about when someone should use ligatures, where at least the accepted answer is worth reading.


Publishing a Children's Picture book -- Question about an App and a Printed version



I've written and had illustrated a children's picture book.


I'm thinking of making this into an App for download from the Apple Apps store.


I'm also considering looking for a publisher to publish a printed version of the book. Perhaps via an agent.


I'm reluctant to sell the digital rights to a publisher (the rights to sell an App of the book) because I figure that since digital publishing is new, then publishers probably have lots to learn about it, and so I can perhaps do just as good a job as an established publisher can do in marketing the App. And if I publish the App myself, I would not need to give away a percentage of the revenue to a publisher. But equally, I don't know a lot about this yet, and there might be advantages that a major publisher would have, that I don't know about.


For a printed version, I do believe a publisher can do a much better job than I can in getting the book into bookstores, simply because of their connections with distributors, etc.


I'm guessing that an interested publisher would want the digital rights / rights to the App, if I don't first publish the App myself.


I'm guessing that the deal would be less attractive to a publisher if I don't offer the digital rights. But that if I publish the book as an app first and get a good number of sales, then this should demonstrate that the book sells well and therefore that it's worthwhile for a publisher to take on the printed rights only.


So I'm thinking of publishing the App first, and then approaching publishers or agents to offer the rights to the printed version.


Does this strategy sound sensible?



Answer




I think you're going to need to figure out which is more important to you - getting traditionally published, or keeping dgital rights. Not that you can't necessarily manage both, but it'll be a long shot at best. A couple of considerations I can offer:



  • Contracts are negotiable. You can shop around your book, and see if you can negotiate a contract where you keep digital rights. If that's important to you, you might be willing to give up other reimbursement to keep the digital rights, or to get more of a share of e-book profits.

  • First publication rights are important. If you e-publish on your own, you'll never be able to meet a contract that demands those rights.

  • Your leverage in negotiations is correlated to the quality and projected success of your book. Which goes in several directions:

    • If your book is exceptional, you might be able to get a non-standard contract right from the start.

    • If your book does exceptionally well as an e-book, that gives you leverage to negotiate a non-standard contract.

    • If your book doesn't do very well as an e-book, then you'll be missing the leverage to negotiate for the rights you've already made impossible to offer.




  • Is a children's e-book a viable product? I don't know the field here very well, but it's crucial that you check this out before committing. I don't know many parents happy to let their 4-year olds play with their iPad. Childrens' books sound like tougher sells as an eBook than other work. Or, maybe they can have animations or voice narration that make them great for kids (and that you'll want to be sure to include!) Be sure you take this into consideration, particularly if you're counting on the eBook's success for further development.

  • Digital rights can be re-negotiated. You've made the unwarranted assumption that a publisher interested based on e-book sales won't try to negotiate for the digital rights. That's really not necessarily the case - they could negotiate for those as part of the contract.


My concern about your proposed strategy is that it really only works if both (A) your book and marketing are great enough to be a persuasive e-publishing success, and also (B) your book is not attractive enough for a publisher to relinquish digital rights to begin with. Now, there's definitely some territory there, but IMHO that's an awfully narrow target to be aiming for. Recall also that a publisher's primary function is just publicizing and distributing your book - so e-sales with a publisher and a commercially-sold real-world book might be a lot higher than if you're publicizing just the e-book all on your own.


My inclination would be to shop around the manuscript now to agents and publishers, and see what you can get for it. If you get an offer that satisfies you, then great. If not, the self-publishing avenue is wide open. And if you do wonderfully there, you can always go back to the publishers for a second round with more leverage.


sketch app - Sketch3 | Is it possible to create a text table?


Just a super simple text table... enter image description here


I'm fairly new to Sketch, and I'm sure I haven't cracked even a quarter of what can be done with the program. So I wasn't very surprised when I realized I have no idea how to make a table.


I searched through the application, as well as Sketch resources online, and I am surprised to see that it may not be possible! I haven't even seen anyone bring the T word up in the same sentence as Sketch. Is it possible that a web design application wouldn't have tools for one of the most basic HTML elements? Or am I missing something very obvious?



Answer



There is no functionality for making tables per se, but with a combination of symbols and a plugin called stack children you might be able to make tables easier. It doesn't automatically generate a grid like your example, but if you create a symbol out of a row of the table, the plugin will help you align them one under the other.


enter image description here


Sunday, February 24, 2019

backtesting - What is the ideal ratio of in-sample length to out-of-sample length?


Suppose you are running a portfolio of quantitative strategies and that you develop a new potential strategy to be added to the mix. Assume for simplicity that the new strategy is independent of the existing strategy. The new strategy relies on data which is available going back X years. You proceed by backtesting and optimizing the parameters of the new strategy on an "in-sample" portion of your dataset, while reserving an "out-of-sample" portion for validation. The new strategy's weight in your portfolio will be determined by its out-of-sample performance. Your goal is to maximize your overall Sharpe ratio. What is the ideal ratio of in-sample length to out-of-sample length?



Answer



Interestingly enough there is no scientific theory that suggests what fraction of the data should be assigned to training and testing and results can be very sensitive to these choices.


From Quantitative Trading by Ernest Chan (p. 53-54):




Out-of-Sample Testing Divide your historical data into two parts. Save the second (more recent) part of the data for out-of-sample testing. When you build the model, optimize the parameters as well as other qualitative decisions on the first portion (called the training set), but test the resulting model on the second portion (called the test set). (The two portions should be roughly equal in size, but if there is insufficient training data, we should at least have one-third as much test data as training data. [...]



For more sophisticated methods see Evidence-based technical analysis by David Aronson p. 321-323.


I would add that once the strategy has been revised to reflect such data it is no longer "out-of-sample" or in other words: If you optimize your strategy "out-of-sample" you will incur data snooping bias via curve fitting nevertheless! Or as Aronson puts it:



the Virginal status of the data reserved for out-of-sample testing has a short life span. It is lost as soon as it is used one time.



accessibility - How to determine whether links have enough contrast?


I find it very hard to distinguish links from normal text on Programmers Stack Exchange, especially visited links on wall-of-text posts. The colour scheme used is:


Background    #fafafa (there's a background image, that's mostly #fafafa)
Normal text #333333
Normal Link #B64D27
Visited Link #7F3A21


An example of a wall of text post is this answer, one of mine. When proofreading I couldn't see the (visited) link to the Wikipedia article on the first paragraph -- actually thought I forgot to add it!


Is it just me, or is this problem likely to be shared by a significant number of users? I have no idea how to approach this from a user experience perspective, proper lingo and all, I'm looking for answers that reference established practices and / or studies that shed light on whether the colors should be revised. I'll present those findings on Programmers meta.



Answer



There are no rules, at least no hard and fast ones. Following research to the letter can result in making an ugly site--blue links work best, but blue links on a red background are hard to read! The research however can guide you to the "best practices" and your maintain your sense of good aesthetics so you know when to break from convention.


While there are no rules, there are lots of guidelines; some outdated and some very good.


The Past


The old standby for link appearance is Nielson's Alertbox posts:
Visualizing Links and Change the Color of Visited Links




People get lost and move in circles when websites use the same link color for visited and new destinations. To reduce navigational confusion, select different colors for the two types of links.



These posts give a good basic summary, but they're quite old. The big thing to take away is that links should be a unique, consistently chosen color and visited links should be a clearly different and consistently chosen color. Don't put too much stock in the statistics however as the web has changed a lot in 7 short years. We'll get to current stats next.


The Present


Probably the single most important piece of research on links is a Google experiment showing blue links are clicked more. Non-blue links are clicked less, so one's color scheme should take this into account. Blue should be avoided for body copy due to this, as should underlining.


As for visited links, here's a great, up to date article on the state of visited links on the web by Kevin Simons; Where Have All the Visited Links Gone?


Simons notes that visited link color use has dropped sharply--I'd go so far as to say in 2004 most sites probably just never bothered to style their links, resulting in the default visited link color change. Simons points out the main use of visited links is to help a user keep track of where you've been:



Specifically, pay attention to the cognitive effort you have to expend on sites without a visited link color, just to keep track of where you’ve been. You’re sure to develop a renewed appreciation for the visited link.




Does the user need a reminder that they've already navigated to this link? If they don't, the link style probably shouldn't change at all. Note that for top level navigation elements a visited link color may be unnecessary and visually ugly (do I really need to visually SEE that I've never used the Contact Us section?).


For dynamic pages, a visited link color may be downright misleading; many web apps today have dropped the visited link convention as "visited" doesn't mean much in the context of an application or dynamic pages.


If you do need to make a distinction between visited and unvisited links, Contrast is King.


Contrast


As Leslie Jensen-Inman from A List Apart notes:



Using contrast effectively not only differentiates your design from others, it’s the essential ingredient that makes content accessible to every viewer.



The article goes into good detail of how contrast is important and how to use contrast effectively; I strongly suggest you give it a careful read.


They note that for accessibility reasons you should check your colors against common colorblindness simulators to make sure the contrast is suitible for colorblind users as well as non-colorblind users. Consider daltonizing your colors to see if they work better.



They also bring up CheckMyColors.com, a great site which will allow you to check the background/foreground contrast of all elements of your site at once.


Note that foreground/background contrast will not tell you whether two foreground bits of text have enough contrast! This is why you can't just use the Color Contrast Checker like some have suggested and call it a done deal.


Here's a great guide on Typographic Contrast which will help you put together all forms of contrast to make a nice flowing site.


Bottom line, contrast is great to differentiate things but it should be used appropriately. If there's really no reason to differentiate links that are visited and not visited, don't. If maximum contrast or standard link colors are too ugly with your current design, try something different.


Only real users can check if your links are distinct and functional.


user behavior - How to emphasize/mark one option over the other?


I'm attaching screenshot of the current section.


enter image description here


The left option, is the free option(obviously), while the right one, is the paid option, marked with "locked" emoji.


I'm trying to increase the "awareness" of the right(paid) button, and even create a more positive connotation to him, comparing the the "free option". Maybe, some how make them feel like the free option, is "cheaper"/"degraded quality", comparing to the paid one, which is far better?


What would you suggest, from your experience?


Edit :



enter image description here



Answer



Simple fix: Make the paid option look more attractive. In your current design, both options are equal in look except for the lock icon (which you may consider removing as it may deter users).


Here's a simple fix to the icons:


Low Quality vs. Full HD


Side note: I wouldn't argue that Full HD is perfect for social media, which is overwhelmingly compressed and low-res pictures and videos. Maybe rephrase to, "Looks great on any device". You also might consider including all the additional reasons to upgrade on the first view to interest users.


Edit to Answer Comment 10/16


Based on your other screenshot, I'm going to assume your view is a 9:16 vertical space. Under each option, maybe list out the details and benefits. For example:


Select your Export Resolution


Low Quality




  • Free

  • 1280 x 720p

  • 3 exports


Full HD



  • $2.99

  • 1960 x 1080p

  • One-time purchase for unlimited exports



This or something similar would negate for the need of the lock, as the user will see up-front what each option gets them and costs.


Example (From Soundcloud Pro page):


Soundcloud Pro


design - How could petrol forecourts be designed to improve efficiency?


I am always shocked when I go to a petrol station. The layout- in the UK, at least- seems to be fairly standard. But it always seems to me to be incredibly inefficient.


These are the issues:



  1. When you have two pumps- one in front of the other- and the second pump is in use, nobody can access the first pump.

  2. When you pay for your petrol, you can get stuck in a queue at the checkout.

  3. Nowadays many petrol stations also have a shop, so many people in there won't even be buying petrol at all, but will delay petrol-buyers further.


i.e.



In the diagram below, pumps 1,3,5 and 7 are all not in use despite a queue of traffic down the road waiting.


Whatsmore, the four drivers using the other pumps are having to queue in the shop to pay*, while the lady at the front of the queue is holding up the whole station by buying her weekly shop, and a bunch of scratch-cards.


enter image description here


Can anybody suggest ways to make the process more efficient, without expanding the size of forecourt or employing more staff to take payment?


**I'm aware that some petrol stations now allow paying at the pump directly. This definitely helps, but my experience is that people tend not to use that facility if they can avoid it.*



Answer



Single row of pumps, set at an angle. Vehicles can then enter, fill and exit without blocking anyone else or risking scratching another vehicle.


Would require a long narrow piece of land to accommodate this layout.


enter image description here


calibration - Local volatility SVI parametrization


In this paper Gatheral presents the following parametrization of the implied total variance $w(k,T) = \sigma_{BS}(k,T)^2T$ for each slice $k \mapsto w(k,T)$:


$$ w(k) = a + b\{\rho (k-m) + \sqrt{(k-m)^2 + \sigma^2} \}.$$


As far as I understand it, for each expiry $T$ one will have to calibrate a set of five parameters $\{a,b,m,\rho,\sigma\}$.


On the other hand I found the following article where in appendix A, a calibrated volatility surface is presented. But in their example there is an explicit dependence on $T$, so then they will have a "simple" specific expression for the whole volatility surface.


Another thing I've noticed when reading articles about various parametrizations that there seems to be some inconsistencies regarding implied total variance. Gatheral defines it as $\sigma_{BS}(k,T)^2T$ but I've seen in other articles people parametrizing on $\sigma_{BS}(k,T)^2$ or $\sigma_{BS}(k,T)$ instead.



Summarizing: My question is primarily if one has to calibrate SVI for each expiry slice or if it is possible to parametrizing the whole surface in a way such that the total number of parameter does not increase if more expiries are added.



Answer



Gatheral and Jacquier discuss this issue in section 4 of the paper. Instead of using the raw parameterization of the SVI, they use the natural parameterization of the total implied variance: $$ w(k) = \Delta + \frac{\omega}{2} \left\{ 1 + \zeta \rho (k - \mu) + \sqrt{(\zeta (k-\mu) + \rho)^2 + (1-\rho^2)} \right\} (\text{p. 61 of the published paper}) $$


In order to fit the entire surface of the total implied variance, they propose the following generalization. To ensure that the fit is free of arbitrage, they define the surface in terms of the log-moneyness and the at-the-money implied total variance $\theta_t := \sigma_{BS}^2(0,t)t$. The Surface SVI then has the form: $$ w(k,\theta_t) = \frac{\theta_t}{2} \left\{ 1 + \rho \phi(\theta_t) k + \sqrt{(\phi(\theta_t) k + \rho)^2 + (1-\rho^2)} \right\} (\text{p. 63 of the published paper}) $$ Where $\phi$ is a smooth function from $\mathbb{R}_{+}$ to $\mathbb{R}_{+}$ such that the limit $\lim_{t\rightarrow 0} \theta_t \phi(\theta_t)$ exists in $\mathbb{R}$. The parameters that you need to fit for the entire surface are therefore $\rho$ and whatever is needed to fit $\phi$. In practice, you need some interpolation to get $\theta_t$ because you almost never observe a log moneyness of exactly 0.


The function $\phi$ and the parameters have to satisfy certain restrictions for the parameterization to be free of arbitrage. The paper discusses these at length.


Heston and Jacquier propose two possible $\phi$ functions: $$\phi(\theta) = \frac{1}{\lambda \theta} \left( 1 - \frac{1-e^{-\lambda\theta}}{\lambda \theta} \right)$$ Which they call a Heston-like parameterization and the power law $$ \phi(\theta) = \eta \theta^{-\gamma}$$ A while back, I implemented the paper in MATLAB. In the end, I didn’t use the codes so they are not extensively tested. I have uploaded them to the file exchange. Maybe they are helpful to you: http://ch.mathworks.com/matlabcentral/fileexchange/49962-gatherals-and-jacquier-s-arbitrage-free-svi-volatility-surfaces


website design - How can I make my Photoshop text appear like it does on the web?


Do I really have to design everything in Photoshop with anti-aliasing set to "none"? I'm sure there is a better way.


I'd like to have a setting so that when picking a basic web-safe (such as Tahoma) in Photoshop so I can see what it will actually look like when on the web.


For example: The difference between Tahoma with anti-aliasing set to "crisp" in Photoshop and how it renders in Firefox is major. It looks nice and smooth in Photoshop and looks like crap on the web.


Is there a anti-aliasing choice that is best to start with (that has the most similar outcome) when planning to have the content live on the web?



Answer




Most operating systems and browsers render with antialiasing or sub-pixel antialiasing. Sub-pixel antialiasing is common on desktop platforms, like Windows (with ClearType) and OS X. Standard monochrome antialiasing is common on mobile platforms, where the device's sub-pixel order may change with device orientation, and where sub-pixel rendering isn't as crucial, because they often have higher pixel density displays.


Aliased text rendering is common on Windows XP, where ClearType is disabled by default. Windows Vista and newer have ClearType turned on by default.




Rendering in Photoshop vs Windows vs OS X vs iOS vs Android vs WebKit vs Firefox (Gecko) are typically all different. So there's absolutely no way you can build something in Photoshop and know that the text rendering will be the same, unless you take a screenshot and add it to your document as a bitmap layer.


How to use photoshop file in Indesign for print (having Pantone colors)


I have a question for you guys... :)


I have Pantone Colors in my photoshop files. However, I am also using Indesign to do final composing and exporting of the design.



I was wondering what is the best way to export file from Indesign to ensure Pantone colors in Pantone is embedded. Any setting I need to check??


Thank you


L.



Answer



If your PSD contains any vector information, don't place it in the InDesign layout. Save as a PDF instead, and place the PDF. The reason for this is that a placed PSD is always a raster image in InDesign, because Id uses the raster layer that Photoshop saves within the PSD. A PDF retains all the vector information and makes it available to InDesign. A quick test will demonstrate the difference. I discussed this point here a while back.


Note that a Smart Object, even if the image it contains is a vector, always exports as a raster image, even to PDF, so create text and vectors as actual text or shape layers.


There are some peculiarities that you must be aware of:




  • Spot colors must be Spot Channels (New Spot Channel from the Channels Panel flyout menu). Simply assigning a PMS color to an object in a regular Photoshop layer results in an RGB representation of the color; it won't show up as a spot color in any other application.





  • Spot color channel data in a Photoshop PDF will not show up in InDesign unless you turn on 'Overprint Preview` from the View menu. The PMS swatches will appear in the Swatches Panel, though.




  • Because spot colors can only be transferred from Photoshop [to the PDF] to InDesign as spot channels, which are always raster, the PDF technique won't help with PMS text or vectors. Create spot color text or vector graphics in InDesign.




Saturday, February 23, 2019

How to make this 3D photo wall effect in Photoshop?


How can I create a photo wall effect similar to this with Photoshop CS6?



I tried with Warp, but it looks so bad and it's nowhere near comparsion. I also tried with Edit->Transform->Perspective, but then it looked more like this and not what I wanted.


I'm also trying it on a smaller image (800x415) and I have lots of thumbnails similar to the ones in the original hulu image, but I merged them into one big image with the idea that it'll be easier.





adobe photoshop - How to replicate this texture effect?


I want to express this texture but I do not know how. I think I used a Photoshop filter. I tried using noise and spray brushes with no success.


enter image description here enter image description here




How can to edit the text in a JPEG image in Photoshop?


I have JPEG banner without the PSD file, and i want to edit some text and images in it. I have no idea how to do this, any suggestions?





Friday, February 22, 2019

website design - With the invention of CSS3, should a web designer use Photoshop?


I see that many designers create beautiful web design works in Photoshop, but now with the arrival of CSS3, when they want to change that to HTML & CSS, they simply start from scratch and create something around 80% of the final design using CSS3.



For example, they use border-radius, opacity, background gradient, box shadow and text shadow, and other CSS3 rules to get what they've created in Photoshop. Many times they only import an image from Photoshop, which is more like a brush work or a logo, or anything like that.


My question is, should web designers still use Photoshop for creating something, from which only 20% would be useful to them?


Can a web designer create the entire design directly in HTML & CSS without bothering to add another middle layer of creating a design in Photoshop, and then simply create the remained elements there?



Answer



Gotta disagree with everyone. Photoshop is not a tool for designing a web site. It's a tool for sketching out a web site. The web site should still be designed in the medium that it's in--which tends to be CSS, HTML and JS.


That doesn't mean you don't use Photoshop. But you certainly don't have to.


I'm a huge fan of not ever showing web site designs in photoshop to clients. It's not the medium the site will live in. Photoshop comps offer no ability to communicate interaction, device differences, browser idiosyncracies, clickability, responsiveness, etc.


Admittedly, in reality, a lot of the time you still need to show JPG mockups. Fine. Use Photoshop for that. But don't then take that PSD file and slice and dice it into a web site. That made sense in 1999. No so much today. Instead, take that PSD, and just use it as a guide. This is 'roughly what the site should look like but take into account the fact that it's being built in CSS/HTML/JS and accomodate as needed.


So, to answer the question:




Can a web designer create the entire design directly in HTML & CSS without bothering to add another middle layer of creating a design in Photoshop, and then simply create the remained elements there?



Yes. One can certainly do that. I've seen that done in parallel with PSD designers. The biggest problem with the PSD approach is when you're working on an agile team. Heavy files used for documentation (such as PhotoShop) become rather large burdens to the Agile process and end up adding more issues than they solve. We tend to then work in reverse...we sketch in PS as needed, and then design and build in HTML/CSS/JS. When we then need to make quick visual updates for meetings, we'll just screen-shot the working presentation layer markup, and slap it in PhotoShop and tweak quickly.


style - How can a screenplay writer learn to write a novel?


I am the sort of person that is really great at coming up with amazing ideas, plot-lines, worlds, etc. for stories, but I'm not so good at putting them to paper - at least not in a novel. I'm really great at adapting stories through actions and dialogue. Essentially, I write like I'm watching a movie - I'm fast paced and don't like getting caught up in setting descriptions or internal monologues. Because of this, I can write pretty spectacular screenplays, if I do say so myself.


Now I'm trying to adapt though and write novels. I'm having a difficult time figuring out how to write good prose when I'm so used to writing screenplays. I can say that it's not a matter of practice - I practice a lot. Very little progress is ever really made though... Does anyone have any suggestions for me as to where I can look to learn how to overcome this?




Answer



Obvious answer is to read more novels. At the same time, don't worry about your previous skill set; novels are as much about dialogue as they are prose. Try and have a strong grasp of figurative language while still remaining clear in your description of events.


Otherwise I recommend learning to slow the pacing of the story quite a lot. You have time to be indulgent in v prose that you v don't in a screen play.


For an interesting middle ground, try writing a comic first. Comic writing is almost exactly like screen play writing except for the fact that it allows more structural play.


vector - Drawing people, where should I start?


I've got zero experience with drawing in real life and I don't have a tablet. Neither do I know anything about human proportions. But I do know my way around Photoshop & Pixelmator. My goal is to draw people somewhat like:


enter image description here


Are there any good tutorials or books out there which I should check out? I don't want to mess with it until it looks good, I'd rather start bit by bit so I get good at it.


(Image from American Presidents by Peripatetic)




Thursday, February 21, 2019

criticism - What to look for when criticizing poetry?


A recent question got me thinking about how to criticize poetry well and I realized I am not very good at it. I can do themes, and that's about it. And I'm not even sure that should be covered unless explicitly asked for as was part of the issue in the linked question. So what do you look for? Do you talk about meter and rhyme schemes? Do you mention their use of slant rhyme isn't as successful as they intended it to be? How do you make it a scholarly activity that leaves personal preference for things like uplifting tone completely out of the equation?



Answer



I studied literature at school, and the most important thing I learnt is that the obejctive of a poet is to transmit something, whether an idea or a feeling. To do so, the poet uses a range of techniques to craft their poem.


While reading, one can experience the idea or feeling in a leisurely way, at an instinctive level, or one can dive into the poem and consciously understand how the whole works. It's a bit like cars. I don't need to understand the mechanics to enjoy the sound of an engine, but my father's enjoyment of a car would never be complete unless he understood the mechanics that produce those particular sounds.


So, if you want to critique a poem in a structural way, here's my suggestion:





  1. read it and feel it (which means you can enjoy it or dislike it)




  2. identify the topic and the theme




  3. break the poem into its parts (stanzas or lines) and see how the theme evolves through the poem (eg.: it can start with a chirpy happiness that dwindles into melancholy)




  4. look at the rhyme and the rhythm (it helps to know technicalities such as rhyme schemes and metre) and see how they underline or oppose the ideas





  5. look for rhetoric figures and see how they underline or oppose the ideas being transmitted




If you don't know any rhetoric figures, focus on the following points:


a) parallel and opposing structures (in sentence structure, but also in sounds, ideas, ...)


b) repetitions and contrasts (of sounds, adjectives, ideas, ...)


c) comparisons and metaphors


d) general images and allegories



e) connotation of words


Remember that the important thing is the effect those figures transmit.


Now, repeat the first step: read and feel the poem. Do you still get the same feeling of the first reading? If so, great. If not, what changed?


Finally, decide why you like it. If you happen to dislike it, it is even more important to identify the reason:




  • Is it about the general message?
    I typically dislike 'in your face' messages, as I prefer subtlety in poetry, with images, allegories and symbolism. If this is the case, feel free to explain your lack of enjoyment as being caused by your personal likes rather than the poem itself.





  • Is it a particular technique or structure you dislike?
    I don't typically enjoy poems with long stanzas and I really hate poems that go for a disharmonic vibe. It's a tool like any other, but I can't stand it. If this is the case, again feel free to explain the reason for your lack of enjoyment. Remember that it's hard to analyse how well the author used their chosen techniques if you feel a strong dislike for the work, but make sure you tell them it's not a problem with them or their work, it's really about your tastes getting in the way of impartiality.




  • If it's none of the above, did the author fail to use the best tools (or used them badly), giving you a conflicting feel of the general work?
    This may require you to repeat the analysis of the whole piece looking for what sparks the dislike. Once you identify it, check one last time if the problem was poor skill on the author's part or if you simply don't enjoy that particular technique.




If you are still confident the problem lays with poor skill, point out how the words (or lines, rhymes, ...) create an effect that doesn't help transmit the message.


As an alternative to the long process described above (although, with practice, you can do this in about 5 minutes for a general analysis and 15-30 minutes for an in-depth one), you can ask 'how does the poem create feeling X?'. Of course, you'll still end up covering most of the points.





Remember that very word - and every missing word - means something, whether the author meant it or not. Some examples:


If the lines are short, they can either give a feeling of lightness or of brevity.


If there are a lot of short, open vowels (eg.: cat, sit), then the tone is likely to be lighter, but if the vowels are long and closed (eg.: door, loose) then the tone is likely to be heavier.



Wide waves wandering
aimless
in the dark sea.



In this short example, the first line has the 'w' sound repeated at the beginning of each word with a rhythm (in sound and sight) that reminds one of the shape of a wave. Being a long line also underlines the spacial idea of 'wide' (because the poem is wide).



The second line is short, being a single word, and gives a sharp contrast to the other two, which are longer. It makes that idea more powerful. Notice also the vocalic sounds at the beginning of the words in both lines and how that similaritude connects the two lines in the absence of rhyme.


The words 'aimless' and 'dark' have a negative connotation here. 'Wandering' becomes negative, too, especially because 'wandering' and 'aimless' work together in a loop which the word 'waves', underlined by the repetitive 'w', helps to conjure into the readers' mind.


Please note that traditional word connotations can be undone by the context. The word 'dark' is often assumed as negative and, yes, it can be negative when talking about death, but it can also be positive when talking about night skies or a lover.


Finally, if you find that the poem you're criticising is about death but seems to have a multitude of positive words and ideas while the lines and the rhythm give you a light-hearted feeling, perhaps point it out and ask if that was the intention because, to you, it felt like the tone was detracting from the general effect.


Wednesday, February 20, 2019

short rate - Vasicek model: joint simulation with discount factor


In Vasicek model, we have the following relation to get Discount factors given the value of short rate: $$P(t\,,T)={{e}^{A(t,T)\,-\,B(t,T){{r}_{t}}\,}}$$


So, Discount factors are known as soon as we know the short rate. But then in some references like Glasserman (pg. 115) there is a whole subsection on "Joint Simulation [of short rate] with the Discount Factor" where he talks about simulating the pair $$({r}_{t},\int_{0}^t{r(u)}du)$$.


Piterbarg's book has something similar too. So my question is - why do we need to simulate Discount factor if we have an exact analytical result.



Answer



Although it's been a long time this question has been asked, I'd like to propose an answer in case someone was looking for the same thing.


First, I think there's a confusion between $P(t,T)$ and $DF(t,T)$. The former is the $t-$price of a contract paying $1$ unit of currency at date $T$ while the later is the (stochastic) discount factor at $t$ for flows occuring at $T$. The two are linked through the relationship $$ P(t,T)=\mathbb{E}^Q[DF(t,T)]$$


If $r_t$ is the instantaneous short rate, then $DF(t,T)$ is given by $$ DF(t,T)=e^{-\int_t^T r_s ds}$$ and is a random variable.


Now, the argument of Glasserman is about computing $\int_t^T r_s ds$. In theory, since one has $r_t$ up to maturity on a given path, this is just a matter of doing a Riemann sum. However, this may be very "noisy" because of discretization errors. It turns ou, as AXH mentionned, that $(r_t, \int_t^T r_s ds)$ are jointly gaussian and can be simulated precisely.


risk neutral measure - Pricing of compounded swaps


As far as I understand, a compounded swap rolls up individual payments into one final payment which becomes: $$ V(t_n) = N \prod_{i = 0}^{n-1}(1 + d_i L_i)-N $$


where $d_i$ is the day fraction for period $t_i$ to $t_{i+1}$ and $L_i$ is the index for the same period and where $N$ is deducted at the end because we assume no exchange of notional.


Now, to value this we need to calculate the expectation of $V(T)$ under some appropriate numéraire and measure, but we are dealing with products of various $L_i$'s which are, in general, not mutually independent, so it's not a simple matter of replacing with them forwards.


How is this then done? An internet search only revealed simple formulas using forwards. A good reference text would be welcome.


Add 1


Following suggestions in the comments, if I use the adjusted forward numéraire with maturity equal to the payment date $t_n$ and using $P(t_i, t_{i+1}) = \frac{1}{1 + d(t_i,t_{i+1}) L(t, t_{i+1})}$, then I get: $$ V(t) = P(t, t_n) \Bbb{E}^{Q^{t_n}} [V(t_n)|F_t] = N P(t, t_n) \left(\Bbb{E}^{Q^{t_n}} \left[\prod_{i=0}^{n-1} \frac{1}{P(t_i, t_{i+1})} | F_t \right]-1\right) $$



but I'm not sure that this gets me anywhere.




typefaces - What makes a font a "gothic" font?


It’s easy to find lots of fonts with gothic in their names. But what makes a typeface a “gothic” typeface?



Answer



A gothic typeface is not like medieval lettering at all. It actually comes from grotesk or grotesque which began around 1900. It’s basically a synonym for sans-serif and it is a movement that originated in the Scandinavian area and was widely applied by the Bauhaus.


Hence Akzidenz-Grotesk, hence Century Gothic, and pretty much any typeface with that name in it.


vector - Confused By Copyright Rules


I freelance, but I'm still green in some areas and Copyright is one of them. I know about using/purchasing stock and all that, I have accounts on all the stock sites, but I created a design, which resulted in some issues.The design had some copyrighted material and here's where I'm confused.


My design is complete vector based. I either made my own vector from an image, or I used a Photoshop brush. I was once told that a loophole with using images was that if you make a brush out of an image and create that image using a brush, it's considered a tool and there's technically no copyright. This could be wrong information, or maybe it doesn't apply to certain imagery. I downloaded a brush set that doesn't have any copyright restrictions attached to it and used that to create some of my images that are an issue. So my question is, if I create my own vector or use a brush of an image, let's say Mickey Mouse, could that still create copyright issues?


My next question is fonts. Can words be copyrighted? Some of the issues in my design were words and I understand the issue was probably related to the LOOK of the words, but if I find a font (one free font I found looked similar) can I use this without any issue?



Any help would be appreciated. I haven't had to worry about copyright before, until this project and it confuses me so much!




Why am I only getting grayscales / monotones when applying colors in Adobe Illustrator?



When I try to change the color after tracing a JPEG image in Illustrator and expanding it, it becomes gray. I have tried lots of color changes but the result is always the same.


Why can't I change the color to anything other than gray, on an image I've traced in Adobe Illustrator?


How can I change the traced image's color?




forms - Should I allow users to select a valid but disqualifying option?


I'm working on an application form where a user must be 18 years or older to apply.


Should users be able to select years that would equate to them being younger than 18 or should I remove them from the select list (I know a free form input would be easier, but for this question assume it's a fixed list)?


As an aside, earlier in the app is a section of requirements ("You must be 18 years or older...") and right next to the field is text saying the same.



Answer



Yes, allowing them to select a value which proves they cannot use your service/product can make it clear that the user is not allowed to sign up; using a validation message you can make it immediately clear why they are now disqualified (or allow them to change the birth date if they entered it wrong).


If you disable disqualifying years, users are actually forced to pick a date that's valid; users that ignore the warnings may unintentionally sign up, against your Terms of Service, because they just used the default or lowest allowed age on the form. You're making it very easy to misrepresent one's age if you are underage, even if the user isn't doing so maliciously.



Note most forms asking "Are you over 18?" always have a "No" option, which usually boots the user to a "safe" part of the site or cancels the 18+ action.


Note there are some cases where you don't want to include disqualifying values; credit card forms almost never allow you to give a past year in the expiration date column. This greatly limits the amount of years you can pick from and makes sure you don't think you can use your expired card.


This is also a bit different from the age case; the users' age really is under 18/whatever, so it's valid input. Technically if you're asking for a valid credit card, past expiration dates are not valid, even if such a card really exists.


Tuesday, February 19, 2019

adobe illustrator - Can I reduce the file size of an SVG to be closer to its JPEG equivalent?


I have an image that I’m using on a website. I would like to use an SVG so that it can be any size and still look crisp.



  • This dropbox contains the SVG file as well as the original Illustrator file.


  • This is a JPEG export:



    JPEG export




The SVG has a much larger file size than the JPG. Is it possible to optimise the SVG so that it has a similar file size? I might be able to lose some of the quality if that would help. I’ve tried this SVG optimiser, but it didn’t make much difference.


If I save the illustrator file as a JPG, trace the result and save it as an SVG, then I get a much smaller file size but some loss of quality. This makes me think that maybe the layers in the original are causing the large size? Is the image that I’m working with just too complex to be suitable for SVG?



Answer



Your SVG contains an embedded pixel graphic for the shade in the bottom right of the controller. This is responsible for about ⅔ of the file size. If you remove it, your SVG file is en par with your JPEG. You can probably achieve an adequately similar effect with a gradient.


Other techniques of reducing SVG file size include:



  • Remove all Metadata and similar. Inkscape has Save as plain SVG for this. I suppose that other programs have something similar.


  • Remove nodes that add little to the shapes, e.g., there are spurious nodes on your controller’s shape.



This makes me think that maybe the layers in the original are causing the large size?



Unless you are using absurdly many layers (think of one layer for each object), layers should not make a relevant contribution to the file size, and even then, it would only be a fraction.



Is the image that I’m working with just too complex to be suitable for SVG?



If you can reasonably create an image from scratch¹ it should not be too complex for the SVG format. There is no such thing as a magical complexity threshold beyond which file sizes explode (probably this holds for any vaguely reasonable format). Of course, if you only choose the resolution sufficiently coarse, you can export every SVG to a JPEG that has smaller file size. But that does not necessarily mean that you should not use SVGs.





¹ That is in particular without tracing and similar. To give an extreme example: If you want to exactly reproduce every pixel of a photograph with SVG primitives (i.e., without embedding a pixel graphics in SVG), you might indeed consider the result to be too complex for being efficiently represented in the SVG format. But that’s hopefully common sense.


resources - What are widely-used UK-English style guides?


In the UK, what are the equivalents to Chicago Manual of Style, the Associated Press style guide, Yahoo, APA, MLA, etc? Most importantly, what are their intended audiences? (AP is used for journalists, Yahoo for the web, APA for academia, et cetera.)



I'm specifically asking about style guides that are structured like indexes like the above references, as well as books that compare US to UK english. (The Economist style guide, for example, has a good section on this, but it's also quite short.)


(Note: I'm aware of this general question on style guides, and I'd have no objection to this question being folded into that one eventually. For now, I'm posting this as a separate question to get some attention to the question of UK usage.)




fiction - Breaking up a talky piece of writing


Dialogue is my favorite thing to write. I tend to use a lot of dialogue in my writing, which sometimes results in long, talky passages -- a bit similar to this question about breaking up exposition. The dialogue I'm talking about isn't necessarily infodumping, however. It's just long stretches where my characters are mainly talking to each other.


What's the best way to make this more interesting for the reader? Is it a sign of deeper, structural issues? Or is it something that can be tweaked?



Answer



I'll say what has been said in my own way: A long block of JUST dialogue is generally an under-imagined scene.


The dialogue takes place in a setting, with its own sights, sounds, smells and temperature and humidity and interruptions. If the characters are telling each other things they don't know; they have reactions and private thoughts. Most people are doing things as they talk (or you can make sure they are doing things).


Take a drink. Look up to think. Take a deep breath. Your MC can think of an argument, but doesn't argue it.



Anytime you see a stretch of dialogue that is not explicitly a speech to several others, it should be interspersed with actions, thoughts, conversational conflict (misunderstandings, interruptions for clarification, arguments against a claim, etc), facial expressions, etc.


Have a conversation while somebody is getting dressed, or cooking, or doing laundry. Or at work, dealing with interruptions, or constantly getting text alerts on their phone and reading them.


Dialogue IS action, but it should be fully imagined, in a setting, with emotional reactions and real life happening around them. Even minor throwaway conflicts (meaning they don't change the plot or characters, jump up when the microwave beeps to get your warmed over coffee).


Keep the reader grounded in your imagined reality, don't go a hundred words without touching something real. Don't let them disconnect and drift into a white room of just noise.


Imagine yourself trying to hold a conversation from a sensory deprivation tank, with your eyes closed, only able to hear a voice on the phone. It is an incomplete experience to just have a wall of dialogue.


technical writing - How should I document a product release with an inherently flawed design?



The deadline is looming and someone realizes the product can't be shipped without documentation. Once the product leaves the remit of the software engineers (who obviously only ever write wonderful code) and is passed on to a more objective audience an obvious design flaw is discovered. May be the password is being sent using GET, maybe the so-called REST API is inherently stateful, maybe there is just some kludge which makes loading the data very painful.


Anyway, there is no capacity to change the code to fix the flaw before the deadline. Something must be shipped and documented as-is. The engineering team will have to fix it with a patch in the next version.


What is an effective strategy for documenting such a product? Should the design flaws be highlighted or ignored?



Answer



This is essentially a business problem, which is not to say it is off topic, because technical writers exist to solve business problems. But it is not a problem the writer should try to solve on their own. You have to get guidance from the product manager.


However, there is a very good chance that the product manager has not thought this through, so you may have to go to them an lay out a set of options and their potential consequences:




  1. Document the flaws clearly. Likely consequences: limited adoption. Upsides: avoid disappointing or misleading customers. Hopefully keep them interested in what you are doing for the next release.





  2. Don't mention the flaws at all. Likely consequences: higher initial adoption followed by disappointment and possibly lawsuits when the flaws become apparent. You may turn customers off long term and not have the chance to win them back once the fixed version is released. Alternatively, you may survive the initial disappointment and ride the first mover advantage to a home run with the second release.




  3. Document around the flaws. That is, write up procedures that work around the design flaws. Likely consequences: The product may appear weirdly designed or over complicated on first release, which may not matter if it has unique functionality that people want. Second version can then be sold as a significant upgrade with improved ease of use. However, the time to develop, test, and document the workarounds could delay the release.




Option three is way more common than most people may suspect.


Monday, February 18, 2019

social media - Best practices for Facebook Website Like vs Page Like



When you have a website, I feel like there are two choices of how to utilize Facebook's like button:



  1. I can have users like the website itself and then monitor it via the administration dashboard that facebook provides me

  2. I can have users like my Facebook page (http://facebook.com/vanity-url) from my website


The way I see it as of now - I might as well have users like my facebook page since it will in effect from a user's perspective like my website but generate likes specifically for my facebook page which I will have regardless of whether or not I have a Like button for my website's URL.



  1. Is this misleading?

  2. Does this segregation of logic exist for a particular reason?




Answer



If the user "likes" your web site (or even better, one of the articles on your web site), this is a one time action. As an effect, the user will post an "I like this page/article" on their wall and all their friends (or whatever publicity they choose) will see that post in their Facebook timeline. Then it will vanish into eternity... You will have no more interaction opportunity with this user.


If the user "likes" your Facebook page, then he will become a permanent fan of your page, and thus "receive" every post you make on your Facebook page in his timeline. So this "likes" scenario might have a narrow audience, since this "like" action will only affect this single user, but you will have a better opportunity to provide this user with valuable information. And remember, if your Facebook post is good, then the user might share that post with his friends.


I usually suggest that the main website should invite the visitor to visit/like your Facebook page. All your blog articles should have a "like this article/page" option to provide an independent sharing of your content.


website design - Photoshop: how to reduce the size of a PNG for web use


I have a PNG file that is 2042 x 1250 and is 6.1 MB. When I open with Photoshop and do "Save As > PNG 24" and choose the compressed file size of the two options (the other being no compression) I still get an image that is on the order of a few MB, which, since it is going to be a web asset, I would like to be in the KB and not the MB's. How do I go about intelligently compressing this image to a ballpark range of a few thousand KB?



Answer



The geeky details (you did not ask for)


Some image formats, such as JPG, support Lossy Compression. When a Lossy Compressed image is saved and then rendered back, the image is not 100% exactly as you designed it but just "close" to it, sort of a sketch. Some of the original detail is lost. Since there is no expectation of accuracy, the Lossy Compressed images have the luxury of storing little information about the original design, resulting in small files. They even allow you to specify how accurate the result should be: the less accurate the result needs to be, the smaller the file is.


On the other hand the PNG format, by design, supports Lossless Compression. This means that after the image is saved in a file, when it is rendered back all the pixels are rendered exactly as you designed them without losing any detail. This is great, but unfortunately it means that it has to store a lot of information to render the image perfectly, resulting on big files.


The PNG does its intelligent thing to optimize the information it needs before saving it into a file but you cannot specify, like you do with JPGs, how compressed or accurate you want the file to be. The result is as is and you have no control on how big the file will be.


Some suggestions


Having said that, there are a few things you could do to try to get a smaller file.




  • Big areas of flat colours compress better than complex patterned areas. See if you can simplify your image.

  • Do you have a lot of negative space around the image? Try to trim it down to a minimum.

  • Are you using transparency? If not, consider saving the image as a JPG instead.

  • If you can't save it as a JPG for any reason, but aren't using transparency, then untick "transparency" from the saving options. This will shave a bit of bites from your final result.

  • Consider cutting the image in parts and composing it in the final HTML, like some sort of puzzle. You could save the parts that require transparency as PNGs and the other parts as highly compressed JPGs. The total result should be less heavy.

  • Use a PNG compressing tool (e.g. https://tinypng.com/). Mind you, these tools use a lossy algorithm. They try to simplify your image in order to be able to save it as a smaller file. They do reduce the size of your file dramatically but the end result might loose too much detail. You can always try them and judge the result depending on the application.


If you share your image, I can give you some suggestions.


optimization - Shrinkage Estimator for Newey-West Covariance Matrix



I like to apply the Newey-West covariance estimator for portfolio optmization which is given by $$ \Sigma = \Sigma(0) + \frac12 \left (\Sigma(1) + \Sigma(1)^T \right), $$ where $\Sigma(i)$ is the lag $i$ covariance matrix for $i=0,1$. Furthermore I like to use shrinkage estimators as implemented in the corpcor package for R. The identity matrix as shrinkage prior for $\Sigma(0)$ is plausible.


What would you use as prior for $\Sigma(1)$ - the zero-matrix? Do you know an R implementation that allows to estimate lag-covariance matrices using shrinkage? There must be some basic difference as a lag-covariance matrix is not necessarily positive-definite (e.g. the zero-matrix). If I apply shrinkage to $\Sigma(0)$ and use the standard sample-estimator for $\Sigma(1)$ then it is not assured that $\Sigma$ is positive-definite.


EDIT: The above definition is taken from:


Whitney K. Newey and Keneth D. West. A simple, positive semi-denite, heteroskedasticity and autocorrelation consistent covariance matrix. Econometrica, 55(3):703-708, 1987.


It can also be found here in formula (1.9) on page 6.




equities - How to measure the practicality of a market portfolio for long-term investment?


Do you believe that the composition of the market portfolio that you have found is a desirable or practical one as an investment?


Explain why or why not, based on the positions of your stocks.


I have 30 stocks that I'm analysing and found the market portfolio (tangency portfolio) to have these statistics: Mean=0.03972, S.d=0.0568.


How would I know if the market portfolio is desirable or practical? What should I be looking for exactly?




Sunday, February 17, 2019

Using multiple artboards in Illustrator


I've got a fairly large illustrator work document where I've been mocking up and developing a logo over time. Each 'stage' is presented on it's own artboard to separate it from the previous.



I'm about ready to send this to the client now, but can I export the separate artboards into a paged PDF. What are my options with regard to exporting from this setup.



Answer



Just Save-as PDF. Artboards will turn into pages...


adobe illustrator - How can I create a tight spiral shape? (Archimedean spiral)


I'm trying to create something similar to this example:


example sprial


What tool should I use, or is it just squares and circles attached together? Great if you know a tutorial for this effect.



Answer



Which part are you referring to? If it's the spiral, don't use the spiral tool. You'll want a linear/Archimedean spiral for that. You can find a tutorial on creating those here: http://vectorguru.com/tutorials/013-archimedean-spiral-in-illustrator.html



If it's the circled segments of the spiral, just split your spiral into individual paths and give them circular caps (under the 'Stroke' menu).


If it's neither of these, please clarify and I will try to help/analyse. :)


technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...