Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Byturl.se - Behöver kritik och idéer

1 2 3 4 5 6
Skriv svar
Permalänk
Hedersmedlem ★
●

*Potentiell malwarelänk rensad*

Visa signatur

Nu med kortare användarnamn, men fortfarande bedövande långa inlägg.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Ser jättebra ut nu! Skall självklart rekommenderas till alla jag känner!

Visa signatur

CPU: i5 2500K 4.0GHz Grafikkort: ASUS GTX 560 TI TOP 1GB Chassi: Define R3 Moderkort: ASUS P8Z68-V RAM: G.SKILL 8GB RipJawz 1600Mhz Kylare: CM Hyper 212+ Nätagg: OCZ ModXStream 500W Skärm: Samsung SyncMaster S23A350H

Redigera
Citera flera Citera
Permalänk
Medlem
●

Din "förläng URL" fungerar inte om man skriver in "www.byturl.se/xxxx", eller "http://www.byturl.se/xxxxx".

Visa signatur

Citera om du skriver till mig. Annars läser jag troligtvis INTE.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av qarek100:

Nu har jag fixat så det ser ut bättre på mobiler

Gå till inlägget

Du får nog arbeta lite mer på att anpassa sidan för mobiler, den anpassas inte alls på min Lumia 920.

Redigera
Citera flera Citera
Permalänk
Avstängd
●
Skrivet av phz:

Här kommer en modifierad, indenterad och kommenterad variant av framsidans källkod. Den funkar inte identiskt rakt av, men troligen med väldigt små modifikationer i ditt CSS.

Mycket handlar om att använda rätt taggar på rätt plats. Man kan prata länge om historiken gällande vad HTML utvecklades för, hur det användes till fel saker, hur CSS tillkom för att fixa detta, hur det introducerade andra problem, hur XHTML skulle lösa dessa, vad explosionen av alternativa agenter gjort (mobiler, konsoler, etc.), insticksprogrammens död, etc., men utan att göra det så kan man kortfattat säga just: använd taggar till det de är till för. Använd inte <div> som en sorts "generell" tagg för allt bara för att det (under specifika omständigheter) går att få detta att fungera grafiskt.

Både [html]- och [php]-uppmärkning på SweClockers ger rätt hemska resultat i detta fall, så jag rekommenderar att läsa dokumentet på Pastebin i stället om du är intresserad. Infogar det även nedan i [code]-taggar för fullständighet.

<!DOCTYPE html>
<!--Bort med onödigt mellanslag i <html>-taggen-->
<html>
<!--Använd indrag för att logiskt dela upp sidans struktur för att enkelt själv
kunna följa flödet.-->
<head>
	<meta charset="utf-8">
	<!--"Rätt" streck (em dash) även i titeln-->
	<title>Byt Url — Förkortar din URL</title>
	<!--Vi behöver inga självslutande taggar i HTML5!-->
	<meta name="viewport" content="width=device-width, minimumscale=1.0, maximum-scale=1.0">
	<link rel="stylesheet" media="(min-device-width: 480px)" href="style.css">
	<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="mobile.css">
	<meta name="keywords" content="url, kortare, förkorta">
</head>

