#webdevelopmentwork

[megatask]

Web designing

Our team constantly monitors the emergence of new technologies that we are not afraid to implement in web projects. We create only selling websites – this is an achievement by drawing the design and working out usability.

[innovationsthink-blog]

Think Innovations Team worked on many wonderful dental care projects and if you are looking to build your dental care website, our experts will help you in UI/UX Design and Development high-quality services.

[tayleurwebdev-blog]

Final Project Documentation

Link to my Live Site: https://tayleurh.github.io/WebDevelopmentWork-/AllSpringSemesterWork/FinalProject/Page1CSS.html

Link to Git Hub Repo: Process:

For this extension of my midterm project, I added several changes. I added to new pages. One was a reference page. I used modals on that page for the mock references. I typed the references in html instead of adding a pdf. I also made a contact me page. On the page I also added a hamburger menu to make the page stand out. On that menu, I also used javascript to give the user a surprise. When they click the clock they can see the time. I also typed my resume in html and took away the pdf version. In the beginning, I only had the contact button on my home page, but after looking it over I added it to all of the pages except the contact page. I totally re-formatted the first page with CSS to make it simpler and cleaner so that it would look more similar to google’s home page. I also slowed down the typewriting and added more text. As far as the photos page, I also used modals so that the picture would popup over a light overlay to keep the user on the page. I definitely think using the modals instead of linking to outside pages for the photos and essays page is a much better experience. Hopefully it will keep more users on my portfolio site.

I had trouble with:

For the photograph page, I had trouble with making the other modals popup. Only the first one pops up. This is something I was confused about, but I will definitely take the tips from the presentation to change this in the future! I also had trouble with the media queries and breakpoints. Often my content would still get messed up: Overall using percentages instead of pixels helped, but I do need to try break points again for the future when I send the portfolio out to employers this summer. There are some parts of the site that are responsive. I learned how to do the form and the hamburger menu from w3 schools and their examples were helpful in making those sections responsive. The W3 school also helped with making the modals. Lastly: The Google Maps Api key. The api key was taking me to a page where I had to pay. I wasn’t able to access the free one. I will try resetting the API key as you mentioned after the presentation!

Things I would change if I had time:

I would add a button for users to call me from their mobile phones on the contact page. I would also add more animation. I would also like to add a map of interesting places in the city that would change weekly, to show visitors places like museums and galleries that I like and recommend. I also would add more references as I get them from past employers. Now I just have one mock reference pop-up on the first page. This is the same with the essays. I have one pop-up essay so far. When I decide which ones I really want to showcase I will add modals for the other links. Overall, I am really glad I continued with the midterm project. I want to make a couple more changes and definitely add more content but overall I definitely see myself using the site as my portfolio. I am applying for jobs soon since I’m graduating this semester so it was definitely fun and useful to be able to work on this project for the class. Overall, it’s been a really helpful semester!

Here are images of my final project:

[tayleurh]

Website on Git Hub Pages Server: 

https://tayleurh.github.io/WebDevelopmentWork-/officialmidtermproject/Page1CSS.html

Tayleur Hylton

Web Development

Midterm Portfolio

Process: I first started with the html. Then I went to w3 schools and started looked at the types of css I could utilize. I worked on positioning and layout first because I knew I would have trouble with that. Then after everything was laid out, I started to add the pictures, links, and essays. I worked on the javascript typewriting last because it was new to me, I wanted to get everything else down first. I ended up getting the typewriting to work with trial and error. 

Code: I used javascript for the typewriting effect. I had trouble at first because the W3 School showed the typewriting after a click me button, but I wanted it on page load. It took me a while to find the correct wording in order to get it to start automatically when the page loads.

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_typewriter

Challenges: Generally I got stuck on the positioning and organization of the site. I would move something and then another thing would shift. I went back and forth with that for a while. Then I started to work with the margin-left and margin-right wording and was able to fix a lot of the positioning.

Issues: I also struggled with getting the background of the pdf to not have the print options and gray background. This is something I would change if I had more time. I wanted the resume to stay on the page without the extra edges. I uploaded it as a picture, but it did not look as sharp that way, so I converted it back to an object for now until I figure out how to remove the gray edges.

Learned: What I learned to accomplish the project was a mix of the problems I encountered. Using the syntax is usually confusing but w3 schools explained everything well. Utilizing margins and alignment was my biggest lesson and working with the javascript. One thing that I wouldn’t normally do was using the buttons as the navigation instead of a navigation bar. I felt as if it allowed me to create a more “google-like” experience, which is what I was striving for.   

Next Steps: For next steps, I want to fix the pdf, add a contact me form, add more pages and add some of graphic design work to the portfolio. I will go through and also play with some more fonts, styles, and orientations of the items on the page. I also want to add more to the front page typing other than “Tayleur Hylton” I want to add more sentences that keep typing that which will introduce new visitors to me and the portfolio. Overall, I really enjoyed this project and definitely would like to keep working on it more.

Pictures of the site pages:

[megatask]

We at megatask web design and technology to help brands achieve their goal in this ever evolving digital world. We are committed to using fact-based knowledge and our unique brand of innovation to help you dominate the competition. for more details call us : 9871652511

[megatask]

We are committed to using fact-based knowledge and our unique brand of innovation to help you dominate the competition. for more details call us : 9871652511

[megatask]

We are committed to using fact-based knowledge and our unique brand of innovation to help you dominate the competition. for more details call us : 9871652511

[megatask]

We are committed to using fact-based knowledge and our unique brand of innovation to help you dominate the competition.

for more details call us : 9871652511

[megatask]

web development services

Our team constantly monitors the emergence of new technologies that we are not afraid to implement in web projects. We create only selling websites – this is an achievement by drawing the design and working out usability.

https://www.megataskweb.com/