Little Card Editor Sun, 02 Nov 2014 15:31:15 GMT Sun, 02 Nov 2014 15:31:15 GMT en-us Fargo v1.68 davewiner dave.winer.12 Little Card Editor 0.64 <p>There's a new <i>Card</i> menu, with a single command, <i>Clear Card. </i></p> <p>Choose the command to start fresh. It empties the text box above the card image, and the image itself, as well as the <a href="">text box</a> in the left margin, under the hamburger icon. The image is replaced with a message asking you to drag an image there. </p> <p>And now that there's a menu there, we may add some more commands. <i class="fa fa-smile-o"></i></p> Wed, 20 Aug 2014 17:33:21 GMT About Little Facebook Editor <p>Here's a <a href="">little app</a>, an editor for a single Facebook post. It's mainly for discussion. I'm interested in knowing what people think.</p> <h4>How to</h4> <ol> <li><p>Sign on Facebook using the <i>Sign on</i> button in the upper left corner. </p></li> <li><p>Click the <i>New</i> button to start a new post. Click OK to confirm. </p></li> <li><p>Enter some text into the text area. When you're ready, click the <i>Save</i> button.</p></li> <li><p>The <i>Go</i> button is now enabled. Click it to open a new tab with the contents of your post, in Facebook.</p></li> <li><p>When you want to add or change the text, edit it in the text area and click <i>Update. </i>You can do this as many times as you like for as long as you like. </p></li> <li><p>When you want to start a new post, click the <i>New</i> button. </p></li> </ol> <h4>What it's useful for</h4> <ol> <li><p>Live-blogging.</p></li> <li><p>Editing articles in a more professional feature-full way.</p></li> <li><p>Using Facebook for writing and maintaining docs. </p></li> </ol> <p>If you have ideas, please post a comment, below. <i class="fa fa-smile-o"></i></p> <h4>Where we can go with this</h4> <ol> <li><p>Cross-posting Facebook content to a blog, an RSS feed, other places that might pop up. (Note that it now becomes easier for new "places to pop up" because the content doesn't have to reside there exclusively. )</p></li> <li><p>To encourage other content systems to have easy APIs for cross-posting.</p></li> <li><p>Archiving Facebook content outside of Facebook.</p></li> <li><p>Sharing my blog content with Facebook readers, keeping the Facebook copy in sync with the blog content.</p></li> <li><p>Of course I want to hook an <a href="">outliner</a> up to this, to manage a library of Facebook posts. This is something I imagine a serious writer would use to compose content for Facebook. It very likely will get me writing in Facebook, seriously.</p></li> </ol> <h4>It's a strategic capability</h4> <p>People have said, many times, that Facebook wants to lock your content in its silo. The existence of this feature says otherwise. And it doesn't make sense that they would care whether your writing has a dual existence outside of Facebook. If anything, it means more real writing shows up in Facebook, and that seems like a good thing for everyone, including Facebook. As I see it, a win-win.</p> <p>It's often surprisingly difficult to get vendors to provide an API that allows people to compose content outside of their environment. In other environments, for example WordPress, Tumblr, Blogger, and other blogging systems, APIs have always been part of the culture (a good thing). Now that we know how to do this with Facebook, we have a strong participant in the web, open in exactly the way we want all the others to be.</p> <h4>JavaScript code</h4> <p>Here's a <a href="">bit of JS code</a> that updates a post on Facebook.</p> <h4>New release</h4> <p>There's a <a href="">new release</a> that has a lot more power.</p> <h4>Comments, questions?</h4> <p>Please use the comment section below to post any questions you have. Not really looking for feedback on this app, since it's just a demo, a proof of concept. </p> Tue, 19 Aug 2014 13:17:34 GMT How to make your cards beautiful <iframe width="960" height="720" src="//" frameborder="0" allowfullscreen></iframe> Wed, 13 Aug 2014 21:01:07 GMT Little Card Editor v0.63 <p>The development of RSS support in <a href="">Little Card Editor</a> continues.</p> <ol> <li><p>There's now an orange RSS icon on the screen, just below the card display, to the <a href="">left</a> of the font popup menu. That of course is where your feed is stored. Here's a <a href="">link</a> to my feed.</p></li> <li><p>Each card has a landing page, that's linked to from the feed. <a href="">Example</a>. </p></li> <li><p>As before, only items that flow to Twitter are included in the feed.</p></li> </ol> <h4>Please report any problems</h4> <p>This change, while it appears small on the surface, was fairly significant in the software. If there is any breakage, the time to find it is now. If you see any problems with the feed, or settings, post a <a href="">comment</a> here, let me know. Later, it may be harder to find/fix problems. </p> Wed, 13 Aug 2014 13:02:57 GMT Little Card Editor v0.62 <p>RSS feed for each user</p> <ul> <li>In this release of "Little Card Editor" every user gets an RSS 2.0 feed.</li> <li>Only items that are sent to Twitter are represented in the feed.</li> <li>Each item has an enclosure that points to an image for the card. </li> </ul> <p>Example</p> <ul> <li>Here's an <a href="">example</a>, the feed for my tweet stream. </li> </ul> <p>More releases coming</p> <ul> <li>This is the first step in the conversion of LCE to be a server-based product.</li> </ul> Tue, 12 Aug 2014 13:58:46 GMT Using a Google Font <p><img src="" width="800" height="600" border="0" style="padding-left: 0; padding-bottom: 10px; padding-top: 0; padding-right: 15px;" alt="A picture named grumpyGratefulDead.jpg"></p> <p>In <a href="">Little Card Editor v0.60</a> you can use any Google Font in your cards. There's a new command in the Font menu that lets you enter the name of the font you want to use. The font is dynamically loaded through the Google Fonts API.</p> <p>In this card I'm using the <a href="">Luckiest Guy</a> font. I have been told more than once that I am this guy. And I agree that I am!</p> <p>One more thing, the "Grumpy wizards.." text is what they use to demo each of the fonts. I thought it would be appropriate to use it to demo this capability in LCE. Particularly over the pictures of Jerry Garcia and Pigpen and the rest of the early Dead, thinking they probably would like being thought of as Grumpy Wizards.</p> Sat, 19 Jul 2014 09:45:45 GMT Little Card Editor v0.60 <h4>New features</h4> <p>In the new version of <a href="">Little Card Editor</a>...</p> <p>You can set the shadow color, shadow depth in both height and width, and shadow blur.</p> <p>You can control horizontal and vertical alignment: left, center, right -- top, middle, bottom, all combinations.</p> <p>The caption text and the message text can be different.</p> <p>You can set the fill color, for images that don't fill the canvas.</p> <p>Choose any <a href="">Google Font</a> for your headline text. </p> <p>Best feature of it all is that the product gets no more complicated for newbies. <img title=':heart_eyes_cat:' alt=':heart_eyes_cat:' class='emoji' src='' align='absmiddle' /></p> <h4>How to</h4> <p><img src="" width="354" height="781" border="0" style="float: right; padding-left: 25px; padding-bottom: 10px; padding-top: 10px; padding-right: 15px;" alt="A picture named leftSidebar.gif">Most of the new features are in a sidebar, which is hidden behind the "hamburger" icon in the upper left corner of the Little Card Editor home page. </p> <p>Just click on the icon and all the advanced controls become visible.</p> <ol> <li><p>If you want to have the tweet text and the text over the image be different, enter the tweet text in the text box, and LCE will tweet that instead. If you leave it empty the text over the image and the tweet text will be the same. This was probably the #1 feature request, for good reason. There's no need to include hashtags and username in the text over the image, that belongs in the tweet. Now there's an easy way to do that.</p></li> <li><p>You can easily change the alignment of the text by clicking in the next group of radio buttons. All the controls are live, meaning the rendering of the graphic changes immediately when you click the control.</p></li> <li><p>Font size and line height control the size of the text and the width between each line. </p></li> <li><p>You can change the shadow color and the fill color. Use light shadows on dark backgrounds, and dark shadows on light backgrounds. </p></li> <li><p>Shadow offset determines how "deep" the shadow appears, and blur softens the shadow. The bigger the number the deeper and more soft the shadow. Again, the controls are live, so when you enter a number the rendering updates immediately.</p></li> </ol> <h4>Important changes</h4> <ol> <li><p>The color popup that used to be in the lower-right corner of the canvas has moved. It's now in the sidebar, accessible through the hamburger slider in the upper-left corner of the page. It's in the group labeled <i>Text, shadow, fill colors.</i></p></li> <li><p>There's a new command at the end of the Font popup in the lower-right command that allows you to enter the name of any <a href="">Google font</a>. Some good ones: Lobster, Indie Flower, Libre Baskerville, Pacifico, Bree Serif, Alegreya, Crafty Girls. This only works with Google's fonts, we make a call to their API to dynamically load the font. You must also spell the name correctly. Otherwise you'll probably get Arial (depending on your browser and OS). I added a link to Google Fonts in the Docs menu in LCE.</p></li> </ol> <h4>Questions?</h4> <p>If you have questions about the new features, please ask them in a comment below.</p> <p>Hope you like the new version of Little Card Editor.</p> Fri, 18 Jul 2014 23:40:43 GMT Little Card Editor 0.57 <p>There's a new menu for fonts in <a href="">Little Card Editor</a> just below the canvas, next to the color menu.</p> <p><img src="" width="179" height="245" border="0" style="margin: 15px;" alt="A picture named fontsMenu.gif"></p> <p>I asked two friends David Biedny and Cori Kesler, both who work with fonts, what would be some good ones. I put those in the menu and added one of my favorites, just to play. </p> <p>I just want to test the functionality -- does it work? And get feedback on other fonts that would be good to put in there. I can use any of the <a href="">Google Fonts</a>. There are lots of them. </p> <p>Here's an <a href="">example</a> of a card that uses one of the new fonts. </p> <p>If you have any ideas re fonts, please post a comment. </p> Tue, 08 Jul 2014 17:52:58 GMT Little Card Editor 0.56 <p>Everyone wants the ability to start a new line in a Little Card Editor post. I do too. But I didn't want to hack it in, I wanted to do it right. I think you'll agree it was worth the wait.</p> <p>Here's a screen shot:</p> <p><img src="" width="600" height="515" style="margin-left: 50px; margin-top: 15px; margin-bottom: 15px; padding: 3px; border: 1px solid silver;" border="0" alt="A picture named lceScreen.gif"></p> <p>You'll notice that the text area at the top of the canvas is now a little taller. </p> <p>You can type more than one line in the text area. You start a new line in the natural way, hit the Return key. That will force a line break in the text on the card. You can see the result in this <a href="">little poem</a> I wrote about the famous developer of Netscape, venture capitalist, tweetstormer and all around great guy, Marc Andreessen. </p> <p>That's it, nothing more to say about the feature, other than it seems to work! <i class="fa fa-smile-o"></i></p> Tue, 08 Jul 2014 11:51:39 GMT Little Card Editor 0.54 <h4>Status</h4> <p>We've been approved by Facebook. If you had logged on to Facebook before, you should log off and back on, and it probably wouldn't hurt to reload the page as well. I was just able to <a href=";set=ms.c.eJw1y8ENwEAIA8GOIrAxmP4bS~_6kPGelhagMhtM7qQdiV4mp2EYfC~%3ByapZjf4LX3OktzftgvfpIQDA~-~-.bps.a.253021138238632&amp;type=1&amp;theater">post a card</a> to Facebook. Next time we'll do this more smoothly. <i class="fa fa-smile-o"></i></p> <h4>New features</h4> <p>Lots of stuff in this release of <a href="">Little Card Editor</a>.</p> <ol> <li><p>It works with Facebook in addition to Twitter. This required a re-working of the logon process and it becomes slightly more complex. If you want to use Facebook, go to the <a href="">System menu</a>, the one at the far right of the menu bar, and choose Sign on Facebook. A <a href="">dialog</a> will appear. Enter your email address and password and click Log In. That's it. Now your cards will go to both your Twitter and Facebook accounts. </p></li> <li><p>People want more feedback on when the posting process is complete. So there's now an alert box that shows up above the canvas that report on the status. When it's complete the box goes away. If there's an error you get an alert dialog. </p></li> <li><p>There's a new <a href="">Timeline menu</a> in the menu bar that shows your 25 most recent cards. Choose an item from the menu to visit the associated page on Twitter or Facebook.</p></li> <li><p>New settings. In the <a href="">Platforms panel</a> you can turn off Twitter or Facebook sending. These checkboxes operate independently of whether you're logged in. You can turn off posting to Twitter, for example, without logging off Twitter. </p></li> <li><p>There's a new option in the <a href="">Logo panel</a> that allows you to set a bit of text next to the logo. It could be a favorite slogan. Or you could set it to the location where the picture was taken. It defaults to the URL of the <a href="">Little Card Editor</a> app, a little advertising to help people learn about this cool app. <i class="fa fa-smile-o"></i></p></li> </ol> <h4>Watch out for problems</h4> <p>As with all releases there may be problems, but this one was especially complex because it required jacking up the whole product and adding a second engine (the Facebook support). Please report any problems you have in a comment here. </p> <h4>Examples</h4> <p>Here are <a href=";set=a.253021138238632.1073741834.100005922431565&amp;type=1">some</a> <a href=";set=ms.c.eJwljMsRACEMQjvaERIJ6b~_xjTqcHj~%3BuIPYOE43mx2FWazzQcTmATDvZvpxrZEfU66d2zV7LL0eu80lVHY4JaK6U3p~%3BYmj0A~%3BWerGaI~-.bps.a.253021138238632&amp;type=1&amp;theater">examples</a> of <a href=";set=ms.c.eJwljMsRACEMQjvaERIJ6b~_xjTqcHj~%3BuIPYOE43mx2FWazzQcTmATDvZvpxrZEfU66d2zV7LL0eu80lVHY4JaK6U3p~%3BYmj0A~%3BWerGaI~-.bps.a.253021138238632&amp;type=1&amp;theater">cards</a> that I <a href=";set=ms.c.eJwljMsRACEMQjvaERIJ6b~_xjTqcHj~%3BuIPYOE43mx2FWazzQcTmATDvZvpxrZEfU66d2zV7LL0eu80lVHY4JaK6U3p~%3BYmj0A~%3BWerGaI~-.bps.a.253021138238632&amp;type=1&amp;theater">published</a> to <a href=";set=ms.c.eJwljMsRACEMQjvaERIJ6b~_xjTqcHj~%3BuIPYOE43mx2FWazzQcTmATDvZvpxrZEfU66d2zV7LL0eu80lVHY4JaK6U3p~%3BYmj0A~%3BWerGaI~-.bps.a.253021138238632&amp;type=1&amp;theater">Facebook</a> while testing this release. </p> Mon, 07 Jul 2014 13:14:52 GMT Little Card Editor 0.53 <p>A few nice-to-have features in <a href="">Little Card Editor</a> v0.53.</p> <ol> <li><p>New setting determines whether the image is stretched to fill the canvas, or clipped. The default is clipping. This stuff is complicated (or at least it is for me, at this time) so the algorithm may need more tweaking. But it's better in this version than it was in the last. <a href="">Screen shot</a>.</p></li> <li><p>You can now use Little Card Editor on an iOS device, such as an iPhone or iPad. To add an image, click the camera icon below the canvas. A dialog appears asking if you want to take a new picture, or choose one from the scrapbook. The icon also works on other platforms, and brings up the file chooser for the environment it's running in. <a href="">Screen shot</a>.</p></li> <li><p>There are menu items in the Docs menu pointing to this changes page, and to the <a href="">Twitter feed</a> for cards. </p></li> </ol> <h4>About mobile platforms</h4> <p>With this change you can now use LCE on an iPhone or iPad. But we still have work to do to make it work <i>well</i> on these platforms. Remember the product is all of two days old. <i class="fa fa-smile-o"></i></p> Fri, 04 Jul 2014 13:18:58 GMT @littlecardedit <p>We now have a dedicated feed on Twitter with all the Little Cards.</p> <p><a href=""></a></p> <p>Your cards should show up there within a minute of posting.</p> <p>PS: And this creates a <a href="">connection</a> betw <a href="">Little Card Editor</a> and <a href="">Happy Friends</a>.</p> <p>PPS: An RSS 2.0 <a href="">feed</a> with the cards as enclosures.</p> Thu, 03 Jul 2014 19:48:44 GMT Questions? <p>If you have questions about <a href="">Little Card Editor</a> this is a great place to post them!</p> Tue, 01 Jul 2014 20:48:04 GMT Welcome to Little Card Editor! <p><a href="">Little Card Editor</a> is a simple app that creates and tweets <a href="">cards</a> that consist of a picture with a bit of text in front of it. When you're ready, you can tweet the card to your followers with a single click of a button. It couldn't be easier! (That's the idea.)</p> <h4>Examples</h4> <p>Here's a <a href="">page of examples</a> of Little Card Editor posts. </p> <p>They're all exactly the same size (by design) and follow a familiar pattern.</p> <p>You can change the color of the text. And there are some settings that allow you to do a <i>little</i> customization. But it's designed for simplicity. Not to be too much. Just enough. <img title=':heart_eyes_cat:' alt=':heart_eyes_cat:' class='emoji' src='' align='absmiddle' /></p> <h4>How to get started</h4> <ol> <li><p>Go to the <a href="">Little Card Editor</a> site.</p></li> <li><p>In the right corner of the menu bar, you'll see a blue Twitter icon say <a href="">says</a> <i>Sign on here.</i> Click, a menu drops down. Choose the last command, <i>Sign on Twitter.</i></p></li> <li><p>You're transported to Twitter, where you can give Little Card Editor permission to access your account. See the section <a href="">below</a> that explains how and where we store your credentials. </p></li> <li><p>Find a picture you want to use and save it to your local disk.</p></li> <li><p>Drag it onto the box in Little Card Editor. </p></li> <li><p>Type some tweet text in the box at the top of the page.</p></li> <li><p>Click the Tweet This Card button below the box. </p></li> </ol> <p>That's all there is to it!</p> <h4>Making it beautiful</h4> <p>There are a lot styling options in the <a href="">left sidebar</a>. You can open it by clicking on the <a href="">icon</a> in the upper left corner of the page. More information on it are in the <a href="">update notes</a> for v0.60.</p> <h4>It also works with Facebook</h4> <p>Starting with <a href="">version 0.54</a>, you can publish cards using either Twitter or Facebook or both.</p> <p>If you want to use Facebook instead of Twitter, visit the Settings dialog, which is accessed through the menu at the right edge of the menu bar. In the first panel, Platforms, uncheck the box for Twitter and click OK. </p> <p>And of course choose <i>Sign on Facebook</i> instead of Twitter.</p> <h4>Important note about info we retain</h4> <p>We don't retain any information about you, nor do we retain any ability to post to Twitter, or read anything from your Twitter account. That information is stored <i>locally</i> only on your own computer. You can erase it simply by signing off. </p> <h4>This is kind of new</h4> <p>I'm a little afraid of how much din a person with <a href="">Little Card Editor</a> can create. </p> <p>So try to remember, especially at first, that you're also repping the product, and a new activity on the web. Let's be careful out there! <img title=':kiss:' alt=':kiss:' class='emoji' src='' align='absmiddle' /></p> <h4>Where do we go from here?</h4> <p>I have a load of ideas, but first, let's see how it works.</p> <p>Does the server scale? Are people creative with it?</p> <p>The users will drive the process, as always. With the limits of technology. </p> <h4>Thanks to</h4> <p>Many thanks to Chuck Shotton and Dan MacTough who helped me through the most difficult parts of the coding. Rendering on the client side, and getting pictures through Node into Twitter are fraught with difficulties, mostly due to scarce docs. But we did it. These guys are my best programming goto friends. Thanks! <i class="fa fa-smile-o"></i></p> Tue, 01 Jul 2014 20:34:53 GMT