Andreas Pihlström

A Swedish geek with a passion for design, human behavior, and technology.

May 13, 2013

Concept: WinDOM

Drag elements outside (and back inside) the browser window.

This is just an idea that I had that I wanted to try. It works OK-ish in Webkit browsers (especially in Chrome Canary). It’s definitely not meant to be used in production. The code is not even meant to be used at all ;-). But, if you get inspired by this concept and want to build something with it, please contact me. I would love to see the result of it. Or even better, if there is something out there that does this already, let me know.

See it in action here. (best viewed in Chrome Canary as said above).

Mocked using my own and some borrowed Javascript snippets from here and there.

Concept: WinDOM from suprb on Vimeo.

Oct 13, 2012

Grid-A-Licious, now fully responsive

Back in mid 2008, I created a jQuery plugin. I named it Grid-A-Licious and described it as, "Divs are placed in chronological order with a special grid" because I had no clue how to explain it better. I used this script a lot and designed many sites with it during 2008. At first, people were very skeptic and confused on how to read the grid and thought this kind of layout belonged in real papers. This reaction slowly faded away once the layout became more and more popular when different developers and designers started to create their own script's interpretation of the floating grid layout effect.

In Dec 2008, I decided to wrap the script into a Wordpress theme and release it as a christmas gift to the world. This gained quite a following and the theme was heavily used in 2009 and 2010. This got me really motivated and in 2010, I released a commercial version of the theme called "Grid-A-Licious 2". After only half a year, I was literally drowned in support tickets and questions on how to do this and how to do that, so I decided to stop selling the theme.

Today this floating grid layout effect is heavily used around the net and there are tons of different veriations of the script to download and use. Some more popular than the other, but all does a better job than Grid-A-Licious.

So, why am I continuing developing this? After some quick research, I could not find what I was looking for in any of the existing plugins out there. None of them are responsive or adapts to different screens the way I want. I need the grid to be exact, fluid and float perfectly regardless of the screen size or device. This is exactly what "Grid-A-Licious 3" does.

The plugin is totally rewritten and the biggest change since the previous versions of Grid-A-Licious (and other similar plugins) is that the items in the grid aren’t using absolute positioning any more. They’re all floating. This will help many of you who are struggling with the grid content overlapping each other while loading. Also, this will probably speed up things as well.

If this is something you’ve been looking for, go ahead and download the plugin and use it. "But what happened to the Wordpress theme?" you may ask. I want to continue to release Grid-A-Licious as it once was - a simple jQuery plugin, not a theme.

Check out the Grid-A-Licious demo.

Sep 11, 2012

The view from the hotel room #post

September 11, 2012 at 07:23PM

Sep 5, 2012

Updates, get your updates

Today sees the most significant set of changes to Scriptogr.am since launch. Take a look at our press release, which has the lowdown on all the changes:

Scriptogr.am overhauled with powerful new features, official API and first partnered app

Weblog publishing platform Scriptogr.am is implausibly excited to announce new features and upgrades designed to further simplify the act of blogging. We think weblog tools and platforms should stay out of the way to let writers write, and our new features were built with precisely this in mind.

For the uninitiated, Scriptogr.am is a tool for generating simple, elegant, static weblogs by reading Markdown files stored in the user's Dropbox folder. Writers are free to write with their preferred editor app, and publishing is as easy as hitting the "Synchronize" button in the Scriptogr.am dashboard. Alternatively, there's a dead-simple online editor that can also be used to compose and publish posts. Scriptogr.am uses the gloriously-simple Markdown file format, which means text formatting, post titles, dates and tags are handled right inside the user's editor of choice. No endless text fields to fill in. No HTML to mistype. No hassle.