<body>
<div id="container">
	<!--Använd <h1> runt ditt sidnamn för att sökmotorer ska hitta sidan
	bättre — se <http://youtu.be/fBLvn_WkDJ4>-->
	<!--Jag satte id="logo" här istf id="logo_image" på bilden. Tydligare
	så. Bilden kommer du åt via "#logo img" i CSS likväl.-->
	<h1 id="logo">
		<a href="http://byturl.se">
			<!--Glöm inte alt-text! Återigen för sökmotorer, men
			även för alternativa sätt att se sidan. God sed.-->
			<!--Logon säger "BytUrl.se", men i övrigt refererar du
			till sidan som "Byt Url". Du borde likrikta detta —
			antingen allid "byturl.se" eller alltid "Byt Url".-->
			<img src="img/byturl.png" alt="Byt Url">
		</a>
	</h1>

	<!--Berätta för webläsaren att detta är ett formulär. Återigen för
	sökmotorer och alternativa åtkomstsätt. Det vore inte heller fel att
	kunna låta formuläret användas på "vanligt sätt" för de som inte har
	Javascript aktiverat (ja, dessa personer finns, av olika anledningar).
	Du kan använda din JQuery-metod som primär funktion, men använda
	klassisk HTML-POST som fallback.-->
	<form id="forkorta">
		<!--type="url" är ett tillägg i HTML5 som gör att webbläsaren
		automatiskt förstår att det är en URL som ska in i fältet.
		Detta gör skillnad för t ex mobilers skärmtangentbord.-->
		<input id="url" type="url" name="URL" title="Ange URL som ska förkortas." placeholder="http://dinurl.se/SomÄrLång">
		<input id="shorten" type="submit" name="submit" value="Förkorta din URL / Förläng en förkortad URL">
	</form>

	<!--<div id="correct"> och "error" skulle säkert lika gärna kunna
	vara <p id="correct"> osv. Det skulle bli tydligare i funktion.-->
	<div id="correct"></div>
	<div id="error"></div>
	<!--Ändrade formuleringen en aning. Kort och kärnfullt är nästan alltid
	bättre — personer orkar inte läsa speciellt många tecken.-->
	<p class="text mobile">Är du trött på långa webbadresser? Då har du kommit rätt. Genom att skriva in en URL i textfältet ovan skapas en kort URL som pekar rätt och aldrig slutar fungera.</p>
	<!--Du hade en </a>-tagg i denna mening som inte hade någon
	"kompis".-->
	<p class="text mobile">Har du fått en förkortad URL som du inte vågar följa förrän du vet vart den leder? Använd vår URL-förlängning genom att skriva in din förkortade URL i sökrutan.</p>
	<div class="text mobile">
		<!--Här var det <h3> innan, men du hade varken <h1> eller <h2>.
		Stylingen sköts genom CSS ändå, så det är semantiskt mer
		korrekt att ha <h2> här: din andra rubriknivå.-->
		<h2>Ett exempel</h2>
		<!--Denna text låg inte inom en <p>-tagg innan, utan direkt
		under <div>, som inte är en text-container.-->
		<p>
			<!--Så här slipper vi fula <br>- och helt onödiga
			<span>-taggar: sätt "a.exampleUrl{display: block;}" i
			din CSS-fil.-->
			Original-URL:
			<!--Roligare att göra länkarna till faktiska länkar,
			och inte bara stylea dem så att de _ser ut_ som länkar
			som tidigare. Det bara förvirrar användare — alla är
			vana vid att URL:er som är blåa är klickbara.-->
			<!--Notera också att jag escapeat "&" i både href=""
			och i texten till "&". Gör man inte det skulle man
			med lite otur kunna få en URL som webbläsaren kommer
			tolka som en entitet och då skicka användaren fel/visa
			fel text.-->
			<a class="exampleUrl" href="https://www.google.se/search?q=byt+url&aq=f&oq=byt+url&ie=UTF...">https://www.google.se/search?q=byt+url&aq=f&oq=byt+url&ie=UTF...</a>
			Förkortad URL:
			<a class="exampleUrl" href="http://byturl.se/itlxa">http://byturl.se/itlxa</a>
		</p>
	</div>
</div>

<footer>© 2013 Byt Url — Förkortar din URL</footer>
<script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="js.js" type="text/javascript"></script>
<!--Konsekvent indrag. Notera att det inte är _helt_ konsekvent iom att jag
inte gjort extra indrag för <html> respektive <body>, men det är bara ett
personligt stilval. Jag tycker att det är lätt att dokumentet blir
oöverblickbart med dessa extra två indragsnivåer som detta medför gällande hela
dokumentet.-->
<script type="text/javascript">
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-38765575-3']);
	_gaq.push(['_trackPageview']);
	(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})();
</script>

</body>
</html>
Dold text

EDIT: direkt när jag postat så kom jag på att <h1>-taggen inte behöver ha något id-attribut öht egentligen: det är ju bara den som är <h1> per definition.

Gå till inlägget

Nu har jag fixat det tack så hemskt mycket !!!

Skrivet av Tozzi:

Skulle ta bort denna gröna ruta:

"Du har kommit till rätt ställe ifall du är trött på långa webbadresser. Genom att skriva in en URL i textfältet ovan kommer vi skapa en webbadress som är kort och aldrig slutar fungera."

