Don't wanna be here? Send us removal request.
Statistics
We looked inside some of the posts by project180websites and here's what we found interesting.
Average Info
Notes Per Post
0
Likes Per Post
0
Reblog Per Post
0
Reply Per Post
0
Time Between Posts
3 days
Number of Posts By Type
Photo
17
Last Seen Tumblr Blogs
Fun Fact
The Tumblr app for Google Glass was released on May 16, 2013.
Photo
Website 49 - Standard Two-Column Layout
Forgot to post blog postings for my late websites. I have to code two websites tomorrow. As long as I get 7 done this week, and stay consistent by uploading 4 websites a week, I can accomplish my goal of finishing by the end of 2019.
This is a simple responsive layout with two columns and is a neat way to display information.
0 notes
Photo
Website 48 - Fleur
Created a simple mockup with not much css on the webpage. This consists of a nav bar, alignment of images, and displays a logo + text.
0 notes
Photo
Website 46 - One Page Scroll
For this webpage I used a nav tag to create a nav bar. Not sure if the nav bar is accurately shown on Chrome/Safari. For each link in the nav bar, I inserted “javascript:void(0), because it can eliminate unwanted side effects
I also included some Bootstrap and Animate.css links in the <head> to include some css.
To get the FadeInEffect of the text to slide in when the page is refreshed, I had to activate the navigationToolTips, and ensure that the scroll of the page was set to true.
I also used a colour theme from Adobe Colour wheel for this page.
0 notes
Photo
Website 45 - Series: Gallery
Week 14 - Website 3
Responsive image gallery with a series of some designs I have been working on recently for my Everyday 365 Design Project.
0 notes
Photo
Website 44 - Today’s Date
Week 14 - Website 2
Did something simple for this one, as I am behind on a few websites. Been really busy with school. I want to start coding useful solutions that can be helpful to re-design websites. Having a date might be useful? Not sure, depends on what is being displayed.
0 notes
Photo
Website 43 - Interchanging Words
Week 14 - Website 1
A week behind on my websites. I will take the month of April when school finishing to catch up on the websites I have missed. My goal is to learn much more during the month of April, before I start my new job as a Web Developer for the summer.
Piece of code for this website used jQuery to interchange the words in the sentence based on the selection I created.
0 notes
Photo
Website 41 - Effect - Sliding
Week 13 - Website 1.
I am trying to push myself to output 4 websites this week, as I am behind one from last week. I have been super busy this week, with school assignments, looking for a summer internship, and also ensuring I complete my design for my 365 design HFO project. This is a jQuery technique to have a panel slide down.
0 notes
Photo
Website 40 - Sign in/up Form
Week 12 - Website 1.
Inspired by Florin Pop’s coding challenge online. This login page can be used for any service/business. It’s super clean aesthetic and easy to navigate. This form allows a user to sign up/login by entering their information in the boxes. Theres also a mock button and mock icons created if this ever had to be linked to social media accounts or to other pages.
0 notes
Photo
Website 39 - Vertical Timelines Parallax
Week 11 - Website 3.
Behind on my websites. Trying to catch up!!
0 notes
Photo
Website 38 - CSS Parallax
Week 11 - Website 2.
This is a pure css parallax scroll down. Useful template for a portfolio/any website.
0 notes
Photo
Website 36 - Loading
Week 10 - Website 4.
Created a few bars using width and height in CSS. To animate them they all have an animation-delay which is transformed using keyframes!
0 notes
Photo
Website 35 - Sliding Background With My Artwork
Week 10 - Website 3.
0 notes
Photo
Website 34 - Dimensions.
Week 10 - Website 2.
The image in the centre of this webpage is drawn with an iPad using Procreate. I used different paintbrushes with various textures to achieve a kind of futuristic/multiple dimensions type feel.
In addition, I coded a background with two grids that are similar in colour to the picture I drew.
0 notes
Photo
Website 33 - Profile Card.
Week 10 - Website 1.
I didn’t complete my third website of the week last week. This week I will be outputting 4 websites to make up for the one I missed because of my busy schedule with school.
For this website I created a Profile Card inspired by Dark Code on Youtube. I added an image of my self, a small description, and icons that link to my social media platforms and my portfolio.
I just used HTML and CSS for this.
0 notes