Today, we're unveiling the brand new Scriptogr.am website with an entirely redesigned public site, and an overhauled Dashboard for our users. An improved online editor makes it even easier to create and manage posts from within the site—especially on the go. We moved all the tools and settings out of the way so that once you're up and running you can forget about the details (though they're easy to get at should you need to make changes, such as setting up a custom domain.)

We're positively tickled to announce that Mou is our first partnered app which supports direct publishing to Scriptogr.am weblogs, while still storing files in your Dropbox Scriptogr.am folder. Mou is a simple, elegant Markdown editor with live preview panel so you can see how your posts will be formatted as you write them. We think it's an excellent way to update your Scriptogr.am weblog without even having to launch a browser window, and takes us a giant step closer to our aim of making Scriptogr.am invisible to the user.

Mou is the first app to make use of our API, officially launched today. This coincides with a dedicated Developers area of the redesigned Scriptogr.am website, where devs can add their apps and find complete API documentation. We'll be rapidly expanding the range of supported API calls in the coming days and weeks, so that developers will be able to add publishing support to their editors, or create their very own dedicated Scriptogr.am clients.

We've added a beautiful new default weblog theme to our range, with support for a personalized cover and profile images and accent color. As with all our themes, the new default is elegant, readable, and, we think, among the most beautiful on the web. And we've added Twitter and Facebook integration so that new weblog posts can be shared automatically through users' off-site social streams.

And though our focus is on ease and simplicity, this is not at the expense of power for those that want it. HTML and CSS templates remain fully customizable, and we've now added support for custom post variables so that users can, for example, create and style a variety of types of post for their weblogs.

Though Scriptogr.am remains in Beta, our expanded team is working hard to create the simplest publishing tool out there for writers and storytellers. And to give users as much choice as possible we're working on alternatives to Dropbox file storage, so users aren't tied to anyone backup service.

With this latest update, by far the most extensive to date, we think there's never been a better time to try Scriptogr.am.

Sep 4, 2012

Publish easily, wherever you are

Publish easily, wherever you are. #post

Aug 27, 2012

Upcoming Scriptogram feature Custom variables

Scriptogram will soon support custom variables. This will probably not be used by the majority of you, while I think this will open up endless possibilities for designers & developers when creating blogs on Scriptogram. For example, let’s say you want to use a thumbnail for each post in the archive instead of the post links, or you want custom CSS for each post, or you want some sort of text to appear dynamically on each page but not in posts etc etc.

I’m planning on implementing this feature in the next big Scriptogram update that will be released in the beginning of September.

Aug 23, 2012

Top geek

Geeklist is a great site I visit quite often. It’s founded by the amazing Christian Sanz and Reuben e Katz. and describe as "A place for geeks to share what they've done, who they did it with and connect with great companies and communities". Also, I feel extra honoured to be listed under the “Top Geeks” list ;-)

'Top geek'

Aug 23, 2012

Creative with Scriptogr.am and IFTTT

Aug 15, 2012

Mou and Scriptogr.am

Happy to announce that the first ever approved application that is using our API is here. It’s the wonderful text/Markdown editor Mou. From here you can publish and update posts. The editor will automatically save the file on your Dropbox as well as push it to Scriptogr.am.

Mou is designed and developed by the amazing Chen Luo who’s also behind the apps Smaller, Resize and Toau. Mou is great. It’s described as “When current available Markdown editors are almost all for general writers, Mou is different: It's for web developers. Syntax highlighting, live preview, sync scroll, fullscreen mode, auto save, powerful actions, auto pair, custom themes and CSS, HTML and PDF export, enhanced CJK support. I know, it's exactly the app you want.”

If you’re planning on using Mou, please support Chen by donating a few bucks. It’s well worth it.

May 17, 2012

josh earl on scriptogr.am #

Enter scriptogr.am, a lovely blogging platform that allows bloggers to write posts in plain text files, using human-friendly Markdown syntax, and publish them directly from a Dropbox account. My content is always backed up, and it's always mine. Joy!

Always nice to read things like this. The power of scriptogr.am is all there, described in two (three maybe) sentences.

Also:

Most blogging platforms are miserable for technical bloggers. Formatting code-heavy posts on WordPress and Tumblr is maddening.

Couldn’t agree more.