DEV Community: Opeyemi Akintunde

What You Need To Know About Design Rules And Principles

Opeyemi Akintunde — Mon, 31 Oct 2022 15:05:25 +0000

Have you ever heard that design is literally everything around our existence?
As humans of diverse traits, behaviours, perspectives, we tend to engage with design on a daily basis. Virtually, everything natural or non-natural in which we continually lay our fingers on was already designed.

However, for more clarity purpose, some of the following design rules indicate the fundamental aspects of what makes design appealing to the eye, engaging and useful for our everyday use.

Pattern
Repetition of specific visual elements such as a single unit or multitude of forms. It can be used to create balance, organize surfaces in a consistent manner, or create contrast.
Rhythm
This is how the eye moves throughout the composition; leading the attention from one aspect to another. This can be achieved by using repeating or alternating elements or patterns.
Unity
The way elements are arranged so that the image is seen as a whole and overall, creates a visually compelling composition is unity.
Balance
How the elements within a composition are arranged either symmetrically, asymmetrically, to create the impression of equality in weight or importance.
Scale
Scale affects how something is balanced. The phrase “Bigger is always better” is not always the case in design. Sometimes tiny elements can call attention just as effectively as something large.

Kindly share your thought in the comment section and learn more on the rules of designs at no cost here.

How to Create A SASS Environment From Your Locals Without npm

Opeyemi Akintunde — Tue, 11 Oct 2022 10:56:53 +0000

Have you always thought of implementing a Sass environment in your project but been getting confused as a result of countless tutorials made available online?

Don’t sweat over it anymore as this short piece offers only the relevant secrets on how to navigate your way through it even without the guidance of anyone.

Click to open your IDE (will be using Visual Studio Code for this guide)

Hover your mouse on “Extension” feature, then click on it.

In the search bar, insert and install both “Live Server,” and “Live Sass Compiler” extensions

3i. Install “Live Server” extension

3ii. Install “Live Sass Compiler”

Navigate through “Setting” icon

Type “Sass” in the search bar

After typing “Sass,” click on “Live Sass Compiler” from the left column.

Drag your mouse, and navigate through “format,” then click to edit the json file.

7i. Your next screen would look like this

7ii. Make a little modification here

7iii. Change savePath value of ‘null’ to “/css” as this would totally change the initial file path.

P.S. Failure to change the path would not allow a CSS folder to be created automatically upon the compilation of your .scss file.

Literally, it would look like this.

Press “ctrl + s” to save the file.

Now, it’s high time to create a new folder so as to test out if the SASS environment is fully up and running or not.

Create and open a newly created folder of a new project

Create the following inside the folder;

10i. An index.html file

10ii. A folder that would house a .scss file

From the .scss folder, create a .scss file where all CSS styles would be written and documented.

You would notice that immediately after you had created the .scss file, a prompt showing “Watch Sass” is being popped out. From here, you can easily monitor your Sass environment.

And Voila, a new CSS folder would automatically be created alongside its file (.css) and map (.css.map) after you click “Watch Sass.”

This completes this simple and useful guide.
Kindly do not hesitate to drop a message if you have any further inquires or contact via (www.twitter.com/_desglobe)

Thank you for reading; Happy coding!!!

How-to Link Google Search Console With Google Analytics

Opeyemi Akintunde — Thu, 17 Feb 2022 11:27:18 +0000

According to Google, Search Console is a web service that allows developers, SEO professionals, and website owners to check indexing status (i.e., the performance of the site) and optimize the visibility of their websites, while Google Analytics is a web analytics service offered by Google that tracks and reports website traffic and other related marketing activities.

In the search niche part of digital marketing, it's more of like informing Google algorithms ahead that here I am boy, this is my website and I would like it to be listed on the largest virtual space cos of visibility.

However, before I continue, this article is meant for SEO beginners and enthusiasts. Also, everything will be done from your analytics dashboard. So, you can sip in a glass of water and calm your nerves...let's shoot our shot!

For the practical aspect of this tutorial, one of my clients, [https://huaoubricks.com/] consented to the use of their Console dashboard, so we're in for a real-time and engaging experience.

Step 1: Go to the Home page

Step 2: Click on "Admin" (left-bar)

Step 3: Click on "Property Settings" under the 'create property' tab

Step 4: Scroll downward (left-bar) under the 'create property' tab, then click on "Search Console Linking"

Step 5: After performing step 4, you will be asked to type in your domain (website URL) in the "Search Bar" right beside 'Link'

Step 6: Expect to see the below-attached modal (a new prompt) box. Then click on "Choose accounts"

Step 7: Since you had earlier typed in the preferred URL to be linked during step 5, just select the icon showing the URL, then click "Confirm".

P.S. You can only add one URL at a time for the proposed linked Console property.

Step 8: Click on "Next".

Step 9: You will be asked to select a Web Stream.

A web stream is otherwise referred to as where you want data (traffic) to be compiled from. It could be from a website, landing page, an app, etc.
Using this example, I will choose the earlier attached [https://huaoubricks.com/]

P.S. Make sure to hover your mouse on it so as to be able to see where to click.

Step 10: Select the linked Web Stream where you want traffic to be fetched. In this case, I selected Hua Ou's Clay Bricks website.

Step 11: Click on "Next" for review.

Step 12: Click on "Submit".

Step 13: Congratulations, you have successfully linked the two accounts.

Bonus tip: Refresh the page, then navigate through the previous steps until you get to step 4. You will be able to see the below

Let me know what you feel and stay tuned for more relevant Digital Marketing posts.

Thank you.

You can always reach me via opeyemiakintunde10@gmail.com

My Goals For HNG 8.0 Virtual Internship

Opeyemi Akintunde — Sun, 15 Aug 2021 20:41:10 +0000

Without any doubt, technology could be seen as a fuel that keeps innovation moving at a rapid pace.

Primarily, this prompted my decision to register for the current HNG8 virtual internship so as to make valuable contribution to society at the end of the day.
You can visit https://internship.zuri.team for more inquires.

To kick start my Software development journey, I have chosen Frontend, because I believe this aspect is part of what makes Web to function.

Basically, my goal for this laudable internship goes thus:
• To have a nitty-gritty knowledge on how technology shapes human lives;
• To become a solution provider to one of societal problems facing planet earth
• To help my community grow through training others(knowledge that would be gotten from this training).

Beginner tutorial for the following courses:

HTML Tutorial: https://www.codecademy.com/learn/learn-html
Figma Tutorial: https://www.udemy.com/course/learn-figma/
GIT Tutorial: https://www.youtube.com/watch?v=8JJ101D3knE
Flutter Tutorial: https://www.youtube.com/watch?v=yuSapdn_Lr4
JavaScript Tutorial: https://www.youtube.com/watch?v=PkZNo7MFNFg