Preprocessed Logs

  • Archive
  • RSS

Twitter Bootstrap with Compass

Twitter Bootstrap is a set of HTML, CSS, and Javascript to quickly create your own web apps. However, the CSS preprocessor is written in Less, which I have abandoned for richer functionality provided by Sass and Compass. So if you want to start building with Compass, use this port:

Compass-Twitter-Bootstrap

To install this gem, run this in your console:

gem install compass_twitter_bootstrap

To use this in your scss/sass file:

@import “compass_twitter_bootstrap”;

All done!

    • #original
    • #compass
    • #twitter
    • #bootstrap
  • 1 day ago
  • 1
  • Comments
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

New Look, New Name

The thing is that design trend is changing every years. This theme is quite updated to the trend, even though it is not yet responsive. Since I am currently working on more code than design, I need to stay updated.

The name “Preprocessed Logs” was inspired by Sass, Less, and CoffeeScript that stormed the web design in recent years.

That’s all for today, enjoy the posts!

    • #Original
  • 3 days ago
  • Comments
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+
You knew the meaning and use it for years, but you just have to make sure you get it right
Pop-upView Separately

You knew the meaning and use it for years, but you just have to make sure you get it right

    • #original
  • 10 months ago
  • Comments
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

Coda 2

Got my hands on the new Coda 2! Huge improvements from the previous version. I am going to try for the next 7 days before decided to buy it.

Are you one of those who impulsively buy something at the release date? :D

I was an impulsive buyer before, but now I have learn my lesson: use the Trial version as frequently as possible so that when I actually decided to buy it, I won’t get bored so quickly.

    • #original
    • #coda 2
  • 1 year ago
  • Comments
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

Always Use Facebook's Debugger Tool to Check Open Graph Validity

Use this tool if you want to know how Facebook parsed your web’s Open Graph meta data. You can check whether Facebook can get the right thumbnail from here, just like I mentioned before.

    • #original
    • #facebook
    • #opengraph
  • 1 year ago
  • Comments
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

Embedding GitHub Gists in Tumblr Posts

inparens:

Tumblr’s utter lack of Gist support was pretty much a show-stopper for me, which is why this is my first post. In trying to figure out how to hack it myself, I ran across Jarred Grippe’s post describing how he hacked it. I refactored his solution a bit to add some error checking and a couple…

I also created a slight modification with the p selector, so you don’t have to add ‘.gist’ class anymore, it will automatically detect any gist URL anywhere in your content.

https://gist.github.com/1598377

Done!

    • #gist
    • #github
    • #tumblr
    • #original
  • 1 year ago > inparens
  • 26
  • Comments
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

How to Make Facebook Retrieve The Right Thumbnails?

So you got a blog that often get shared on Facebook. Most of us did it and the exposure is good, too. But the most annoying thing is, your Ads or other images are used as thumbnail in your post!

Out of 11 thumbnails from what Facebook has crawled, you only get less than 10% chance to get it right :D.

If you are on WordPress, use Facebook Social Plugins. Problem solved.

If not, then you need to learn some technical skill.

You need to generate Open Graph meta tag in your website:

https://gist.github.com/1598273

Use the og:image property to define your thumbnail image.

og:image - An image URL which should represent your object within the graph. The image must be at least 50px by 50px and have a maximum aspect ratio of 3:1. We support PNG, JPEG and GIF formats. You may include multiple og:image tags to associate multiple images with your page.

There, fixed it!

    • #facebook
    • #original
  • 1 year ago
  • 4
  • Comments
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

The reason why Facebook can’t retrieve your blog content and thumbnails

This occurence is quite common with Indonesian blog:

You pasted a link in your Status Update that only shows URL instead of Blog Titles, Descriptions, and Thumbnails.

This happened because your Blog is “out of reach” from Facebook crawlers. Most probably caused by hosting a blog in a server in your country, which is far away from the US.

Most hosting provider outside US usually gives you two options in their hosting plans:

  • Hosting in local server
  • Hosting in US server

The pros in local server is that you will gain unlimited local bandwidth. Since your only visitors is only coming from your country, this will benefit you more.

While the drawback is limited global bandwidth. Means that people outside your country will have great difficulties in accessing your website, including Facebook crawlers. Which is why it will failed to retrieve your blog content more often.

    • #facebook
    • #original
  • 1 year ago
  • 5
  • Comments
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

Moving CSS Asyik to Tumblr

I must say that maintaining a blog is not easy. You must cope with software updates, testing plugins, and blog maintenance (hosting, server, database, etc.).

Recently I moved all my website into my VPS. But it doesn’t have enough memory to support WordPress installation. And I have pretty tight budget right now.

That’s why I’m going to have an experiment with Tumblr. I let them deal with those stuff. It’s not that I am not capable - I’m very sure that I am above average, its just that I don’t have time to deal with those stuff anymore.

Why not in WordPress.com? Because WordPress.com requires you to PAY for custom domain and custom CSS. Things that I found unreasonable and unwilling to pay for.

Moving all the articles is going to have some time, luckily it isn’t that much anyway.

Here it is, my blog: CSSAsyik.com I post most of my CSS tutorials here and in Bahasa Indonesia. Recommended for beginners in CSS.

    • #original
    • #css
  • 1 year ago
  • 7
  • Comments
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+
Don’t go deeper than 4 nest
The Sass Way
    • #original
  • 1 year ago
  • 4
  • Comments
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+
Page 1 of 8
← Newer • Older →

About

Avatar I'm a gamer, designer, and developer.

Pages

  • Thoughts

Me, Elsewhere

  • @did1k on Twitter
  • Facebook Profile
  • firewalker06 on github

Tweets

loading tweets…

  • RSS
  • Random
  • Archive
  • Mobile
Effector Theme by Pixel Union