Ser lite plottrigt ut annars. Annars skulle jag sammanfoga dem i samma gröna ruta och inte dela upp del i smårutor (ser plottrigt ut).

Skulle även vilja lägga till där du kan skriva egen text efter istället för något random.

t.ex: http://byturl.se/tozzi

Gå till inlägget

Nu har jag tagit bort en ruta plus att jag har gjort så man kan ha egen alias.

Skrivet av Nelek1:

Ser jättebra ut nu! Skall självklart rekommenderas till alla jag känner!

Gå till inlägget

Tack

Skrivet av anden12:

Din "förläng URL" fungerar inte om man skriver in "www.byturl.se/xxxx", eller "http://www.byturl.se/xxxxx".

Gå till inlägget

kan du förklara mer hittar inte felet?

Skrivet av Larre77:

Du får nog arbeta lite mer på att anpassa sidan för mobiler, den anpassas inte alls på min Lumia 920.

Gå till inlägget

Kan du fixa en screenshot eller liknade. Så jag vet vad jag ska fixa.

Tack för att ni hjälper

Visa signatur

Är du trött på långa url adresser? BytURL.se
Ska du till DreamHack? Då har du chansen att vinna en Byturl T-shirt! Facebook
Citera för svar

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av qarek100:

Nu har jag fixat det tack så hemskt mycket !!!

Nu har jag tagit bort en ruta plus att jag har gjort så man kan ha egen alias.

Tack

kan du förklara mer hittar inte felet?

Kan du fixa en screenshot eller liknade. Så jag vet vad jag ska fixa.

Tack för att ni hjälper

Gå till inlägget

Woho, det var snabbt fixat! (Testa min länk nu som va exempel) ;D

Visa signatur

HTPC - Bygglogg; http://www.sweclockers.com/album/?id=2902
HTPC - Galleri; http://www.sweclockers.com/galleri/6562-htpc-galleribilder
42U - Bygglogg; http://www.sweclockers.com/galleri/7862-42u-rackskap-i-hemmet
i7 8700K, Antec kühler 620, Asus ROG Strix Z370-I Gaming, Corsair Vengeance RGB DDR4-2666 2x16GB RAM, ASUS GTX 1070

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av qarek100:

kan du förklara mer hittar inte felet?

Gå till inlägget

Den fungerar enbart att förlänga URL's i formatet "http://byturl.se/xxxx". Det vill säga, skriver man in byturl-urlen i formaten "http://www.byturl.se/xxxx" eller "www.byturl.se/xxxx" så fungerar det inte att förlänga utan man får upp "URL hittades inte".

Visa signatur

Citera om du skriver till mig. Annars läser jag troligtvis INTE.

Redigera
Citera flera Citera
Permalänk
Avstängd
●
Skrivet av Tozzi:

Woho, det var snabbt fixat! (Testa min länk nu som va exempel) ;D

Gå till inlägget

Gör mitt bästa för att lösa saker fort.

Skrivet av anden12:

Den fungerar enbart att förlänga URL's i formatet "http://byturl.se/xxxx". Det vill säga, skriver man in byturl-urlen i formaten "http://www.byturl.se/xxxx" eller "www.byturl.se/xxxx" så fungerar det inte att förlänga utan man får upp "URL hittades inte".

Gå till inlägget

Nu har jag fixat det. Tack

Visa signatur

Är du trött på långa url adresser? BytURL.se
Ska du till DreamHack? Då har du chansen att vinna en Byturl T-shirt! Facebook
Citera för svar

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Kan säga att det blev grymt bra med "alias", tummen upp på den! (tänkte igentligen bara passa på och bumpa upp tråden)

Redigera
Citera flera Citera
Permalänk
Avstängd
●
Skrivet av fax110:

Kan säga att det blev grymt bra med "alias", tummen upp på den! (tänkte igentligen bara passa på och bumpa upp tråden)

Gå till inlägget

Man tackar
Jag har ändrat designen på hela sidan och jag undrar vad ni tycker om den nya?

Senast redigerat
Visa signatur

Är du trött på långa url adresser? BytURL.se
Ska du till DreamHack? Då har du chansen att vinna en Byturl T-shirt! Facebook
Citera för svar

Redigera
Citera flera Citera
Permalänk
Medlem
●

