00:00
00:00
FanFir
HI EVERYONE, I'm posting my work here!

Artem Mamaev @FanFir

Age 18, Male

Full-stack

Self-taught student

Earth

Joined on 4/30/21

Level:
6
Exp Points:
348 / 400
Exp Rank:
> 100,000
Vote Power:
4.71 votes
Rank:
Civilian
Global Rank:
> 100,000
Blams:
0
Saves:
1
B/P Bonus:
0%
Whistle:
Normal
Medals:
6

FanFir's News

Posted by FanFir - May 14th, 2024


Good evening, readers! And today I completed the design of the first two tabs of the site, namely " Galleries "and" AI Covers", and made a choice between memes and Art in its three pages.

They are technically the same, but they differ in content. Some of them contain memas and others contain art. I found memes on the Internet, and I took their art from the public in the VK dedicated to a Neko Arc)

Now on the design of "AI Covers" I decided not to autarky the songs because I'm too lazy… And I decided to make the design as in the main page, for each" block " on the tabs had its own design. What songs

Well, the article is small, as there is nothing special to say, well, here's more time for me, I would do it all for 3 days.…

Tomorrow there will be no article, as I will be giving an interview for a fandom video on Fundamental Paper Education in the evening.

iu_1203613_9138736.webpiu_1203614_9138736.webpiu_1203615_9138736.webp


Tags:

Posted by FanFir - May 13th, 2024


My vacation is over, I had such a good rest, but it's time to work!


So I sat on a couple and was stupid for a long time, how do I MAKE a DAMN ADAPTIVE DESIGN I have so far so…


When the screen is not 784px and smaller, all the buttons are on the right and located vertically, and when they become smaller, then horizontally, and this bothers me… I think we will have to try to improve the code, and make the horizontal version of the burger so that there are buttons at the bottom and a pure logo at the top, well, I'll try on Wednesday.


So now we'll get back to the design. Of course, I did something like this in half an hour today, put 20 art pieces and I'm not ashamed, I'll have to make a page with memes as well. As well as video memes and covers, it will also be difficult and a lot of lines of code, just a lot, I then have it all under the adaptive design... MMM... WORK AGAIN.


iu_1203144_9138736.webpiu_1203145_9138736.webpiu_1203146_9138736.webp


Tags:

Posted by FanFir - May 8th, 2024


Today was a shortened working day, as tomorrow is the Victory Day holiday! So the pairs only lasted an hour, and I could spend that time pinning down the navigation menu and trying to create a responsive design.


I will need to figure out how I failed to do this with a neural network. I also didn't design the house because I came in late and was very tired after a workout that can be described in one word — "die or die".


Well, tomorrow is my day off, and I plan to devote it to drawing!

iu_1200764_9138736.webpiu_1200765_9138736.webp


Tags:

Posted by FanFir - May 7th, 2024


I decided not to start an account on Habré, because I realized that I don't know how to write articles. But this is not a reason to be upset! Instead, I write articles on Reddit and Newgrounds.

As I promised myself, I published the article on Newgrounds and Reddit. Of course, the results are still zero, because I'm a beginner.

What should I do next? I corrected all grammatical and logical errors, as well as improved the design. I changed the meaning of the last slide to something more appropriate for the context. In the basement of the page, I changed the logos from dark to white to make them more visible. I also changed and colored the logo itself.

Now I've started making new pages. For example, I created a design to choose between a page with 50 memes and a page with 50 art. The selection design is already ready, but I need to arrange all the photos. Unfortunately, I don't have enough time, and I get tired during the day.

But I downloaded 50 pieces of art!

Now I'm going to play DOOM 2016. Enjoy your dreams!


iu_1200294_9138736.webpiu_1200293_9138736.webpiu_1200295_9138736.webpiu_1200296_9138736.webpiu_1200297_9138736.webp


Tags:

Posted by FanFir - May 6th, 2024


So I decided to create my first portfolio website. I want to find a job after the technical school, because they don't teach me very well here! I don't want to go to work in a factory…

This is my first serious article, don't judge me harshly!


Okay, let's go straight to day 1 of the site's creation.

At first, I thought about what my website would look like. The answer was not long in coming: I like one character from the Metely-Blood universe, and I decided to create a website dedicated to Neco Arc.


During the class, I took out my laptop and decided to make a technical task first. This will help me understand what needs to be done, and may also be useful in the future.


I named my website "Neko Brugnais". "Neko" is a reference to the name Neko Ark, and " Brugnais "is a play on words from" Brugna "and"site".


Then I started writing the terms of reference. It was standard: names, descriptions, basic requirements, font selection. I also decided to make a mobile version of the site. I set myself a deadline of September 1, 2024. I think I'll make it.

In addition, I went to FigJam, where I created a header layout and a menu for navigation.

iu_1200145_9138736.jpgiu_1200144_9138736.webp


Second day of website creation!

I have improved the requirements for the technical task. It now includes responsive design, cross-browser compatibility, and support for retina displays.

I also chose fonts for the site: Patsy Sans and Raleway. They look good and are suitable for this project.

Now I'm just starting to work on the site. During my training, I actively used Figma to study design.

The main color of the site is #6d395d, and the secondary color is #f5e6d8.iu_1200143_9138736.jpgiu_1200146_9138736.jpgiu_1200148_9138736.jpg


And on the third day

Finally, I completed the technical task. I selected seven sites as samples and found a resource with code for buttons. Now I plan to add small animations to my website. This is just the beginning.


