markdown guide
 

Here it is mazentouati.github.io, I think of a complete redesign myself I'm not satisfied anymore with the current design.
and this is a Redesign case study I wrote previously.

 

I love the BSOD at the bottom of the page. Not sure how I feel about the "one big scrolling page" layout, though (but that's just personal taste).

I feel like there are definitely some Dev.To influences on your new page design.

I like the "overview" of skills, plus the résumé for a more in-depth look. I might use that on my new site.

Thanks for sharing!

 

Yeah indeed, that long scrolling is bugging me too. As I mentioned I'm thinking about a redesign most likely I'll implement an SPA solution with a neater UI to highlight more my front-end skills ( Maybe SVG, Web-Gl, 3d stuff ) I did not made my mind yet as I'm quite busy currently, but I'm very excited about this idea of redesign.

You'll have to make another blog post about it on Dev!

Well, actually I'm hesitating about another post. I think it'll become kinda childish and self-promotion spam. I've already made two posts. I'll see about it, 🩄🩄

 

Here is mine 😄 : axel-rayer.com/
I am a few months late with my Portfolio, some new technology or skills do not yet appear there as well as some recent projects:

 

J'aime ton site, mais je pense que ca serait une bonne idée de le traduire en anglais. Malheureusement, l'anglais est la lingua franca du monde. (Ou, au moins, permets l'utilisateur choisir le langue.)

Aussi, tu aimes l'astronomie? As-tu un télescope?

 

(J'enseigne l'astronomie pour une université américaine!)

Hey yo yo !
Oui c'est vrai que le français reste restreint mais je suis encore en étude alors ce n'est pas excessivement nécessaire pour le moment, surtout que mon site était à la base un devoir pour mon diplÎme haha, il évoluera encore dans le future, merci pour tes conseils ;)

Ensuite non malheureusement je n'ai pas de tĂ©lescope car je n'ai pas encore les moyen d'investir assez pour acheter quelque chose qui me convient, mais mon grand pĂšre m'a transmis sa passion,je suis simplement un passionnĂ© amateur, de plus grĂące Ă  Youtube et le web en gĂ©nĂ©ral j'ai pu Ă©largir mon champs de connaissance avec les nombreuse vulgarisation disponible, je me suis dĂ©couvert un amour avec l'Astrophysique, la physique thĂ©orique et aussi avec la physique des particule, bien que malheureusement c'est ici que s'arrĂȘte la vulgarisation et que pour continuer mon apprentissage je suis obligĂ© d'apprendre Ă©quation pour comprendre quelque chose Ă  tout ça

Bien, j'espĂšre que tu continues Ă  Ă©tudier l'astronomie! J'ai deux recommendations:

Stellarium

C'est une app planetarium, que tu peux utiliser pour trouver les Ă©toiles et les planĂštes dans le ciel

The Cosmic Perspective

C'est le livre que j'utilise quand j'enseigne ma classe astronomie. Ce n'est pas cher mais trĂšs bon

:)

 

Salut,

Simple question, j'aimerais connaitre la formule que tu utilises pour présenter tes compétences sous forme de pourcentages ??? Est-ce subjectif ou objectif, voire performatif (donner à penser que...) ?

Merci pour ta réponse ;)

 

Hello, non c'est totalement subjectif, il faut simplement pouvoir rĂ©ussi Ă  dĂ©fendre ces stats Ă  l'oral et ĂȘtre honnĂȘte avec soit mĂȘme et ces compĂ©tence, pour un langage, il est inutile de chercher Ă  prendre en compte la totalitĂ© du langage pour en dĂ©duire un pourcentage de connaissance, c'est inutile, pour cela, c'est plus la comprĂ©hension de celui ci et la rĂ©activitĂ© d'apprentissage face Ă  une nouvelle facette du langage qui prime d'aprĂšs moi. Il faut ĂȘtre honnĂȘte et chercher Ă  s'approcher d'un chiffre qui peut ĂȘtre dĂ©fendu par des arguments et des projet divers, quant au code en lui mĂȘme qui gĂ©nĂ©rĂš ces pourcentage stylisĂ© : codepen.io/Akecel/pen/KBzKyY

Salut :)

Merci pour ta rĂ©ponse, ce post donne suite Ă  notre Ă©change => Don’t use progress bars in your CV

 
 

Hi Bernhard,

Right away, I can tell where the navigation is, though it's not immediately obvious that the links below your picture are external links. (What's "Xing"? Is your blog hosted on your website or somewhere else?)

Definitely wasn't expecting the top navigation to take me down a scrolling page. To get back to the top, I have to manually scroll all the way back up. Maybe have a floating menu somewhere? Or a "back to top" link?

The "Contact" page is what I was expecting the other top navigation links to do -- take me to a separate page. Not a good or a bad thing, just not what I was expecting.

Englisch ist nicht dein erste Sprache, oder? There are some small grammatical errors in your bio:

I started Coding with 13

should be

I started coding at age thirteen or I've been coding since I was thirteen years old

