Moqups — Another HTML5 App for Wireframing

August 1, 2014 at 9:26 pm

After my post the other day about wireframe.cc, I received a new fol­low­er on Twitter by the han­dle @moqups. That led me to their web­site and it impressed me.

I’m still lean­ing towards wireframe.cc because of it’s min­i­mal­ism. I like to have the bones and blocks, then move to cod­ing a work­ing pro­to­type. I would get bogged down in Moqups try­ing to over­work things that I could do when coding.

But if you like to be fur­ther down the user inter­face water­fall — clos­er to a pro­to­type than a wire frame — Moqups is a good solu­tion. It’s quick to setup, quick to add ele­ments in, and pro­vides more options for cus­tomiz­ing and tweak­ing ele­ments. This gets you some­thing more like the end prod­uct. There’s a lot of options that need at least a free account to work; that includes sav­ing, shar­ing, and export­ing your project. All in all a good option for mock­ups, just not my workflow.

Moqups - HTML5 app for wireframes, mockups, and prototypes

Wireframe.cc

July 22, 2014 at 7:15 pm

I played around with a rather nice wire-framing tool today. Wireframe.cc takes a min­i­mal­ist approach to its inter­face and user inter­ac­tion. Simple ele­ments and a lim­it­ed color palette keep your wire frames clean and allow faster iter­a­tion. You can lay­out brows­er, tablet, and mobile screens. Easily share your wire frame with a gen­er­at­ed URL, or book­mark it to come back and edit later. And all that for free.

I like that it adds just enough pol­ish over my hand scrib­bled mock­ups but is still fast and easy to work with.

Wireframe.cc Screenshot - minimalist mobile, tablet, and browser wireframing app

Hacking CSS Specificity

July 21, 2014 at 10:27 pm

Harry Roberts at CSS Wizardry has some great tips about hack­ing CSS speci­fici­ty up or down depend­ing on what you’re try­ing to do. It’s a good rule of thumb to start as least spe­cif­ic as pos­si­ble and only cre­ate more spe­cif­ic selec­tors when you have to.

Instagram Cleans Up Its Logo

May 9, 2013 at 9:26 pm

Instagram released a cleaned up logo­type last week and design­er Mackey Saturday post­ed some up-close and behind the scenes pic­tures of the work to Dribbble. The best one to me is the out­line view show­ing the tech­ni­cal aspects of using as few anchors as pos­si­ble and con­trol points at 90 & 45 degrees.

It’s a great exam­ple of refine­ment and build­ing on an iden­ti­ty already famil­iar to users. You can see the influ­ence of Facebook’s acqui­si­tion as the type becomes clean­er, more pro­fes­sion­al, and more aligned with their cor­po­rate brand­ing. There’s a lit­tle less per­son­al­i­ty but still enough to keep it inter­est­ing. All in all, a good step.

Instagram Logo Redesign by Mackey Saturday, vector outline anchor points and control arms

Unheap — a tidy repository of jQuery plugins

April 26, 2013 at 11:44 am

I know I’ve looked at, played with, or used at some point a lot of jQuery plu­g­ins. Keeping track of old favorites while stay­ing up to date with new releas­es and tech­niques is one of the chal­lenges I always strug­gle with. So I’m dig­ging this well designed, orga­nized data­base of jQuery plu­g­ins com­plete with search, some video demos, and an RSS feed of new entries. Well done, indeed.

Unheap — a tidy repository of jQuery plugins

Unheap.com Screenshot - a tidy repository of jQuery plugins, jQuery search, plugin database, javascript

Folder Synchronization Made Easy

July 18, 2012 at 8:53 pm

App Review : Synkron

I’ve spent the last month or so look­ing at var­i­ous back­up and syn­chro­niza­tion options try­ing to find the per­fect solu­tion. While I use Time Machine as a full back­up solu­tion for every­thing on my lap­top, I now need­ed some­thing to sync just a few fold­ers on a net­work stor­age drive with sev­er­al com­put­ers around the house. I found count­less apps, Automator scripts, even ter­mi­nal com­mands — but every­thing kept com­ing up short. Finally my back­up prayers were answered. The app is called Synkron and it will sur­prise you.

Synkron’s Main Window

Synkron Main Window - App Review - Two way file and folder comparison

Continue read­ing

Firefox 4 Panorama Tutorial

March 30, 2011 at 10:31 pm

Here is a quick screen­cast of the new Firefox 4 Panorama/Tab Groups fea­ture. I think it’s a pret­ty nifty helper for orga­niz­ing things since I some­how wind up with 2 win­dows open with 10–20 tabs in each win­dow. That can get pret­ty crazy jump­ing back and forth and around. Let me know what you think of the video.