Måste säga att typsnittet på loggan inte är speciellt snyggt eller ger ett seriöst intryck.
Annars helt ok!

Visa signatur

Bal-Sagoth | Ensiferum | Windir | Finntroll | Wintersun | Amon Amarth | Moonsorrow | Nazgûl

Redigera
Citera flera Citera
Permalänk
Avstängd
●
Skrivet av metalbast:

Måste säga att typsnittet på loggan inte är speciellt snyggt eller ger ett seriöst intryck.
Annars helt ok!

Gå till inlägget

Okej har du tips på typsnitt jag kan använda? Har byt ut loggan flera gånger nu men blir aldrig nöjd. Kom gärna med förslag
Tack för din hjälp

Visa signatur

Är du trött på långa url adresser? BytURL.se
Ska du till DreamHack? Då har du chansen att vinna en Byturl T-shirt! Facebook
Citera för svar

Redigera
Citera flera Citera
Permalänk
Inaktiv
●
Skrivet av qarek100:

Okej har du tips på typsnitt jag kan använda? Har byt ut loggan flera gånger nu men blir aldrig nöjd. Kom gärna med förslag
Tack för din hjälp

Gå till inlägget

Använd Arial eller helvetica och gör den mindre, inget mer krävs

Du borde också fundera på att köpa domänen byt.nu eller dylikt, såsom bit.ly (vilket du säkert kollat in)
Skulle också vara bra om du skrev något om hur länge du sparade förkortningarna, så att man eventuellt törs ha med dem på en powerpoint.

Redigera
Citera flera Citera
Permalänk
Avstängd
●
Skrivet av anon81912:

Använd Arial eller helvetica och gör den mindre, inget mer krävs

Du borde också fundera på att köpa domänen byt.nu eller dylikt, såsom bit.ly (vilket du säkert kollat in)
Skulle också vara bra om du skrev något om hur länge du sparade förkortningarna, så att man eventuellt törs ha med dem på en powerpoint.

Gå till inlägget

Nu har jag ändrat den till arial vad tycks?Dem sparas för alltid ifall man klickar på dem minst 1 gång var 3:månad. Seedan går det få det mindre ifall man använder sig av xea.se/id du får på byturl.se
Tack för att du hjälper

Visa signatur

Är du trött på långa url adresser? BytURL.se
Ska du till DreamHack? Då har du chansen att vinna en Byturl T-shirt! Facebook
Citera för svar

Redigera
Citera flera Citera
Permalänk
Inaktiv
●

Nu ser den med eftertryck MYCKET seriösare ut bra jobbat. Får se om det blir någt jag använder i framtiden!

Redigera
Citera flera Citera
Permalänk
Hedersmedlem ★
●
Skrivet av qarek100:

Dem sparas för alltid ifall man klickar på dem minst 1 gång var 3:månad.

Gå till inlägget

Varför denna begränsning? Lagringsutrymmet bör vara försumbart — varför inte lagra saker för evigt?

