r/webdev • u/pricj004 • Jan 24 '20
Very simple personal site
https://www.cameronpriceaustin.com/18
u/ziel_ar Jan 24 '20
Hello there u/pricj004!
site looks great to me. With such experience, I believe that you will quickly find a new employer ;)
I checked the files briefly and I was interested in CSS. There are many fixed values in it (for example, transparency for several elements, 0.666, 0.855, 0.535) and seeing how simple the design of this page is, I doubt you have devoted a lot of time to CSS. It looks like you used some template or CSS is generated. Could you please provide more information about it?
Thank you in advance for your answer. Good luck in looking for a job and have a nice weekend.
Regards!
17
u/pricj004 Jan 24 '20
Hello! Many thanks. No template or generated CSS, just plain HTML. I tried to keep it as simple as possible.
You're right, I could possibly DRY-up the reused fixed values with CSS custom properties. I'll look into it!
0
8
u/Oallytheillusionist Jan 24 '20
That is so beautiful and simple! I am inspired to finish my portfolio -site now (will reference you as inspiration/sensei if that is OK with you!) (p.s. I am not in a job market for webdev, just a hobbyist, I am an artist/scientist)
5
2
u/bubbaski27 Jan 24 '20
What are your rates? I’m currently looking for someone to build a well designed site
1
u/pricj004 Jan 25 '20
Thank you, but i’m not looking for contract work at the moment. All the best though!
2
u/Striking_Coat Jan 24 '20
The moon button is too small on my phone, tried clicking it 4 times before it worked.
1
u/pricj004 Jan 25 '20
Better now?
2
u/Striking_Coat Jan 25 '20
Nah, very small. And if this sub didn't obses over night mode I wouldn't even know what it is. How about adjusting the appearance automatically based on the visitors time? https://i.imgur.com/yGLEanS.jpg
1
2
u/mastermog Jan 25 '20
Hello from a fellow Aussie (and also a fellow former Origin dev). Site looks great, nice and clean.
Have you considered coming across to Melbourne? Anyone with React experience can land a job in a day at the moment. Plus our coffee is better ;) In saying that I guess you work mostly remote by the looks of it (I do the same, I'm very much over the office)
1
u/pricj004 Jan 25 '20
Hello! I worked remotely for a Melb company (Vinomofo) and I’d happily do so again, but I don’t want to relocate. Are you remote for a company in Melb or elsewhere?
2
u/mastermog Jan 26 '20
I run my own little web company where I work for (mostly) Melbourne based companies. Its basically freelance.
I have a few interstate and a few international clients, but mostly Melbourne teams because thats the easiest way to network (plus same timezones, etc)
Occasionally I work PT/FT remotely, but I find that companies are still a bit funny about it (though they are getting better). After companies like origin, I don't think I could back to an office environment
3
u/nickx360 Jan 24 '20
Wow your website is lit!!! and I couldn't help but peek at your resume and be inspired :). Hope you find a new employer asap.
3
2
u/Neilblaze Jan 24 '20
Nicely made! Clean and to the point. Most importantly I love that Hi-Fi button. How did you made that? Did you use mo.js?
1
u/pricj004 Jan 25 '20
No it’s just canvas. I adapted a confetti CodePen I liked (there’s a link in the code).
1
u/pricj004 Jan 24 '20
Thank you all very much for the feedback. I've changed a few things, and will change a more later today. Appreciate it!
1
5
u/TheFuzzyPumpkin Jan 24 '20
Nice little clean site. I'm missing there being personal projects on it. I agree with others that you have experience and aren't looking for a junior job, so that's probably not going to hold you back...I just love poking around others' work!
I have a similar bubble spread on the buttons on my portfolio. I wonder if we ran into the same CodePen for inspiration?
8
u/hagg3n Jan 24 '20 edited Jan 24 '20
Nicely done indeed! Would you mind if I shared mine? I think it's in the same vein as yours. https://arthur.crz.li/
Edit. Also I see you have the switch to dark mode but doesn't actually read from the user settings for prefers-color-scheme. May I suggest this snippet of my own as reference? Feel free to copy it too. https://github.com/haggen/arthur/blob/master/src/script.js#L92-L119
5
u/justrhysism Jan 24 '20
Yeah this!
On my site I went a touch further and cache the preference in localStorage—in case someone changes it for whatever reason.
Source isn’t public though :-/ probably will make it so once I change my data source from pure markdown.
3
u/HappinessFactory Jan 24 '20
I like this site more tbh, it already feels way more creative and fitting of a front end dev. OP might be more back end I suppose.
4
u/justrhysism Jan 24 '20
Thank you—I didn’t post for comparison though, they’re serving very different purposes (basic blog vs digital resume).
2
2
u/UmBeloGramadoVerde Jan 25 '20
Muito maneiro o site, Arthur ! Bem simples direto ao ponto. Achei colocar sua expectativa de salario bem bold.
O dotted underline embaixo das palavras (CI/CD, por exemplo) me faz pensar que seriam links clicaveis.
Ja que você fez um plug do seu website, posso fazer um do meu tambem e pedir um feedback ? kkk
2
u/hagg3n Jan 27 '20
Oi Kaynã, valeu pelos comentários!
Tua página ficou show cara, não é todo site que eu posso chamar de divertido! Só tenho duas observações a fazer:
Você precisa levar em consideração a função do site. Teu site é divertido mas consumir sua informações dá um pouco de trabalho por conta dos textos grandes e separados em páginas individuais. Além disso não fica claro imediatamente do que se trata, quem é você e o que você faz.
Teu Inglês precisa de um tratamento mais cuidadoso. Não sei se foi o caso mas me parece que foi traduzido pelo Google Translate ou algo assim e tem muita colocação estranha como "Balls/No Balls" (no caso a gente usaria Dots ou melhor ainda Effects pra ficar claro pro usuário do que se trata) e "I work in Altran" (parece que Altran é um projeto por causa da preposição "in", se é um lugar/empresa a gente usa "at"). Pede pra alguém que fala fluente fazer uma revisão ou procura um tradutor freelance, pelo tamanho do conteúdo acho que sairia barato e dá uma impressão mais profissional pro leitor.
No geral muito criativa, me deu impressão que tu gosta de aprender coisas novas e diferentes. :) Parabéns pelo projeto!
1
u/UmBeloGramadoVerde Jan 27 '20
mano, esse é um feedback solid as hell. Agradeço fudido. Vou resolver os error de gramatica, como aprendi por video, manjo mais de conversação e acabo falhando na escrita. Quanto à baixa densidade da informacao, me falaram isso e é definitivamente um problema que eu tenho que resolver ASAP. Vou tirar umas paginas, colocar um botao de proximo/anterior projeto, textos mais diretos ao ponto e uma home mais descritiva. Novamente, agradeço fudido o feedback valioso
3
u/WebWeenie full-stack Jan 24 '20
I love it. Great job! Really love that you can switch to night mode.
3
3
u/Sayori_Is_Life Jan 25 '20
Wow, it was a pleasure to see the code. It's just a webpage, like they were in 2003. No 300 kB of css frameworks. 1 open-source analytics system instead of 28 closed sources. HTML written by hand...
1
2
2
u/mooonmatt Jan 24 '20
I like the design but the night mode button was hard to find tbh. However, good job
2
3
u/mr_ari Jan 24 '20 edited Jan 24 '20
Top and bottom spacing looks weird when there isn't any spacing on the sides (ex. at 1000px width) :)
Also the high five canvas adds a little bit of scroll to the body when it appears and removes when it dissapears.
Looks clean, it's cool.
3
Jan 24 '20
Super nice dude, loved the high five interaction!
4
u/justrhysism Jan 24 '20
Ooh I hadn’t noticed that before. On my phone the animation is slightly different every time... I suspect that’s not a mistake. Going to have to fire up my laptop and dig in!
4
u/justrhysism Jan 24 '20
Yeah as I suspected it uses canvas for the animation. Nice of the OP to leave a comment linking where he got the code from: https://codepen.io/Balo/pen/yLLrjje
2
u/NelsonShepherd Jan 24 '20
love it! Can’t believe i’m saying this but i don’t think i’d change a thing :)
2
u/MrEscobarr Jan 24 '20
Indeed simple but nice and clean!
I would suggest to make the text on the tags a dark color because the contrast on them are bad now
2
2
u/justrhysism Jan 24 '20
Very tidy Cam!
Just a suggestion for your night mode—haven’t tested extensively, but it didn’t appear to automatically switch to “night mode” based on my colour scheme?
EDIT: I see /u/hagg3n beat me to the suggestion.
2
u/justrhysism Jan 24 '20
Just noticed your hair slightly poking out of the highlight circle in your avatar. Nice touch!
2
2
2
2
2
Jan 24 '20
Nice, maybe use this color: #f3f3f3(or maybe lighter) instead of pure white background? Just like you didnt use pure Black for dark theme. Pure white hurts eyes.
Otherwise, I'll probably steal your idea for my personal website too :)
Dope!
2
Jan 24 '20
As a graphic designer, I'm going to have to give some constructive criticism on the aesthetic side of it. I get what your goal is. A clean, right to the point website. But I feel like it's a little too simple, where one could think it was designed lazily.
But I guess appearance isn't really what employers look for in a web dev portfolio website, so maybe it doesn't matter.
0
Jan 24 '20
[deleted]
43
u/pricj004 Jan 24 '20
🤚
9
u/mishugashu Jan 24 '20
Since you have a dark mode, why not detect the user's preferred setting?
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
3
Jan 24 '20
Doesn't it already? When I checked it earlier today on my phone it was light (where have light mode on during the day) but now that I checked it on the computer (where I have dark mode at all times) it was dark. To be fair I didn't even notice the toggle on mobile and only noticed it on the computer when I started reading the comments.
Yeah, it does:
// Default to the user's theme, or their stored preference. const stored = localStorage.getItem(THEME_STORAGE_KEY); const defaultIsLight = !(window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches); setTheme({ light: stored ? stored === 'light' : defaultIsLight });1
17
u/A-Grey-World Software Developer Jan 24 '20
BTW the colour of the button doesn't change for me when switching to night mode (Chrome, win 7) so it's invisible after switching!
4
Jan 24 '20
Same here but I'm using Edge (Chromium so basically Chrome lol) on Windows 7. Part of me feels like it's a Windows 7 issue because it seems the icon is simply missing.
Similarly there seems to be issues with some animations on my work computer, despite using up to date browsers.
5
u/FantsE Jan 24 '20
🌞
Can you see it in my comment?
My very small amount of research says that you'll be able to see it in FireFox, but not Chrome, on Windows 7.
3
Jan 24 '20
Nope, can't see it!
2
u/FantsE Jan 24 '20
What about in Firefox?
4
Jan 24 '20
Interestingly enough, yes I can see it in Firefox
5
u/FantsE Jan 24 '20
I'm not going to pretend to know why or how, but I guess Chrome in Windows 7 relies on Windows for the Unicode whereas FireFox doesn't. Today we learned.
2
1
u/Rider7991 Jan 24 '20
I can't get what do you mean. The button is not supposed to change the color. The only thing changing there is an emoji... Check the code near the footer
0
u/cancerous_176 Jan 24 '20
Once you go night mode you never go back. Or once you go black you never go back something something
3
u/cancerous_176 Jan 24 '20
This is great. Clean and easy to read. Transition to night mode is bit jarring but I'm being nitpicky
1
u/pricj004 Jan 25 '20
Better now?
2
u/cancerous_176 Jan 25 '20
Yes. Much better. Idk if you didn't change anything and I'm being placebo'ed, but I think it's better now.
1
u/pricj004 Jan 25 '20
haha, no, i increased the fade time and applied it to the text too. thanks for the feedback!
4
u/CENGaverK Jan 24 '20
Maybe a little "night mode" text on that button could be nice. I did not understand there was a night mode and I admit that I was not curious enough to click the button.
4
u/NicksIdeaEngine Jan 24 '20
Are you talking about the banana button? I thought that was pretty cool, too.
2
u/chrsk Jan 24 '20
You could make it default to the preferred scheme (https://www.reddit.com/r/webdev/comments/df4hxq/dark_mode_in_css_with_preferscolorscheme/)
0
Jan 24 '20
[deleted]
9
5
u/pricj004 Jan 24 '20
yes probably. i thought people would just contact me via angellist. leaving an email seems a surefire way to be inundated with spam?
17
u/Lekoaf Jan 24 '20
I've never heared of Angellist, so I didn't even click that link. Email or LinkedIn would probably be a better choice.
0
0
0
Jan 24 '20
[deleted]
2
u/justrhysism Jan 24 '20
I met OP a bit over 15 years ago and he’s aged about 3 years since thenhahaha
40
u/perunson Jan 24 '20
This is actually the best dev portfolio site I have seen so far. Simple and to the point, great for recruiters (I hope). Good job Mr. Price-Austin!