InDMag: Indie GameDev Magazine

General Discussions
#1

Hello JGO!

Today, me and DarkCart are starting a new side project called InDMag, short for 'InD’ie GameDev Magazine with an intention to cover the trends and news occurring in the indie gamedev community. The magazine will include articles on the latest trends and most useful techniques, and some interviews we had collected from some of our fellow members.

Since we both alone can’t manage all the content, we are now turning this into a community magazine, meaning that content will be written by our members. You can write on anything on this earth, but the only condition is that it should be related to Game Development and the independent Game Developers. This way, you can help us improve this magazine into a community of indie gamedevs.

So how will you write? In any form that I can open up on my pc. It can be in the form of a word document, or a simple text file, or a markdown, or html, or bbcode, or anything that I will be able to open up and read. You can then PM me with the content, or you can e-mail them to indmag@goharsha.com and I will add it to the magazine under your name.

Thinking about the magazine website? We’ve got a basic template at indmag.github.io. It’s currently not that good, but I’ll be re-styling it tomorrow.

Anyways, thanks for reading and we hope to see your article in the magazine. For any more details, please PM me, or join the IRC channel #InDMag at Espernet.

#2

Just would like to post the status of the website here: The website is now completely re-designed and I think it is worth of a screenshot.

Visit the site at http://indmag.github.io. We need more writers to add the content, if you are interested, please write to indmag@goharsha.com or PM me.

#3

The site is now mobile ready. Here are some screenshots:

Everything is now completely responsive, thanks to bootstrap library.

#4

Could there be an article in the first edition describing what’s planned for upcoming editions of the mag, and that it’s going to be so cool and why? :smiley:

Edit: Hmm, let me try that again - what I meant was I think this is great idea! The first edition just seems a bit … half hearted :-\ No offence intended to Rayvolution or Tess of course. But magazines usually launch with a bit more fanfare … the first edition a bit more spectacular!!

#5

@richierich

Thank you very much for your reply! Actually DarkCart started this magazine right in august, but he used Microsoft Word and exported to PDF for the issues. But it died instantly. Later I joined him and started the website using a worst theme found online. It went on for some days in September, but it died later in the month, because some of our members left it. Those posts of TESS and Ray’s interview were made then, with me and Drenius as the interviewers.

This is a third attempt at launching the magazine and this time, we took it more seriously. I took the role of the designer and re-built everything from scratch, and I’ve used those posts as placeholders while theming the site, to make sure that everything went well. So officially, we consider the up-coming october edition as the first issue of the magazine.

Your idea on what’s going to occur is awesome, I’ll try to get around a blog, or some pages to describe this. There are also pages like ‘About Us’ and ‘Become an Author’ pending, I’ll write them as soon as possible. Thank you for your idea.

#6

Hello Guys,

This is an update to our things, we are looking for proof-readers to check for spelling errors and the style of writing. If you are interested, please apply either by PMing me, or by writing to indmag@goharsha.com. You can also contact us on the IRC at #InDMag on Esper.Net

The process will be like this. Whenever we have a new post, we first send it to you to check for errors. You will proof-read the content of the post and if there are any errors, you’d fix them and send us the fixed version of the post to us. All you have to check is for writing style, because spelling-errors will be automatically corrected by us (We use the Spelling and Grammar provided by OS X)

If you are interested, please apply for the post using the procedure mentioned above!

#7

Wow… can’t wait for it to come out… Will there be an RSS channel for it?

#8

@matanui159

Yes, we already had an RSS channel. Point your RSS reader to http://indmag.github.io/feed.xml

#9

If you want people to take this project seriously, you should look into buying an actual domain name.

  • Jev
#10

@kpars

We have that in our plans, we will be doing that after some time (at least 2 successful editions).

#11

Time for another screenshot, I’ve implemented the site-search feature using JSON and jQuery.

And the results page is here.

There is still room for improvement though.

#12

Doesn’t really look right… Try to put the search bar to the right of the links to see what it looks like…

#13

@matanui159

It is much worse when I set it to the right. I think I should make it appear on click though…

#14

Fixed the search function. It now expands upon click: (Very small gif: 41KB)

Enough of features for now I think, time to get some content!

#15

Looks much better… May I ask how you did that? I can never get that working…

#16

@matanui159

It’s just an ordinary search form that I put in the navbar list like this.


<li>
<form class="navbar-form" role="form" action="http://indmag.github.io/search/" method="get">
    <input type="search" name="query" class="form-control" id="menu-query" placeholder="Search">
    <label for="menu-query"><i class="glyphicon glyphicon-search"></i></label>
    <button type="submit" class="btn btn-default hidden" id="menu-search"></button>
</form>
</li>

That’s it for the markup. All the rest is handled in the CSS like this.


/* Search box */
#menu-query
{
    margin-top: 3px;
    width: 10px;
    height: 30px;
    
    background: #000;
    
    -webkit-transition: width  0.2s ease-in-out;
    -moz-transition:width  0.2s ease-in-out;
    -o-transition: width  0.2s ease-in-out;
    transition: width  0.2s ease-in-out;
    
    border: none;
}

#menu-query:hover
{
    width: 200px;
    background: #eee;
    
    border: 1px solid #888;
}

#menu-search
{
    border: 0;
    background: none;
    padding: 2px 5px;
    padding-right: 0px;
    margin-top: 2px;
    position: relative;
    left: -28px;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.glyphicon-search
{
    position: relative;
    top: 6px;
    left: -25px;
    color: #888;
    padding-right: -25px;
}

#submit
{
    background: #222;
    border-radius: 0px;
}

That’s all for this. I’ve used nothing other than Bootstrap and CSS for this.

#17

Wow… Didn’t think of it that way…

I noticed you used ‘:hover’ which may annoy some people when they move their mouse off it and it disappears… Why not try ‘#menu-query:hover, #menu-query:active’?

#18

Don’t have it set to expand when hovering over the element; that’s really annoying and never traditionally used on websites.

  • Jev
#19

Fixed that. Now it uses [icode]:focus[/icode] instead of [icode]:hover[/icode] Thanks for pointing that out.