Hebben jullie ook zo'n tering-hekel aan het intypen van al die HTML-tags steeds? Bekommer je alleen nog maar om de content met ShortSite.
Er is nu een versie 0.1.3 die webdesingsgewijs meer correct is.
Yoehoe, Bluehoes!
[Blues] Yoehoe, Arduenn! Gaatje in de beveiliging!
[Arduenn] *stopt kurk in gat en vloekt binnensmonds* Erg fijn. Een gat in ShortShite waardoor het hele Zwarte Bos openstond.
Ooooh! Daar ga ik eens fijn mee spelen vandaag. ENORM kikke concept!
Zie hier mijn eerste resultaat: een ShortSite betatestwebsite.
Dat is een heel leuk systeempje, Boswachter. In een paar minuten had ik door hoe het werkt, in een half uur had ik een verse template gebrouwen en in een paar uur, inmiddels, heb ik het volgeschreven met dingen die eventueel verbeterd kunnen worden.
Zie hier mijn opmerkingen.
Ik heb ook maar eens een testsite gemaakt (zonder me nog al te veel om een nieuwe content te bekommeren) en ben het eens met Hank wat betreft de stylesheet.
Ik heb al wat lopen hakken in de index.php; zo verving ik de span class=large's door simpele h2s. Fluks een design van oswd.org geplukt, en gaan!
Klopt de positie van de afbeeldingen zo?
![\"[image]\"](\"http://img146.imageshack.us/img146/9839/platjes4hn.png\")
Ik heb nu geen tijd maar ik zal Shortsite van het weekend ook eens uitproberen :-)
Heh, ik heb de complete css vervangen. Mogelijk dat dat de uitlijning van plaatjes ook wat heeft verdingest.
Heh. Leuk dat jullie er werk van hebben gemaakt mannen. Ik ga zo naar huis, m'n prakkie naar binnen kauwen en dan eens alle kritieken tot mij nemen.
Mooi. Dan ga ik alvast nog een versie maken.
Leuk.. ook eens naar kijken...
Maar, wat scrolled de tekst vreemd met (Firefox 1.5.0.1 (op WinXP) als ik naar http://vasilis.nl/shortsite/?page=1_Home kijk (geen probleem met IE).
Zie jullie dat ook ?
Leuk.. ook eens naar kijken...
Maar, wat scrolled de tekst vreemd met (Firefox 1.5.0.1 (op WinXP) als ik naar http://vasilis.nl/shortsite/?page=1_Home kijk (geen probleem met IE).
Zie jullie dat ook ?
Hmm. Lastig. Heb geen XP hier. Maar ik denk dat ik de oorzaak van het rare scrollen heb ontdekt. Ik zal er eens naar kijken.
Bij mij ook, die linker class (met navigatie) is iets te breed in FF
Opgelost. Geen procenten maar pixels gebruikt. De boel is zo iets minder elastisch, maar soit!
Ben aardig aan de weg aan het timmeren. Maar nu eerst even de boodschapjes uit de auto.
http://www.arduenn.com/shortsite/?page=4_Vers ion_01b_Feedback_by_Hank
Even een reactie hier:
Het is allemaal korter maar het heeft als gevolg dat de horizontale menubalk verandert in een verticale menu-lijst. Mijn eerste indruk/vraag die bij mij opkwam toen ik Hank's pagina zag was: \"Wat is het site-menu en wat is de toc?\" Het staat er in koeienletters boven, maar de tijd die ik nodig heb om door te krijgen waar welk keuzemenu zit is gestegen van enkele tienden seconden naar enkele seconden. (Dit kan aan mij en mijn verwachtingspatroon liggen. Op de meeste websites is de site-navigatie horizontaal.
Met ulletjes en litjes kan je makkelijk een horizontaal menu maken. Bijzoorbeeld: http://www.monutacharityfund.nl/ en mijn volgende voorbeeld wat er nog niet is (:
Is dat moelijk om in de CSS te doen? Zo niet, dan moet dat zeker gewoon een lijstje worden.
Maa wacht effe met de feedback op de feedback, anders word ik gack.
De CSS die Hank heeft gemaakt laat zien waarom tabellen soms beter zijn. Probeer met je muis-cursor maar eens de eerste alinea tekst in de content-sectie te selecteren (met Safari).
Uhm, ik snap even niet helemaal wat je bedoelt.
Kan, maar dat betekent dat alle niet-menu-items op die pagina die ook geen div hebben allemaal een menu-layout krijgen. Da's een kwestie van 'moet dat kunnen'. Persoonlijk heb ik liever niet dat dat moet kunnen.
Niet als je de ul een id geeft, zoals ik schreef.
Eigenlijk zou een enkele break na een header voldoende moeten zijn om in de TOC te verschijnen.
Hier bedoel ik mee dat een item pas in de TOC verschijnt als je na een kopje twee keer op enter drukt (een witregel invoegt).
ghehehe. Ik las je comment te laat. Ik zet mijn commentaar wel in mijn volgende versie (:
Maar nee, een man met kloten zegt \"moet\".
Die class=\"selected\" moet op de actieve li!
Vette groene knopjes, btw, Arthur!
Indrukwekkend, Arduenn! Uitbouwen die handel! :-)
Ziet er goed uit Arduenn, ik snap er geen bal van, maar goed!
Ik snap er ook geen jota van, maar het is vetgaaf!
Zo. Volgende versie is af. Is een lichtelijk gehackte variant. Lijsten bestaan dus gewoon uit ul en li, uiteraard. Maar het belangrijkste:
Start uw JavaScript engines!
Ik heb een hekel aan links die naar iets op dezelfde pagina linken. Ik heb het opgelost door te doen alsof de TOC-links naar een nieuwe pagina linken.
Van het script zie je niks terug behalve 1 enkele script tag in de header en mensen die javascript uit hebben staan zien gewoon de oude versie.
Dus zie hier: JavaScript is de bom!
Gnagnagna
Hank heeft een hekel aan tables en stelt daar css tegenover, Arduenn heeft een hekel aan javascript maar wat is daar dan een goed alternatief voor?
Ordnung Muss Sein! Schreeuw ik altijd, de hele dag door, als ik aan het werk ben. Want ik hou van logisch gestructureerde documenten, gescheiden inhoud van functie en vormgeving.
Vandaar mijn hekel aan tabellen. En ook mijn hekel aan JavaScript als het, zoals meestal, weer slecht gebruikt wordt.
maar met een script src in de header ben jij weer dik tevreden?
Javascript begint tegenwoordig al weer flink in te raken...
.... ome blues gaat even naar de php code kijken ...
Voelt duizenden aanpassingen opborrelen...
houdt zich nog even in.
@dxtr: als het script niet in de weg zit en als je overal ook gewoon kunt komen zonder JavaScript ben ik tevreden. En als er geen onclicks en dat soort dingen in de HTML staan.
Dus alle javascript staat dan alleen in de script file.
@Hank, dikke tip: google eens op behaviour.js, of prototype.js, leuk spul.
Zeker van die flauwe filters?
Ga jij maar hitlerplaatjes posten, idioot.
Ik heb een paar dingetjes aangepast in de semi-stabiele versie 0.1.1. (Misschien moet die b maar weg).
Dat ziet er al stukken beter uit. Die h2's zijn mooi en die ullen en li's kan ik er zelf eenouding intypen. Als ik tijd heb maak ik een downloadbaar thema voor accuut gebruik.
Ik wil ook wel per default ullen en li's maken voor de navigatiebalk, en de tabellen afschaffen. Maar kun je voor de ullen en li's dan eens een mooi horizontaal CSS-voorbeeldje (inclusief 'selected') maken?
In mijn JavaScript voorbeeld zit een horizontale navigatie inclusief selected.
Helaas werkt het script niet meer zomaar met H2's. Maar die pas ik dan wel weer aan (:
Die is heel mooi. Alleen is het dan lastiger om een padding te geven als je een menu-item hoger wilt maken. Padding-top en bottom werken alleen op block-items, niet op inline. Helaas.
Vandaar dat ik meestal een float gebruik, ook al heeft dat zeker zijn nadelen.
Precies?
padding: a b c d; werkt wel bij inline, merk ik net.
Alstublieft, boswachter, een eerste gratis theme, als download aan te bieden op de ShortSite site. Die site mag sowieso wel wat fleuriger. Vandaar:
http://vasilis.nl/shortsite/colours/
Als je het wat vindt mail ik de zip wel.
Zeer mooi heftig zuurstokkerig Hank. Ik heb 'm meteen, met source en al, in de Examples gepleurd.
En ik heb ook ongeveer driekwart van al je raadgevingen opgevolgd in versie 0.1.3. De rest heb ik niet in de wind geslagen maar ik was er even te lui voor of te eigenwijs.
Nu wordt het tijd dat de PHP-source flink aangepakt wordt met versie 0.2.
*kijkt schichtig in het rond, met zweetdruppels op zijn slapen, of ome Blues niet al om de hoek komt zetten*
Gefeliciteerd!
En hier is Ome Bloeeeehooeeees...
Moet er PHP-code aangepakt worden?
Lekker een dikke class van bakken, was mijn eerste reactie :-)
Arduenn, ik zit het met bewondering te volgen.
Ik weet al op welk CMS mijn volgende site wordt gebouwd.
Hank, uitermate cool. En weer heel stoere scrolldingesen en zijtabs. Echt geweldig.
Jammer dat het natuurlijk weer niet in PHP5 mag :(
@Hank: steent inderdaad, alleen niet echt heel erg crossbrowser op het eerste gezicht. Maar who the koffieprut cares anyway.
IE krijgt gewoon een hele andere site te zien. Zelfde kleurtjes, nogal andere lay. Uitermate crossbrowser dus.
Ik kan wel een paar classes bakken maar i.d.d. dat gaat er ng prutseriger enorm prutserig uitzien met veel extra regels code in PHP4 (zou de huidige versie overigens ook PHP5-compatibel zijn?)
Ik zou pas classes maken als ik zeker weet dat die in andere apps ook van pas gaan komen. Die conversiefilter heeft wel een dikke kans, maar die kleine functietjes die er boven staan, die zijn niet echt multi-functioneel.
Als ik besluit een RSS-ding erin te bouwen, dan zou dat ook wel in een class kunnen. Maar ik weet nog niet of ik een RSS-ding erin wil bouwen. Daar vind ik heel eerlijk gezegd deze statische opzet van de site niet dynamisch gfenoeg voor.
Wellicht heb je nog wat tips i.v.m. recursieve preg_replace. Ik heb in het filter namelijk het gevoel dat er een paar omslachtige for loops zitten waar ook gewoon een PCRE voor geschreven kan worden. En aangezien jij verstand hebt van (Blues)filters...
Oh, misschien had ik even iets over die IE7 beta moeten mompelen...
En gewoon een heel andere site naar een browser pompen is natuurlijk niet echt crossbrowser ;)
Mjah, ik ben een beetje class-geil de laatste tijd. Maar het kan in meerdere opzichten handig zijn. Een update in de class hoeft bijvoorbeeld niet een hele index.php te vervangen, en kan dankzij een slimme interface gewoon blijven werken bij upgrades.
Nou ja... de index.php is op dit moment eigenlijk de class.
Wat ik overigens wel nog even heeeeeeeeeeeeeel erg snel zou fixen als ik jou was is de volgende functie:
function get_page() {
global $_GET;
if (!$_GET[page] or !file_exists($_GET[page])) {
$page_list = list_pages();
$page = $page_list[filename][0];
}
else {
$page = $_GET[page];
}
return($page);
}
Ten eerste is $_GET al heel erg global, maar waar ik vooral een strakke plasser van krijg is de regel $page = $_GET[page];
Kan leuk worden als ik index.php?page=../../mijncreditcard.txt ofzo intik.
Misschien een wat beter voorbeeldje van je security-gaatje:
IE7 is erg beta en als het zo blijft als het nu is is het een extra probleem ipv een oplossing.
*mompelvloekt iets over conditional comments aanpassen zodat ook IE7 gewoon een lutslay te zien krijgt*
In mijn definitie is crossbrowser \"de site op elke browser toegankelijk maken en er voor zorgen dat de layout er zo veel mogelijk als het ontwerp uitziet.\" Dat is hier van toepassing.
En....
Nou ja, het lijstje van Bos-wachtwoorden zal ik maar even achterwege laten...
LOL @ gedrocht...
Maar belangrijker lijkt mij het gapende gat waarmee ik vrolijk alle bos-wachtwoorden kan achterhalen... ;)
Gezien dat gat is mijn testsiteje efkes offline...
Heu... helemaal l33t ben ik overigens ook niet, want ik heb net alle links in deze post verneukt.... :-)
Oeps.
BOSWACHTERT! Wakker worden!
Kan iemand de boswachter even ontnuchteren?
Net zoals Arthur heb ik voorlopig alle shortsites offline gehaald. Ik wacht met spanning op het dichten van lek.
![[image]](http://img22.photobucket.com/albums/v66/jochie/weblog/solutie.jpg)
Ik snapt er niks van, ik voel me een beetje als Bianca vandaag.
Dat was toch reet die er even helemaal niks van begreep?
Wat is dan het alternatief voor dat lek? Alles in een array benoemen?
Ik zou zeggen, waarom niet van die code gewoon:
{ hacker = stom }
maken!
Heh? Wat? *wrijft ogen uit*
Wachtwoorden?
Ik had die dingen ook moeten md5-en, verdomme...
*leest alles nog eens*
Verdumd, nu zie ik het licht ook. *petst voor kop*
Zo. Dichtgetimmerd.
Ik voel me zo ontzettend Microsoft. Dank u ome Blues.
En blues voelt zich zo pauw als een Firevos, gok ik.
Jaja, die Blues toch, wat een kerel. 100 pond staal, en zo'n hartje *maakt klein gebaar met vingers*
Is het ook in de downloads dichtgetimmerd? Ik zal namelijk dat er ook bij mij iemand solliciteerde naar een ip-redirect.
Nee, nog niet. Ik zal er er even uitflikkeren. Goed dat je het zegt.
Zo. Kleurijke versie, gebaseerd op versie 1.4, met een ietwat aangepaste index.php en JavaScript toevoeging. Nu inclusief extragratis downloadlink in de footer!
Ik ben overigens nog iets tegengekomen:
De volgorde van de navigatie is niet alphabetisch op mijn server. Lokaal wel. Kan dit opgelost worden?
een bug in de kleurrijke versie! onther!
Onther? Ontharen?
Misschien is het niet heel handig om dat overduidelijk gecopyrighte plaatje niet als voorbeeld te gebruiken. Anders wordt het nog afghaan als een gieter.
Soort van offtopic: het wordt steeds gekker met dat Google...
Dat is anders. Dat is voor losers die geen HMTL kunnen. En dat zal stijf staan van de irritante Google Ads. De Geocities van de jaren nul.
ShortSite is voor mannen (m/v) met haar op hun pik.
Voor stoeren Mannen die niet bang zijn om zelf de boel te beveiligen en zelf waterleiding, cv, gas en electra in hun site in kunnen bouwen zonder lekken. Voor Mannen, die durven zich electrisch te scheren in bad. Voor mannen die met een zilveren theelepeltje de kaasklodders uit de broodrooster durven te schrapen, terwijl er in de andere sleuf nog een tosti zit. Voor Mannen, die hun tosti's even zwart drinken als hun ongefilterde koffie. Voor Mannen die geen gebruiksaanwijzing nodig hebben, omdat ze hun wil aan alles op leggen. Voor Mannen, die door hun borsthaar het Zwarte Bos niet meer zien. Voor Mannen waarbij mannen in het niet vallen, Voor Mannen die ver vooruitkijken overlaten aan de watjes; Voor die mannen is er ShortSite.
Mijn oma zegt altijd: 'Echte mannen drinken lenzenvloeistof'. En zij weet wat echte mannen zijn! Wat ik je blaf!
Hmm het het ziet er wel netjes uit.
LOL @ Arduenn & Dave.
(maar van Google Ads zie ik nog niks. Hebben ze ook niet nodig omdat ze alle geindexeerde info wel kunnen verkopen)
Overigens is mijn testsitedingetje weer geheel bleeding edge!
Ik las dat het een WYSIWYG-ding is bij Google, maar als ik de bloedende rand-lentetakken van jou zie heeft den gebruikert toch ook aardig de mogelijkheid om in de source te prutsen. En met zonder geen ads opent het wel perspectieven.
Erg zen en kalmerend thema, die bloesem. Erg zen ook de content :-)
Niks zelf geprutst, Arduenn... die bloesempagina is een standaard template waar je uit kunt kiezen.
Los van het altijd aanwezige ik-lever-mijn-ziel-uit-aan-google gevoel ziet het er best goed uit. En op het feit na dat de aldus gemaakte pagina's niet XHTML valideren, maar dat is muggeNziften.
![\"[image]\"](\"http://www.arduenn.com/img/de_generaal.jpg\")
1. Arduenn commented on 2006/2/20, 8.17 h:
Nog niet getest op een Win-doos.