Ontwikkeling van mijn websites

Photoshop Content-Aware fill

Door Gamebuster op dinsdag 4 augustus 2015 14:07 - Reacties (5)
Categorie: webdev, Views: 3.076

http://i.imgur.com/XI5h7xB.png

http://i.imgur.com/5j3a16Q.png

http://i.imgur.com/uYFzIxR.png

Instant nachtmerries.

Kolom display: inline-block;

Door Gamebuster op maandag 13 januari 2014 17:03 - Reacties (9)
Categorie: webdev, Views: 3.388

HTML en CSS zitten vol met veelgebruikte hacks. De welbekende float kolommen layout is daar waarschijnlijk de grootste van.

Hierbij zet je float: left; op meerdere kolommen om ze naast elkaar te krijgen en bam: je hebt een float-layout. Dit zorgt echter vaak voor vreemde issues, die je dan weer moet voorkomen met <br clear=all> of <div style="clear: both;"> of vergelijkbare hacks. Verder heb je geen controle (?) over de verticale positionering van je elementen.

Daarom vraag ik me het volgende af:
Waarom gebruikt men geen inline-block voor een kolommen layout?

Zie voorbeeld: http://jsfiddle.net/6LtVJ/1/

Het lijkt allemaal prima te werken met display: inline-block;. Je hebt zelfs controle over de verticale positionering met css's vertial-align. Ik kan me niet direct echt nadelen bedenken... Wie wel?

De ontwikkeling van een Jailbait website

Door Gamebuster op woensdag 12 september 2012 11:06 - Reacties (26)
Categorie: webdev, Views: 6.758

Ik als webdeveloper heb zo ook mijn eigen sites. Projecten komen en gaan. Zo ook y-ch.at: Een forum dat ik samen met een maat van mij gemaakt heb.

Y-ch.at is een site die ongeveer een jaartje populariteit kende en daarna is dood gevallen. We hebben maanden lang ons best gedaan om de website draaiende te houden, maar het is gefaalt. Er waren slechts enkele categorieen op de site die wel blijvend bezoekers trekken: Adult.

We hadden enkele Adult-gerelateerde categorieen. De hoeveelheid content binnen deze categorieen is vrij groot, met name bij Jailbait. Jailbait bevatte veel foto's van jongvolwassen meiden in bikini tot de wat sletterige facebook foto's, maar absoluut geen naakt.

Daar waar we 30.000 unieke bezoekers per maand hadden over de Jailbait categorie, hadden we nog niet eens een kwart van het aantal unieke bezoekers over de alle andere categorieen bij elkaar.

De site is inmiddels dood gevallen; het aantal bezoekers heeft zijn dieptepunt bereikt in de gehele leeftijd van de site: Zelfs op de 1e dag van de opening van de site hadden we ruim 4x zoveel bezoekers.

Inmiddels heb ik wel wat beters te doen. Ik huur een huisje op een camping in de buurt van mijn vriendin zodat we wat vaker samen kunnen zijn, maar dit kost me veel geld. Geld dat ik eerst kon uitgeven aan leuk speelgoed. Dat zette me aan tot denken: Waar kan ik geld vandaan halen?

Ik kwam daarop op het idee om reclame te zetten op de Jailbait categorie van y-ch.at. Dit gedeelte is namelijk makkelijk populair te krijgen door wat reclame ervoor te maken, zoals eerder ook gedaan is. Ik besprak dit met die maat van mij, en hij kwam daarop met de suggestie om een nieuwe site te maken, speciaal bedoeld voor Jailbait.

Al gauw besproken wede details van de site en begon ik met de ontwikkeling van de onderliggende code. Ik startte een nieuw Ruby on Rails project, gooide wat plugins bij elkaar en al gauw had ik iets simpels werkend, al dan niet met een design.

Het idee is om de afbeeldingen standaard wazig te laten zijn. Om de afbeelding scherp te kunnen bekijken, moet de gebruiker een reclame linkje klikken. Na het klikken kan de gebruiker de afbeeldingen scherp bekijken voor de rest van de browser-sessie (met een limiet aan minuten en/of afbeeldingen?). Ook kunnen de afbeeldingen dan gedownload worden.

Alle afbeeldingen bevatten een 30px hoge rand aan de onderkant met daarin de URL naar de afbeelding; Deze rand is zichtbaar in alle afbeeldingen, ook in die je kan downloaden. Mocht de gebruiker naar de afbeelding hotlinken of de downloads delen, dan wordt er automatisch reclame voor de site gemaakt.

Verder kan de gebruiker voor 1 dollar 3 maanden (of andere periode) lang de website onbeperkt bezoeken zonder limitaties. Dit gaat via een soort premium code die ze via e-mail toegestuurd krijgen.

Verder hebben we ervaring met het maken van reclame voor Jailbait en hebben we een grote voorraad aan foto's voor op de website, deels afkomstig van y-ch.at zelf.

De volgende dingen zijn al geregeld:
- De naam en domeinnaam.
- De content. We hebben 10.000en foto's geschikt voor de website, voornamelijk afkomstig van andere gerelateerde websites of afkomstig van de afbeeldingen die gepost zijn op y-ch.at
- De technische kant van de website. Ik ontwikkel de website in Ruby on Rails. Het is nu mogelijk om 1 afbeelding te uploaden, welke dan geconverteerd wordt naar alle versies van de afbeelding die nodig zijn: 1tje met blur, 1tje zonder en 1tje met hogere resolutie, en allemaal met balkje. Dit wordt gedaan m.b.v. de Paperclip gem.
- De indeling/werking van de website. Bij het bezoeken van de homepagina, zie je direct 1 foto. Je kan dan direct volgende/vorige klikken. Het laden van de volgende foto gaat via AJAX en de afbeeldingen worden vooraf ingeladen zodat het laden van de volgende/vorige foto niet op zich laat wachten.

De volgende dingen moet ik nog regelen:
- Reclame. Wat voor reclame zet ik op mijn site? Bij welke adverteerder? Hoeveel afbeeldingen mag de bezoeker bekijken na het bekijken/klikken van de advertentie-link?
- Design. Ik ben absoluut geen designer. Ik ken ook geen designers die willen mee werken, dus ik mag zelf iets gaan verzinnen. Dat zal wel weer kaal & wit worden a la y-ch.at
- Reclame maken. Ik heb enkele personen die bereid zijn om mee te werken aan de website door er reclame voor te maken. Hier moet een goed plan voor komen, welke uitgevoerd kan worden door een willekeurig persoon. Ervaring met het maken van effectieve reclame voor Jailbait hebben we al wel met y-ch.at, alleen mijn maat en ik hebben er zelf weinig tijd voor en moeten het dus overlaten aan anderen.
- Uitzoeken of de hostingkosten van de afbeeldingen niet te hoog worden. Tot nu toe hostte ik alle afbeeldingen via reguliere image hosts. Ik heb Paperclip al zodanig geconfigureerd dat de afbeeldingen zo klein mogelijk zijn door allerlei meta-data (comments, color profiles) niet in de afbeelding op te slaan, al heb ik niet gekeken hoeveel verschil dit maakt en of dit problemen met zich mee kan brengen.

Via deze blog houd ik de lezer op de hoogte van de voortgang van de website en alles wat daarbij komt kijken, net als inkomsten en statestieken. Hierbij sta ik open voor feedback/advies. Voor anderen kan het weer interessant zijn; mocht de site enigszins voor een paar centen zorgen, dan heeft de lezer alle stappen daartoe kunnen volgen.

Mijn doelen voor nu:
Vůůr 1 november 2012:
- 1.000 unieke bezoekers te hebben gehad.
De maand Januari 2013:
- 10.000 unieke bezoekers in de maand
- 10$ inkomen uit reclame in de maand
- 10$ inkomen uit betalingen in de maand

Gezien we het 3-voudige per maand hadden op y-ch.at aan bezoekers, lijkt me dit een realistisch doel. De bedragen zuig ik uit mijn duim: Ik heb geen ervaring met geld verdienen via internet. Ik kies voor 10 dollar omdat 10 dollar oneindig keer zoveel geld is dan dat ik tot nu toe in totaal voor al mijn websites bij elkaar heb verdiend en het tegelijkertijd zo'n laag bedrag is, dat het wel haalbaar zou moeten zijn.