Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Wanting to create an online portfolio/website...HTML 5?
New Posts  All Forums:Forum Nav:

Wanting to create an online portfolio/website...HTML 5?

post #1 of 6
Thread Starter 
Hi guys,

I am wanting to create an online portfolio showcasing some projects I have done as well as talk about myself as a person. So it's basically a personal website. with portfolio.

I'm not too sure as to whether to use HTML and CSS or try and use HTML 5.

I've never used HTML 5 before but some of the portfolios I've seen that use it look really good.

Here is an example of one I mean:

http://www.pixelcriativo.com.br/

Where do I start in creating a portfolio with HTML 5? Does anyone here recommend any good sources for learning?

Would you even recommend using HTML 5, or just sticking with HTML and CSS?

Also, any advice or tips on creating a good portfolio? After all, I'm going to be using it to apply for jobs eventually.

Thanks alot in advanced smile.gif
My Rig
(16 items)
 
  
CPUMotherboardGraphicsRAM
i7 930 @ 3.8 1.256v Asus P6tD Deluxe ATI 5870 12GB Corsair 1600MHz DDR3 
Hard DriveHard DriveOptical DriveCooling
Samsung EVO 500GB 1TB + 500GB HDD LG Bluray Writer + DVD RW Noctua u12p 
OSMonitorKeyboardPower
Windows 10 64Bit Dell u2711 Blackwidow Ultimate EVGA Supernova G2 650w 
CaseMouseAudio
Coolermaster HAF 932 Deathadder 3500dpi KRK Rokit RP6 
  hide details  
Reply
My Rig
(16 items)
 
  
CPUMotherboardGraphicsRAM
i7 930 @ 3.8 1.256v Asus P6tD Deluxe ATI 5870 12GB Corsair 1600MHz DDR3 
Hard DriveHard DriveOptical DriveCooling
Samsung EVO 500GB 1TB + 500GB HDD LG Bluray Writer + DVD RW Noctua u12p 
OSMonitorKeyboardPower
Windows 10 64Bit Dell u2711 Blackwidow Ultimate EVGA Supernova G2 650w 
CaseMouseAudio
Coolermaster HAF 932 Deathadder 3500dpi KRK Rokit RP6 
  hide details  
Reply
post #2 of 6
Looking up the differences, advantages and disadvantages of HTML5 vs the prior version really came down to the fact that HTML5 is not a final piece of work and will be finalized over the next few years. The chances that you code something up and then it changes on you I imagine are very small.

HTML5 was developed for the internet that we use and experience today, not the one in 1999. Browser capability is, as of recently, catching on and being more and more compatible.
I am not an expert in the area but I would think for ensured stability you would want to stick with the older html, but I would imagine you would be pretty set with HTML5, not to mention you could make it look nicer.

As for what you are going to do with your portfolio. I would suggest making a page that is like an interactive resume. Write a few quick blobs about who you are and what you want to do. Talk about what you can offer, that you are the solution to a problem you've been having. Know what I mean?

Spread pictures of your work across all of the pages on the site. Link contact information and a LinkedIn account if you have one.

It was suggested to me that I you can, to use one image of you as an image that will be associated with you across your various sites (LinkedIn, portfolio, etc). This way people develop a connection between the image and all that you do.

I hope at least a little of this helped. With the HTML vs HTML5 I would try and do a little research yourself and make the decision based on what you need.

Good luck!
Combat 1.1
(16 items)
 
PAIN
(11 items)
 
 
CPUMotherboardGraphicsRAM
Intel Core i7 3930K P9X79 PRO GIGABYTE G1 Gaming GeForce GTX 970 Samsung  
RAMHard DriveHard DriveOptical Drive
Samsung  Crucial M4 64GB SSD Seagate Barracuda 1TB ASUS 24x DVD Burner 
CoolingOSOSMonitor
NH-D14 Windows 7 Ultamite 64 bit Arch Linux ASUS VW246H Glossy Black 24" HDMI Widescreen LC... 
KeyboardPowerCaseMouse
Logitech Combo mk520 Seasonic X Series 650W NXT Phantom 410 Logitech Combo mk520 
CPUMotherboardGraphicsRAM
Intel Core i7 2600K P8Z68-V PRO GEN3 NVIDIA GeForce GTX 560 Ti  Samsung  
RAMHard DriveHard DriveCooling
Samsung  Seagate Barracuda HDD Crucial M4 SSD Corsair H80 
OSPowerCase
Windows 7 Enterprise Seasonic M12II 750w Plexiglass 
  hide details  