iu_1200147_9138736.jpg


Well, on the 4th day of creating the site!

I decided to start working on a website layout in Figma. First of all, I want to create the main page, but I won't stop there — I plan to develop several additional pages. The main page will contain a short version of the site, while other pages will be more detailed.iu_1200149_9138736.webpiu_1200150_9138736.webpiu_1200151_9138736.webpiu_1200152_9138736.webpiu_1200153_9138736.webpiu_1200154_9138736.webp


So 5 day!

I decided to create separate pages for the site. Here's what I plan to do:

* Each page will feature 50 pieces of art from our VKontakte group.

* There will be 50 photo memes.

* There will be 50 covers.

* And there will be a guide for creating your own AI cover.

But as for creating an Ent, I don't know what to do yet. It seems that this will simply be a description of what she does in the universe and in what works she appears.

iu_1200155_9138736.jpgiu_1200156_9138736.jpgiu_1200157_9138736.jpg


And now we move on to day 6…

Unfortunately, my laptop overheated and I couldn't continue working. All the black pixels on the screen turned red. I tried to fix the problem, but without success. I spent most of my time trying to solve this problem. As a result, I created a frame only for the mobile version of the site.

iu_1200158_9138736.jpg


So, it's already 7 days!



I created a layout for the mobile version of the site. In general, it doesn't differ from the PC version, but I added a point about site adaptability.

My laptop needed some rest, and now it's working properly again.


iu_1200159_9138736.jpgiu_1200160_9138736.jpgiu_1200161_9138736.jpgiu_1200162_9138736.jpg


And it seems Nyugrounds forbade me to send out pictures, well, sorry without them... For this reason, you have a reason to go to my YouTube channel or Vk Group to see what I'm getting)



And on the 8th day I got my sight!

I need to study not only at the technical school, but also at home! I decided that other hobbies could wait, but I had plenty of time.

I drew a logo in Adobe Illustrator and started painting it over. However, I noticed that I hadn't painted it between the eyes. Well, that's okay!

I also used a style from the library, which I found very cool!

I also created a button in the form of a 3D object, which flies up a little when hovering. In addition, I have a version with text on the buttons that I will use.

Unfortunately, due to lack of time, I managed to make only the background.


The 9th day of the website creation site is coming!

I started working on creating a navigation menu. I've already written a small HTML code for it.


And in 10 days, I decided to change the background!

I realized that it didn't look very good, but still decided to make changes to the terms of reference. I also decided to do an experiment and choose different colors for each page and each element of the main page. This may make the image too bright and chaotic, but I'm not very well versed in this issue yet, although I'm fond of design. Well, the first time can be forgiven.


11. Website Creation Day!

Today, on the first pair, I started creating the design of my website. I started with the header or navigation menu. Added buttons, but no text – I'll add them soon. I also want to fix the header and add working links, and then create a responsive design! The buttons will contain logs, so that everything is as it should be!

Yesterday I noticed that the design is not quite suitable for a first impression or slide, but more like "ent". There will be a description of who Neko Ark is, not a user greeting. Well, okay, I think I'll implement it later.

I want to experiment with the color theme to make it interesting. I know that you need to use 4 colors: white, black, primary and secondary. But that's okay!

I chose blue for the video memes and made them in 20 minutes. But I can see that it's not quite accurate. Nothing, it'll do for the first time. Then I'll change it in photoshop or Figma. I added a couple of videos to see what it will look like. I think it's fine!

But with AI Cover, it was hard. Today I spent about an hour and a half trying to feel the proportions. I see that it's not exactly pixel accurate. Plus, the toxic yellow color makes you dizzy. We'll have to make it darker. I'll do it tomorrow.


Day 12 of website creation!

I created greetings for new users and a gallery that works like a carousel. This means that you can scroll through the gallery to the right and left, and there will be 10 unique images!

It only took me an hour to create the gallery. I have already prepared the design in Figma and now I can see what it will look like. In general, at first glance, everything looks good.

I also made a basement of the site. You will need to make the icons white. Also, we need to work on the icon for a normal user.

Well, I'll have to correct all my spelling mistakes tomorrow. It's amazing how I don't notice them! You also need to design all the other pages so that they match the style of the main page.


This is my first big article, and it may not be completely clear. I don't even know how to write such voluminous texts myself.

I will be grateful for your advice and recommendations. I would like to know your opinion: am I doing everything right? Maybe you can tell me how best to write articles?

With that, I'll say goodbye. Thank you for your attention! If you are interested, you can read my first blog article about creating a website.


Tags:

Posted by FanFir - May 1st, 2024


iu_1197049_9138736.jpgiu_1197048_9138736.webp

Today I was on a couple and started slowly writing a technical task (TOR), so as not to do too much and so that it could be useful in the future, since I want to become a full-stack developer. But that's not the point right now.

I named my website "Neko Brugnais"! Neko-from the name of Neko Ark, and Brugnais is a play on words from "Brunya" and "site":).

Through the chat, I generated a technical specification for myself. This is the plan of my project, which I will implement. Today I wrote only part of the introduction in an hour, because I didn't have much time. But that's not the point. The point is to put into practice the HTML, CSS, and JavaScript I've learned.

I also drew a flowchart of my site (see the pictures). Everything seems to be fine, but something is missing. I don't know what it is yet, but it's there.

Well, that's it, my little amateur readers and viewers. I wish you a pleasant evening! I'll read a book and sleep.


Tags: