webdevRefinery Forum: dl.tl - link shortener - webdevRefinery Forum

Jump to content

  • 2 Pages +
  • 1
  • 2
  • You cannot start a new topic
  • You cannot reply to this topic

Rate Topic: -----

User is offline DarkCoder 

  • Group: Members
  • Posts: 1463
  • Joined: 08-March 10
  • LocationEngland, United Kingdom
  • Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 11 September 2011 - 05:28 AM (#1)

dl.tl - link shortener


I've just finished the first version of my URL shortener - dl.tl

It uses some CSS3 transitions (for the tooltips) but the fading of the input and button are both done through jQuery, as is most of the AJAX.

In later versions of the site, I am looking to add analytics for the short URLs.

I am looking to add the functionality of choosing your short URL - I am just not sure how I could fit this into the design. Any ideas?
0


User is online Cyril 

  • Group: Members
  • Posts: 2545
  • Joined: 03-August 10
  • Expertise:HTML,CSS,PHP,Javascript,Graphics

Posted 11 September 2011 - 05:51 AM (#2)

Nice idea, but the fading in / out doesn't really feel right. I'll explain a little later, busy right now :D

website :: github :: twitter :: dribbble :: forrst
html, css, php, javascript, graphics
0


User is offline DarkCoder 

  • Group: Members
  • Posts: 1463
  • Joined: 08-March 10
  • LocationEngland, United Kingdom
  • Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 11 September 2011 - 06:16 AM (#3)

View Postcyrilmengin, on 11 September 2011 - 05:51 AM, said:

Nice idea, but the fading in / out doesn't really feel right. I'll explain a little later, busy right now :D

One of the reasons behind the animation is to give it time to execute the AJAX request to generate the short link.
0


User is offline callumacrae 

  • {{ post.author }}
  • Group: Members
  • Posts: 2867
  • Joined: 20-January 11
  • LocationWarwickshire, England
  • Expertise:HTML,CSS,PHP,Javascript,Node.js,SQL

Posted 11 September 2011 - 06:33 AM (#4)

Posted Image

You're just using it for animations and AJAX, why not cut down the page loading time hugely and use real js?
Front-end developer and writer
Twitter | GitHub | phpBB Contributor and Website Team Member | lynxphp
0


User is offline iCyan 

  • Group: Members
  • Posts: 205
  • Joined: 15-May 11
  • Expertise:HTML,CSS,Graphics,Flash

Posted 11 September 2011 - 07:30 AM (#5)

Awesome stuff
iCyan Allias
0


User is online Cyril 

  • Group: Members
  • Posts: 2545
  • Joined: 03-August 10
  • Expertise:HTML,CSS,PHP,Javascript,Graphics

Posted 11 September 2011 - 07:31 AM (#6)

Urgh, the short urls redirect to the site, so there's a flash of "dl.tl" :(

website :: github :: twitter :: dribbble :: forrst
html, css, php, javascript, graphics
0


User is offline Koen 

  • Leroy Jenkins
  • Group: Members
  • Posts: 2503
  • Joined: 10-March 10
  • Locationthe Netherlands
  • Expertise:HTML,CSS,Javascript,Graphics

Posted 11 September 2011 - 09:17 AM (#7)

View Postcyrilmengin, on 11 September 2011 - 07:31 AM, said:

Urgh, the short urls redirect to the site, so there's a flash of "dl.tl" :(

No, they're the home url with a hash attached to it. It uses JS to redirect, which is terrible (as long as it isn't Node.js).
Please click the + if I helped you!
Twitter: @KoenKlaren

<callumacrae> YOU DID A ROMNEY
0


User is offline Qasim 

  • Group: Members
  • Posts: 522
  • Joined: 25-October 10
  • LocationOntario, Canada
  • Expertise:HTML,CSS,PHP,Java,Javascript,Graphics

Posted 11 September 2011 - 09:41 AM (#8)

I'm really loving the simplicity and design of the UI. But wouldnt it be more appropriate for the redirect to be server-sided? Every redirect the page first has to load jQuery, do the AJAX and then redirect which takes a noticeably long time. Nice domain you snagged there though :D
Qasim Iqbal
[HTML] [CSS] [JS] [PHP] [JAVA]
[ANDROID DEVELOPER] [CHROME WEB STORE DEVELOPER]
[WEBSITE] [FACEBOOK] [FORRST]
0


User is offline ShanePerreault 

  • Sleep Burns My Eyes
  • Group: Members
  • Posts: 1075
  • Joined: 19-March 10
  • LocationChicago, USA
  • Expertise:PHP,Java,Javascript,Ruby on Rails,SQL

Posted 11 September 2011 - 12:28 PM (#9)

Javascript doesn't seem to be the answer for a service like this. Good job and all, I mean, it's a great application, but I think something more like a Sinatra app with Redis store would keep speed up and effort small.

Languages: PHP | JS | Ruby | Rails | C# | Python | Java
0


User is offline Daniel15 

  • dan.cx
  • Group: Moderators
  • Posts: 3435
  • Joined: 17-April 10
  • LocationMelbourne, Australia
  • Expertise:HTML,CSS,PHP,Java,Javascript,Node.js,SQL

Posted 11 September 2011 - 07:00 PM (#10)

Looks good so far! As others have mentioned, try making the redirect server-side, it'll make it more responsive.

I bought dl.vc a while ago, "DL" are my initials. I'm kinda upset I didn't get "dl.tl" because I like that domain a lot more (as "tl" could be interpreted as "too long", perfect for a URL shortener)!! :P

Quote

I am looking to add the functionality of choosing your short URL - I am just not sure how I could fit this into the design. Any ideas?

What is your database schema at the moment?
Daniel15! :D
Posted Image

Repeat after me: jQuery is not JavaScript. It is not the answer to every JavaScript-related question. When you have to write some JavaScript, do not instantly react with "Oh, I'll do that with jQuery!"

Spoiler
0


User is offline DarkCoder 

  • Group: Members
  • Posts: 1463
  • Joined: 08-March 10
  • LocationEngland, United Kingdom
  • Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 12 September 2011 - 10:26 AM (#11)

Modifying it to server-side would be more difficult now that it has launched, because the existing URLs use a # to start the URL (which cannot be picked up server-side).

EDIT: Just pushed a new update - redirect is now done server-side.
JavaScript is still present to make sure that previous links still work.


View PostDaniel15, on 11 September 2011 - 07:00 PM, said:

What is your database schema at the moment?

I can do it in my database, I mean in the UI, I don't know where I could fit the button in.

View PostDaniel15, on 11 September 2011 - 07:00 PM, said:

I bought dl.vc a while ago, "DL" are my initials. I'm kinda upset I didn't get "dl.tl" because I like that domain a lot more (as "tl" could be interpreted as "too long", perfect for a URL shortener)!! :P

Yeah, I actually got that address the day before yesterday, so it was still available when you searched! But I didn't pick it for the "too long" abbreviation, I just compiled a list of available two letter domains and this was the one that I preferred because I think it rhymes.

This post has been edited by DarkCoder: 12 September 2011 - 10:39 AM

0


User is offline soulcyon 

  • 兄貴 シャンク
  • Group: Members
  • Posts: 1598
  • Joined: 14-April 10
  • LocationNew Brunswick, NJ
  • Expertise:HTML,CSS,PHP,Java,Javascript,Node.js,Graphics,MongoDB,CouchDB

Posted 12 September 2011 - 12:23 PM (#12)

Didn't read through whole thread - are you checking for repeated URLs?

e.g, so "www.google.com" wouldn't have 20 different shortenings.
Posted Image
0


User is offline DarkCoder 

  • Group: Members
  • Posts: 1463
  • Joined: 08-March 10
  • LocationEngland, United Kingdom
  • Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 12 September 2011 - 12:24 PM (#13)

View Postsouless, on 12 September 2011 - 12:23 PM, said:

Didn't read through whole thread - are you checking for repeated URLs?

e.g, so "www.google.com" wouldn't have 20 different shortenings.

It does have different URLs, but this is intentional - I intend to add some basic analytics at some point.
0


User is online Cyril 

  • Group: Members
  • Posts: 2545
  • Joined: 03-August 10
  • Expertise:HTML,CSS,PHP,Javascript,Graphics

Posted 12 September 2011 - 12:29 PM (#14)

Honestly, at this stage, I'd take it down, finish off the analytics / tracking / redirecting, and then relaunch properly ;) It's going to be hell to maintain / upgrade otherwise, as you can already see ;)

website :: github :: twitter :: dribbble :: forrst
html, css, php, javascript, graphics
0


User is offline DarkCoder 

  • Group: Members
  • Posts: 1463
  • Joined: 08-March 10
  • LocationEngland, United Kingdom
  • Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 12 September 2011 - 12:32 PM (#15)

View Postcyrilmengin, on 12 September 2011 - 12:29 PM, said:

Honestly, at this stage, I'd take it down, finish off the analytics / tracking / redirecting, and then relaunch properly ;) It's going to be hell to maintain / upgrade otherwise, as you can already see ;)

To be honest, I don't think that is really necessary. Analytics is the only real thing to add, and I think I should be able to do that without taking it down - I am just going to add some logging to existing scripts, and update the "lengthening" script to treat URLs with a + on the end differently.
0


User is online Mo3 

  • Awesomeness on Rails
  • Group: Moderators
  • Posts: 1957
  • Joined: 21-July 10
  • LocationBavaria
  • Expertise:PHP,Java,Javascript,Python,Ruby on Rails,Node.js

Posted 12 September 2011 - 01:27 PM (#16)

API and custom domain support please, might use this for Meetastic.

Anyway, great site! What language/database do you use?

View Postsouless, on 12 September 2011 - 12:23 PM, said:

Didn't read through whole thread - are you checking for repeated URLs?

e.g, so "www.google.com" wouldn't have 20 different shortenings.


This might not be a good idea, it would make analytics hell. If I were to create a short link to monitor traffic to a certain site, I wouldn't want to share a short url with hundreds of other people.

EDIT: Also, what do you use Cloudflare for?
Ruby on Rails | Python | PHP
What is necessary to change a person is to change his awareness of himself.
0


User is offline DarkCoder 

  • Group: Members
  • Posts: 1463
  • Joined: 08-March 10
  • LocationEngland, United Kingdom
  • Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 12 September 2011 - 01:39 PM (#17)

View PostMo3, on 12 September 2011 - 01:27 PM, said:

EDIT: Also, what do you use Cloudflare for?

Caching, mostly. In the 2.5 days the site has been online, it has saved me 3MB out of a total of 7MB used by the site.

View PostMo3, on 12 September 2011 - 01:27 PM, said:

custom domain support please

Hmmm, I'm not sure how I would go about implementing this. You could just set say meetastic.com/[SHORT URL] to forward to dl.tl and then just use the (not-yet-added) API to create more URLs?

View PostMo3, on 12 September 2011 - 01:27 PM, said:

API support please

I'm working on this. It will probably be a REST API.
0


User is online Mo3 

  • Awesomeness on Rails
  • Group: Moderators
  • Posts: 1957
  • Joined: 21-July 10
  • LocationBavaria
  • Expertise:PHP,Java,Javascript,Python,Ruby on Rails,Node.js

Posted 12 September 2011 - 01:40 PM (#18)

View PostDarkCoder, on 12 September 2011 - 01:34 PM, said:

Caching, mostly. In the 2.5 days the site has been online, it has saved me 3MB out of a total of 7MB used by the site.


Hmmm, I'm not sure how I would go about implementing this. You could just set say meetastic.com/[SHORT URL] to forward to dl.tl and then just use the (not-yet-added) API to create more URLs?


No idea, I saw it on bit.ly. You have to point that domain's DNS to their server.
Ruby on Rails | Python | PHP
What is necessary to change a person is to change his awareness of himself.
0


User is offline DarkCoder 

  • Group: Members
  • Posts: 1463
  • Joined: 08-March 10
  • LocationEngland, United Kingdom
  • Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 12 September 2011 - 01:42 PM (#19)

View PostMo3, on 12 September 2011 - 01:40 PM, said:

No idea, I saw it on bit.ly. You have to point that domain's DNS to their server.

Hmmm... This seems like it might be a little bit too complicated... You could either use the forwarding that I outlined above, or just use the dl.tl links.
0


User is offline soulcyon 

  • 兄貴 シャンク
  • Group: Members
  • Posts: 1598
  • Joined: 14-April 10
  • LocationNew Brunswick, NJ
  • Expertise:HTML,CSS,PHP,Java,Javascript,Node.js,Graphics,MongoDB,CouchDB

Posted 12 September 2011 - 01:50 PM (#20)

I use cloudflare too, best DNS host to ever exist.

I hope they add native email support and custom error pages soon D:
Posted Image
0


Share this topic:


  • 2 Pages +
  • 1
  • 2
  • You cannot start a new topic
  • You cannot reply to this topic

2 User(s) are reading this topic
0 members, 2 guests, 0 anonymous users


Enter your sign in name and password


Sign in options
  Or sign in with these services