Reply
Combat 1.1
(16 items)
 
PAIN
(11 items)
 
 
CPUMotherboardGraphicsRAM
Intel Core i7 3930K P9X79 PRO GIGABYTE G1 Gaming GeForce GTX 970 Samsung  
RAMHard DriveHard DriveOptical Drive
Samsung  Crucial M4 64GB SSD Seagate Barracuda 1TB ASUS 24x DVD Burner 
CoolingOSOSMonitor
NH-D14 Windows 7 Ultamite 64 bit Arch Linux ASUS VW246H Glossy Black 24" HDMI Widescreen LC... 
KeyboardPowerCaseMouse
Logitech Combo mk520 Seasonic X Series 650W NXT Phantom 410 Logitech Combo mk520 
CPUMotherboardGraphicsRAM
Intel Core i7 2600K P8Z68-V PRO GEN3 NVIDIA GeForce GTX 560 Ti  Samsung  
RAMHard DriveHard DriveCooling
Samsung  Seagate Barracuda HDD Crucial M4 SSD Corsair H80 
OSPowerCase
Windows 7 Enterprise Seasonic M12II 750w Plexiglass 
  hide details  
Reply
post #3 of 6
Well HTML5 is basically HTML, CSS, and JavaScript; with new html tags, css properties, etc). If you look up whats new in HTML5 you'll see that the difference is not huge from what you already know in HTML, and CSS. I'd start by looking at JavaScript then jQuery (a JavaScript framework) if you don't already have experience in them.
My System
(16 items)
 
  
CPUMotherboardGraphicsRAM
i7 920 @ Stock Asus P6T ATI HD5870 OCZ 6GB 1333mhz 
Hard DriveHard DriveOptical DriveCooling
Samsung 840 Evo Caviar Black 640GB LG DVD Drive Cm Hyper 212+ 
CoolingOSMonitorPower
Arctic Cooling Accelero Twin Turbo II Windows 7 64bit ASUS VW246H Corsair HX850 
Case
CM 690 II Adavanced 
  hide details  
Reply
My System
(16 items)
 
  
CPUMotherboardGraphicsRAM
i7 920 @ Stock Asus P6T ATI HD5870 OCZ 6GB 1333mhz 
Hard DriveHard DriveOptical DriveCooling
Samsung 840 Evo Caviar Black 640GB LG DVD Drive Cm Hyper 212+ 
CoolingOSMonitorPower
Arctic Cooling Accelero Twin Turbo II Windows 7 64bit ASUS VW246H Corsair HX850 
Case
CM 690 II Adavanced 
  hide details  
Reply
post #4 of 6
The type of markup language (HTML4 or HTML5) really hasn't a lot to do with how a site looks. It can be made fancier with less resources in HTML5, but the presentation usually is up to you.
If you really want to use HTML5 I suggest you should look into some HTML5 supporting UI toolkits/frameworks like Twitter Bootstrap.
post #5 of 6
Hi, i would recommend using Crevado.com you dont even need to have the technical know how. Its easy to use and the portfolio designs also look impressive. You can even you can use your own domain name with the premium plan.
Edited by Fredarden - 6/28/13 at 4:27am
post #6 of 6
Plenty of modern websites are already using HTML5. YouTube is one of them. The mark-up hasn't really changed and there's a few interesting new features that are really helpful. It's also great if you want to package your website for mobile browsers, too. There's plenty of Documentation and API's that you can get, and all the specs are on the W3C. I would say, if you want to future-proof yourself, go with HTML5/CSS3. The chances of them changing the specs of features already implemented are slim.

By all means use HTML 4.01 but I can soon see it being overtaken by HTML5. It's just a case of known compatibility versus future-proofing.
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Wanting to create an online portfolio/website...HTML 5?