Your "Skills" logos look a bit blurry:


Other than that, great site! I'm not sure I'm a fan of the scrolling layout but that's a matter of personal taste. Note that I viewed your site in my browser (Chrome) only, and on desktop. It might look different on mobile.

 

Hi Andrew,

thanks for your feedback, those are all good points and I'll definitely look into them :)

PS: Xing is a german version of LinkedIn and somehow more common here

 

If you are using fa icons it's probably caused by your custom CSS font styles

Yes indeed, the font-weight was accidentally set to bold, but I did already fix it ;)

 

AppSeed.us - Built-in Php / BS4. But now I'm a huge Gatsby fan and is quite possible to migrate to React/Gatsby with a simple backend API for authentication & billing.

Appeed Homepage

Cheers!

 

Wow! Looks great! This looks very professional!

I don't mind the scrolling on this page (see my other comments here), I think because the sections are relevant to the page header. I think the thing I dislike about the other scrolling pages is that different kinds of material are held on the same page. This layout might be something I could look into for my personal site.

Thanks for sharing!

 
 

My site is kalebmckelvey.com - good luck with your new portfolio design !

 

This is interesting! Did you use anything to build this? It has a Wordpress-ey feel to it.

Lots of personal finance-related things here. Is that a passion of yours?

 

It is using React MD which is a react/sass material design library.

Personal finance is for sure a hobby/passion!!

 

This is my portfolio. raisaugat.com.np
It's just in a starting phase. I have not been able to finish this. But I guess it's minimal for me.

 

Very minimalist! Maybe less is better when it comes to these things. We usually have code on GitHub, GitLab, articles on Dev, etc. Maybe a personal site should just redirect to those other pages?

 

Yeah. When you have all the projects on Github, Gitlabs you can go minimal. But sometime when the project you have done are live with their own domain, we can showcase them. But I like the concept of minimal, 'just the right content'. :)

 
 

I like the bit of texture that the graphical background adds. It's not just a single flat color.

Also, getting certificates on Udemy is a good idea. I should check that out. Pluralsight is another good certification-type website.

I like the logos for the skills, but other people tend to rank how much "confidence" they have in a certain skill. Say on a 0-100% scale. What do you think of that?

 

Thank you for the review.

  1. About the skill ranking, I read many posts that do not add scale cause it depends on the pov of user. If I add 80% to HTML5 then it's like, ohh so you know almost all of the html5? And if I add it like 20-30% then its like, nahhh that guy don't know very much. So I avoided the rank thing.

  2. About the certification, I live in India, as per Indian economy the courses on puralsight are more expensive than Udemy.

PS: my portfolio is PWA compatible. It works without internet once you add it to your phone!

 

I recently redid mine
It's more focused on the blogging side, not so much portfolio (will change that soon though).

It's a static Nuxt site hosted on Netlify with Netlify CMS for the blog.

 

It looks like markdown is interpreting your link relative to my page, it's taking me to

https://dev.to/awwsmm/israelmuca.dev

But your website looks good! Very clean and minimalist. I like that style.

I see you have a link to angel.co... have you had any luck with them? I tried it a few years ago but it seemed like a ghost town. Maybe there's more going on there now

 

oops, fixed it, it was missing '//' in the URL!

And thank you, my wife did the design, she's a UX/UI designer! I just did the coding.

Regarding angel.co, to be honest, I've had no contact from employers, but I haven't contacted them myself either.
I'm currently working on my own projects for a while. We'll be launching a SaaS in a few months, so I don't think I'll start looking for a job until August or September, so we'll see.

But I did find an interesting company there, which I will contact once I start my job hunting!
It does seem active though, so if you're searching, I'd definitely recommend checking them out!
It's more startups than anything else though!

 

I feel like mine is a little odd as it's not like a lot of these (full page scrolling image things). I tried to make it as much as an actual resume and as brief as possible, but with project links on it. misnina.github.io/web-dev-nina/

 

I do get that impression, for sure. That's what I did with my website, though I went to the extreme and made it look exactly like my CV.

I'm not sure how I feel about that approach now, though. If someone wants to go in depth and look at your résumé / CV, they'll do that. I'm now leaning toward keeping the website as brief as possible. Give an overview of the big themes and let the user dig deeper if they choose to.

What do you think?

 

Ph.D looking for dark matter and good CV in software. This brings up some ego issues in me asking myself am I good enough for this industry :D. Anyway if I showed you mine CV the only flowing you would feel would be to throw up :D

 

I have no idea what I'm doing so you're as well-off as I am! 😂

 
[deleted]
 

Ooh, I thought it was broken when I opened the link and saw this:

(Image removed.)

It's not obvious that you need to click on the things on the right-hand side. The menu is a bit "jumpy", too. Every time I click on something on the right, I become disoriented. I'm also confused as to why your bandcamp stuff is on your portfolio site... maybe a different web site for that? Or a subdomain?

I saw your résumé, too. Is "southeast PA" code for Philly? ;-)

 