"För evigt" är givetvis en stark förenkling i vilket fall: kortlänkarna är ju bara kvar så länge sidan sköts. Detta är något som ligger en så här liten sida i fatet jfr m Googles och andras alternativ — de backas av så stora och välanvända organisationer att de rimligen inte kommer försvinna. Vad gäller ren funktionalitet så erbjuder de även statistik över länkanvändandet för de som är intresserade av detta (via formatet http://goo.gl/F0pE+ som nämndes i tidigare post).

En notis vad gäller länklängd är att goo.gl, som troligen har hundratals miljoner adresser sparade, ändå bara har 5 tecken i sina förkortade ID-nummer, vilket byturl.se redan genererar. När tanken är just att få så kort URL som möjligt så är längden hårdvaluta.

Driftsäkerheten samt även eventuellt URL-längden beroende på hur algoritmen skalar är saker som potentiellt kan få användare att välja andra tjänster. Det vore nog bra att åtminstone "garantera" länkarnas livslängd så länge sidan finns iaf.

Visa signatur

Nu med kortare användarnamn, men fortfarande bedövande långa inlägg.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Hemsidan funkar nu inte alls för mig,

jag kan varken trycka på "vanlig, avancerad, hjälp" eller skriva in en länk och trycka enter, gör jag något laddas sidan snabbt til byturl.se/# (bara första gången) men allt blir det samma,

på telefonen funkade det för en stund sedan och då tyckte jag att det som stog i "hjälp" var alldeles för dåligt,
om man tänker sig att någon som inte vet nånting om sånt här trycker hjälp och så står det bara "skriv in din långa url här och tryck xxxxx" (och då kan man inte ens se någon knapp som man skulle kunna trycka på utan det måste ju vara enter man ska trycka)

och nu funkar det heller inte på mobilen men tidigare och nu också är det så på mobilen att första gången jag laddar sidan så är den i "dator läge" och laddar jag om sidan så optimeras den efter mobilen och blir väldigt ihop tryckt och då står det under rutan hjälp?avanceradvanlig utan mellanrum,

ber om ursäkt för dålig svenska..

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Funkar inte alls.

Visa signatur

Stationär: RTX 4090 OC ASUS | Ryzen 9 5950X | G.Skill Trident Z NEO 3600mhz 32GB | Arctic Liquid Freezer III 360 | Corsair HX1000i | Asus Rog Strix X570-F Gaming | Samsung 990 PRO 2TB | Samsung 980 PRO 2TB | Fractal Design North XL

Jobbdator: MacBook Pro 16" i7 6C, 16GB ram DDR4, AMD Radeon Pro 5300M 4GB

Redigera
Citera flera Citera
Permalänk
Avstängd
●
Skrivet av anon81912:

Nu ser den med eftertryck MYCKET seriösare ut bra jobbat. Får se om det blir någt jag använder i framtiden!

Gå till inlägget

Man tackar

Skrivet av phz:

Varför denna begränsning? Lagringsutrymmet bör vara försumbart — varför inte lagra saker för evigt?

"För evigt" är givetvis en stark förenkling i vilket fall: kortlänkarna är ju bara kvar så länge sidan sköts. Detta är något som ligger en så här liten sida i fatet jfr m Googles och andras alternativ — de backas av så stora och välanvända organisationer att de rimligen inte kommer försvinna. Vad gäller ren funktionalitet så erbjuder de även statistik över länkanvändandet för de som är intresserade av detta (via formatet http://goo.gl/F0pE+ som nämndes i tidigare post).

En notis vad gäller länklängd är att goo.gl, som troligen har hundratals miljoner adresser sparade, ändå bara har 5 tecken i sina förkortade ID-nummer, vilket byturl.se redan genererar. När tanken är just att få så kort URL som möjligt så är längden hårdvaluta.

Driftsäkerheten samt även eventuellt URL-längden beroende på hur algoritmen skalar är saker som potentiellt kan få användare att välja andra tjänster. Det vore nog bra att åtminstone "garantera" länkarnas livslängd så länge sidan finns iaf.

Gå till inlägget

Har tänk över allt du säger och håller på implementarar så man kan få det ännu kortare ifall man klickar på avancerat. Det man får då är xea.se/något

Skrivet av fax110:

Hemsidan funkar nu inte alls för mig,

jag kan varken trycka på "vanlig, avancerad, hjälp" eller skriva in en länk och trycka enter, gör jag något laddas sidan snabbt til byturl.se/# (bara första gången) men allt blir det samma,

på telefonen funkade det för en stund sedan och då tyckte jag att det som stog i "hjälp" var alldeles för dåligt,
om man tänker sig att någon som inte vet nånting om sånt här trycker hjälp och så står det bara "skriv in din långa url här och tryck xxxxx" (och då kan man inte ens se någon knapp som man skulle kunna trycka på utan det måste ju vara enter man ska trycka)

och nu funkar det heller inte på mobilen men tidigare och nu också är det så på mobilen att första gången jag laddar sidan så är den i "dator läge" och laddar jag om sidan så optimeras den efter mobilen och blir väldigt ihop tryckt och då står det under rutan hjälp?avanceradvanlig utan mellanrum,

ber om ursäkt för dålig svenska..

Gå till inlägget

jag håller på och uppdatera allt för att kunna göra url ännu kortare det är därför sidan inte fungerar för tillfället

Skrivet av klotim:

Funkar inte alls.

Gå till inlägget

Nu är uppdateringen klar och man kan använda sig av både byturl.se/id och xea.se/id
Tack för att ni hjälper mig

Visa signatur

Är du trött på långa url adresser? BytURL.se
Ska du till DreamHack? Då har du chansen att vinna en Byturl T-shirt! Facebook
Citera för svar

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Nu funkar det ja men när jag har gett ett alias och sen vill ändra allias igen så blir det samma alias igen som förra gången även fast jag bytte namn denna gången

Visa signatur

Stationär: RTX 4090 OC ASUS | Ryzen 9 5950X | G.Skill Trident Z NEO 3600mhz 32GB | Arctic Liquid Freezer III 360 | Corsair HX1000i | Asus Rog Strix X570-F Gaming | Samsung 990 PRO 2TB | Samsung 980 PRO 2TB | Fractal Design North XL

Jobbdator: MacBook Pro 16" i7 6C, 16GB ram DDR4, AMD Radeon Pro 5300M 4GB

Redigera
Citera flera Citera
Permalänk
Avstängd
●
Skrivet av klotim:

Nu funkar det ja men när jag har gett ett alias och sen vill ändra allias igen så blir det samma alias igen som förra gången även fast jag bytte namn denna gången

Gå till inlägget

Nu har jag löst det. Sedan har jag lagt till så ifall man söker på en url så får man veta hur många som har besökt den

Skrivet av phz:

Varför denna begränsning? Lagringsutrymmet bör vara försumbart — varför inte lagra saker för evigt?

Gå till inlägget

Jag har tänkt på det hur länge dom ska vara kvar och det blir "för evigt". För att användarna ska bli nöjda

Visa signatur

Är du trött på långa url adresser? BytURL.se
Ska du till DreamHack? Då har du chansen att vinna en Byturl T-shirt! Facebook
Citera för svar

Redigera
Citera flera Citera
Permalänk
Medlem
●

Om du inte behöver några fancy text-effekter som inte går att uppnå med CSS (vilket du inte har nu) tycker jag att du ska göra "loggan" enbart med text/kod istället för att ha en bild, på det sättet kommer den skala indefinitely oavsett upplösning, utan kvalitetsförluster, men kom då ihåg att ange font-size i em och inte px/pt! Tycker för övrigt att det varit sjukt kul att se sidan utvecklas från en sida med begränsade funktioner och mycket text till en helt nedskalad sida, mycket snyggare nu än i början!

Edit: dock bör du ändra din hjälp-text så att den blir grammatiskt korrekt, samt inte referera till "förkorta URL"-knappen som inte existerar längre!

En rekommendation är att byta

Citat:

Skriv in din långa url i textrutan där uppe sedan klickar du på knappen med texten "Förkorta din URL"

till

Citat:

Skriv in din [långa] URL i textrutan ovan och tryck därefter på enterknappen för att förkorta din URL

eller liknande. (Angav 'långa' i hakparantes för att den kanske inte är nödvändig, du får välja själv, hakparantesen ska självklart inte stå i den slutgiltiga versionen)

Edit 2: Såg nu även att "hjälp"-rutan kommer från vänstra hörnet av textrutan man fyller i, tycker personligen att det skulle vara så att "hjälp"-rutan animerades från texten "hjälp?" åt vänster. Dvs från höger till vänster istället för vänster till höger som det är nu

Edit 3: såg att knappen förkorta/förläng url kommer upp när man börjar skriva!

Vidare tycker jag att "du måste ange en URL" ska försvinna när man börjar skriva, för det kan bli väldigt mycket med allt öppet, och kanske att "hjälp"-rutan ska försvinna när man börjar skriva (om den är öppen), annars kan det nämligen se ut så här:

Ser nu också att texten "hjälp?" inte verkar ha någon CSS på mobilen, den är nämligen understruken, blå och med ett fult serif-typsnitt, men detta kanske är meningen (dock borde du åtminstone ändra typsnitt)!

Ytterligare en edit: ser nu att du ändrat loggan till endast, text, bra gjort! Dock skulle du kunna ge länken ett id för att sedan applicera följande CSS för att göra så att användaren inte kan markera textern i loggan!

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
Senast redigerat
Visa signatur

Citera för svar!|Fraktfritt hos INET|Min hemsida
Fractal Design Define R3|Corsair AX 850W|Gigabyte Nvidia GeForce GTX 570|Corsair Vengeance 1600MHz 2x4GB|ASRock P67 Extreme4|Intel Core i5 2500K|2x Samsung Spinpoint F3 1TB|Samsung Blu-Ray läsare
Nikon D7000|Nikon 60mm macro|Nikon 18-70|Nikon 55-300|Nikon 10.5 Fisheye

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Simpelt, helt okej font, enkel bakgrund och lite modern design med den rundade boxen. Ser inga fel på den. Snyggt jobbat.

Visa signatur

Citera om du vill ha svar, hjälpte jag dig, gilla svaret!
Felkod40

Redigera
Citera flera Citera
Permalänk
Avstängd
●
Skrivet av phroggyy:

Om du inte behöver några fancy text-effekter som inte går att uppnå med CSS (vilket du inte har nu) tycker jag att du ska göra "loggan" enbart med text/kod istället för att ha en bild, på det sättet kommer den skala indefinitely oavsett upplösning, utan kvalitetsförluster, men kom då ihåg att ange font-size i em och inte px/pt! Tycker för övrigt att det varit sjukt kul att se sidan utvecklas från en sida med begränsade funktioner och mycket text till en helt nedskalad sida, mycket snyggare nu än i början!

Edit: dock bör du ändra din hjälp-text så att den blir grammatiskt korrekt, samt inte referera till "förkorta URL"-knappen som inte existerar längre!

En rekommendation är att byta

till

eller liknande. (Angav 'långa' i hakparantes för att den kanske inte är nödvändig, du får välja själv, hakparantesen ska självklart inte stå i den slutgiltiga versionen)

Edit 2: Såg nu även att "hjälp"-rutan kommer från vänstra hörnet av textrutan man fyller i, tycker personligen att det skulle vara så att "hjälp"-rutan animerades från texten "hjälp?" åt vänster. Dvs från höger till vänster istället för vänster till höger som det är nu

Edit 3: såg att knappen förkorta/förläng url kommer upp när man börjar skriva!

Vidare tycker jag att "du måste ange en URL" ska försvinna när man börjar skriva, för det kan bli väldigt mycket med allt öppet, och kanske att "hjälp"-rutan ska försvinna när man börjar skriva (om den är öppen), annars kan det nämligen se ut så här:

http://img831.imageshack.us/img831/3555/screenshot20130331at9...

Ser nu också att texten "hjälp?" inte verkar ha någon CSS på mobilen, den är nämligen understruken, blå och med ett fult serif-typsnitt, men detta kanske är meningen (dock borde du åtminstone ändra typsnitt)!

Ytterligare en edit: ser nu att du ändrat loggan till endast, text, bra gjort! Dock skulle du kunna ge länken ett id för att sedan applicera följande CSS för att göra så att användaren inte kan markera textern i loggan!

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
Gå till inlägget

Tack så hemskt mycket har fixat allt du listade

Skrivet av freddyfresh:

Simpelt, helt okej font, enkel bakgrund och lite modern design med den rundade boxen. Ser inga fel på den. Snyggt jobbat.

Gå till inlägget

Man tackar

Visa signatur

Är du trött på långa url adresser? BytURL.se
Ska du till DreamHack? Då har du chansen att vinna en Byturl T-shirt! Facebook
Citera för svar

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

nu funkar allting helt okej igen, dock tycker jag att du ska ändra färgen på länken man får till svart, för kopierar man den rakt av som man får den nu och skriver in den på vissa forum som har vit bakgrund så syns inte länken och på just det forumet jag skulle skriva länken på så kunden man inte ändra färg på texten heller, så jag var tvungen att klistra in länken i min webbläsare och kopiera den igen (lite extra omständigt)

Redigera
Citera flera Citera
Permalänk
Avstängd
●
Skrivet av fax110:

nu funkar allting helt okej igen, dock tycker jag att du ska ändra färgen på länken man får till svart, för kopierar man den rakt av som man får den nu och skriver in den på vissa forum som har vit bakgrund så syns inte länken och på just det forumet jag skulle skriva länken på så kunden man inte ändra färg på texten heller, så jag var tvungen att klistra in länken i min webbläsare och kopiera den igen (lite extra omständigt)

Gå till inlägget

Tack för tipset fixade det direkt

Visa signatur

Är du trött på långa url adresser? BytURL.se
Ska du till DreamHack? Då har du chansen att vinna en Byturl T-shirt! Facebook
Citera för svar

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av qarek100:

Tack för tipset fixade det direkt

Gå till inlägget

Perfekt !

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av qarek100:

Tack så hemskt mycket har fixat allt du listade

Man tackar

Gå till inlägget

Bra gjort! Bara en liten kommentar (det är inget viktigt alls, utan bara rent estetiskt): öppningen av hjälp-dialogen är inte längre animerad, animera bara från höger till vänster så blir det riktigt snyggt!

Även bra gjort med att "du måste ange en URL" försvinner när man skriver. Du skulle kunna utveckla det här till att fungera för "ange en alias" samt knappen för att skapa länken, dvs att fältet samt knappen försvinner om man tar bort det man skrivit ur fältet!

Skulle för övrigt vara riktigt kul om du eller någon annan har screenshots på hur det sett ut längs vägen, så man verkligen kan se hur det utvecklats, tror att det finns många här på forumet som då lättare kan uppskatta allt arbete som lagts ner, och det kan vara lite kul att se hur det utvecklats, och se hur man bidragit, bara en kul idé!

Visa signatur

Citera för svar!|Fraktfritt hos INET|Min hemsida
Fractal Design Define R3|Corsair AX 850W|Gigabyte Nvidia GeForce GTX 570|Corsair Vengeance 1600MHz 2x4GB|ASRock P67 Extreme4|Intel Core i5 2500K|2x Samsung Spinpoint F3 1TB|Samsung Blu-Ray läsare
Nikon D7000|Nikon 60mm macro|Nikon 18-70|Nikon 55-300|Nikon 10.5 Fisheye

Redigera
Citera flera Citera
Permalänk
Avstängd
●
Skrivet av phroggyy:

Bra gjort! Bara en liten kommentar (det är inget viktigt alls, utan bara rent estetiskt): öppningen av hjälp-dialogen är inte längre animerad, animera bara från höger till vänster så blir det riktigt snyggt!

Även bra gjort med att "du måste ange en URL" försvinner när man skriver. Du skulle kunna utveckla det här till att fungera för "ange en alias" samt knappen för att skapa länken, dvs att fältet samt knappen försvinner om man tar bort det man skrivit ur fältet!

Skulle för övrigt vara riktigt kul om du eller någon annan har screenshots på hur det sett ut längs vägen, så man verkligen kan se hur det utvecklats, tror att det finns många här på forumet som då lättare kan uppskatta allt arbete som lagts ner, och det kan vara lite kul att se hur det utvecklats, och se hur man bidragit, bara en kul idé!

Gå till inlägget

Jag försökte fixa det men fick inte det och funka. Har du tips på hur jag löser det med animeringen?

Visa signatur

Är du trött på långa url adresser? BytURL.se
Ska du till DreamHack? Då har du chansen att vinna en Byturl T-shirt! Facebook
Citera för svar

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av qarek100:

Jag försökte fixa det men fick inte det och funka. Har du tips på hur jag löser det med animeringen?

Gå till inlägget

Tyvärr inte, ser att du använder .hide och .show, och efter att ha läst lite om dessa inser jag att de inte verkar gå att specifiera riktning på, men ska se om jag hittar något! Om vi inte hittar en lösning på det här skulle jag ändå föreslå någon animation, t ex att rutan har en fade in, blir snyggare än att den bara kommer upp

Sidan har för övrigt blivit riktigt trevlig sedan du började, otroligt vad den har förbättrats!

Edit: det här kanske kan hjälpa, eller? http://stackoverflow.com/questions/7099191/jquery-showslow-di...

Senast redigerat
Visa signatur

Citera för svar!|Fraktfritt hos INET|Min hemsida
Fractal Design Define R3|Corsair AX 850W|Gigabyte Nvidia GeForce GTX 570|Corsair Vengeance 1600MHz 2x4GB|ASRock P67 Extreme4|Intel Core i5 2500K|2x Samsung Spinpoint F3 1TB|Samsung Blu-Ray läsare
Nikon D7000|Nikon 60mm macro|Nikon 18-70|Nikon 55-300|Nikon 10.5 Fisheye

Redigera
Citera flera Citera
1 2 3 4 5 6
Skriv svar