I record­ed it with the free ver­sion of Jing and there’s a few things I’m not thrilled about with the shar­ing and stream­ing so I think I’m going to go ahead and step up to some­thing like Screenflow and a YouTube chan­nel for bet­ter record­ing, dis­tri­b­u­tion, and over­all betterness.

Unable to display content. Adobe Flash is required.

Why I’m Buying An iPhone 4

June 18, 2010 at 2:28 am

iPhone 4 Promotional PhotoI’m a tech per­son. I don’t run on the bleed­ing edge, but I keep up on what’s out there. There’s plen­ty of things I want to buy, not a lot I can jus­ti­fy though. I can jus­ti­fy buy­ing a new iPhone 4.

A lit­tle dis­claimer first about car­ri­er. I’ve been on Cingular and AT&T ever since I got a cell­phone, 10 years and going. I’ve never had a prob­lem with ser­vice. I’ve got 3G cov­er­age all over town (Auburn, AL.) I’ve taken a look at the new data plans and made my peace with them. Sure, who would­n’t love one of the old unlim­it­ed plans but band­width is quick­ly becom­ing a hot­ter com­mod­i­ty. I already have Wi-Fi setup to cover the whole house. AT&T is alright by me. We’ll see if my feel­ings change in a cou­ple of weeks. Now, on to the phone.

The mar­ket has final­ly hit the sell­ing point I’ve been wait­ing on. Dual cam­eras. Front and back cam­eras seems like such a sim­ple idea and such a long time com­ing. And then you have the res­o­lu­tion. The back cam­era shoots video in 720p at 30 frames/second. An HD video cam­era in my pock­et, heck yes. It shoots 5 megapix­el still pho­tos. Not bad at all.

On to the front cam­era and FaceTime, the soft­ware that allows video calls. I’m not com­plete­ly sold on FaceTime yet. It only runs on Wi-Fi and only to anoth­er iPhone 4. Still, it’s freak­ing video calls. Also, I’m sure Skype will update soon and tie into that front cam­era, open­ing the range of video calls a lit­tle bit fur­ther. Oh, and when you hit the lit­tle switch but­ton the phone switch­es to the back cam­era and you can start broad­cast­ing what’s in front of you to whomev­er you’re call­ing. That’s an even cool­er part.

I’m not just buy­ing an iPhone 4 for the cam­eras. I’m also buy­ing it for the dis­play. The Apple engi­neers behind the cur­tain have mag­i­cal­ly crammed 326 pix­els into every inch of the screen. Absolutely ridicu­lous. I cried a lit­tle bit as Steve Jobs talked about ren­der­ing typog­ra­phy and anti-aliasing dur­ing the keynote, start­ing about minute 35. Everything just looks so crisp, so nice, so per­fect. And not just the type, but pic­tures and video too.

Apple WWDC 2010 Keynote - The Letter A

*This blog is not endorsed by Steve Jobs. I doubt he even knows about it.

And that’s it. Those two fea­tures — improved dual cam­eras and ultra high res­o­lu­tion dis­play — have sold me on the iPhone 4. All the rest of the oper­at­ing sys­tem improve­ments and hard­ware improve­ments, and there are many, are just icing on the cake as they say.

Now the counter argu­ment. Why not go with an HTC Evo or some other Android rel­a­tive? Come on the Evo is 4G — you can even hear the whoosh­ing sound as you surf the cut­ting edge of tech­nol­o­gy. Um, if you live in about 40 cities in 13 states. That sounds too sar­cas­tic and I’m not try­ing to knock the Evo 4G or Sprint or any­thing like that. In fact, the Evo also has dual cam­eras. It even has a high­er res­o­lu­tion with the back fac­ing cam­era, 8 megapix­el. It shoots HD video. It has a larg­er screen and even offers HDMI out­put. I would love to have one. Sprint even has unlim­it­ed data plans. I hon­est­ly can’t find any neg­a­tives as to why not to buy an HTC Evo 4G run­ning on Sprint.

So why am I stick­ing with buy­ing an iPhone 4 with AT&T? I guess it real­ly comes down to stay­ing in my com­fort zone. I have built up a rela­tion­ship with Apple and AT&T that makes me com­fort­able with them and their prod­ucts. I trust Apple to make a great prod­uct. Score one for mar­ket­ing, and two for engi­neer­ing. Have I made the right choice? I’ll let you know on June 24th.