Anyway, I didn't mean to be overly critical. It's definitely better than my site, and really different than most portfolios. Standing out is a good thing when lots of people are competing for attention.

 
 

I like it! The color scheme at the top feels very Googley.

Are you only 15 years old? This is a seriously impressive website for a teenager. You've got a great career ahead of you, for sure.

Small suggestions: I don't like how the section headers are continually shuffling. Could you have them shuffle once when they first appear and then stay static? And whenever I select any text, there's a popup to share on Twitter or Facebook, which I think is a bit overkill for a personal website.

There seems to be a small spacing issue with your skills lists:

Really, though, this is a beautiful website. I'm jealous. You've done a fantastic job.

 

Thanks! That text shuffling idea is great! Probably using the intersection observer API it can be done. I think the Google icon to search the selection is most likely more useful unlike the current implementation. The default spacing is a bit too much, I should will look into that. Anyway, thanks for your feedback! Appreciate it!

 

I like it a lot. On mobile I’m seeing some horizontal scrolling because of the circles at the top. Adding overflow: hidden should help fix that.

 

It would depend on where you put it. I just meant on the container that held the circles. You could do overflow-x:hidden on the body though which would only affect horizontal scrolling.

 
 

Looks good! I like the typeface on your name in the header... what font is that? It feels newspaper-ey.

Can I ask how you make those code snippets in your blog posts? Like this:

(I think everyone knows how to do this but me.)

 
 

Also the fonts are Playfair Display and Raleway (both google fonts)

 

Here's mine. I'm currently in a coding bootcamp and I actually used Foundation for this one. I'm more of a back end person I think but I do want to make it a little more snazzy if anyone has thoughts on how I could do that, I'd sure appreciate it.
jbeachy21.github.io/FoundationPort...

 
 

Highlighting your strong skills is a tactic I've seen before. I once saw a CV where they were bold instead of highlighted. Maybe that would look better on your page? (Rather than having those rectangular highlighted colored areas, which I don't see echoed anywhere else on the page.)

Your portfolio is really impressive. You have lots of projects that look very professional. I would say the average person probably wouldn't click past the description and a few images, so I think the way you have it laid out is good.

Also, having a menu item called /uses inspires me to lay out my whole site like that:

/home     /portfolio     /CV     /...

...or is that too corny?

 

Thanks for the feedback, Andrew!

The /uses/ page is one of those semi-standards of personal sites. See here. I believe there’s also /now/ for what you’re currently up to in life 👍

Good to know! Thanks for the link, Andrew! (Good name!)

 

My personal site is ajkueterman.com. Built with Jekyll and GitHub Pages. I'm always wanting to blow it up and change it completely but for now it does the job. Any suggestions would be cool :)

 
 

I like it! I think your site is a good example of how you can showcase diverse interests on your personal site without them clashing.

You have a link to buy your books on Amazon.co.uk but I get an error saying they're only available in Kindle editions, and only on Amazon US

:(

 

Thanks for the feedback!

Yeah, you can only buy the kindle versions. I never got round to formatting the print versions. Not sure why it’s directing you to the US site though.

 
 

What is involved in getting those AWS certifications? Are they expensive?

I like the "link library"; it's like a modern take on old "links" pages.

Did you build Viking Cruises' website? Or Sony's? Because your portfolio gives that impression.

Also is your CV available to download as a PDF? I can only find the HTML version.

 
 

Looks good! Very professional.

What's that at the bottom: "Theme Designed By Creative Tim." Is this a Wordpress site or something? Oh, it's a Bootstrap theme.

I like the big banner at the top, though, with the info underneath. A lot of people use banner images only. I might lean toward that kind of design.

 

Thank you. I'm glad you liked it.
Basically I'm trying to implement everything I learn about react.js in my portfolio website.
It's actually not a theme but a react UI kit developed by the good people at Creative Tim with Material UI.

 

Hello Andrew,

I am still developing my website, I am happy you ask for inputs from others here, it benefits me in some ways. 😉

 
 

Slick! Minimalist is the way to go, I think. Nobody reads big paragraphs of text on the Internet.

 
 

I’m seeing horizontal scrolling on mobile. It looks like it’s because of badges not wrapping properly. Other than that it looks good! I like the dark theme.

 

Nice! How do you get the "total lines" badges for your GitHub repos?

 

I embed an image with the link of the GitHub repo https://tokei.rs/b1/github/nektro/andesite

 
 

I like how this one encourages interactivity. You naturally move your mouse over the words on the page and the expanding circle encourages you to click. I wonder what the experience is like on mobile, though? That's one thing I worry about with my designs... that hovering isn't a thing on mobile.

 
Classic DEV Post from Aug 16 '18

SHE CAN CODE!

How women face 2018 in a society of the last century

Andrew profile image
Got a Ph.D. looking for dark matter, but not finding any. Now I code full-time while training for a marathon and learning to drive a manual transmission. Je parle un peu français. dogs > cats