Today, I will take a little break from coding. I need some space to relax for a moment. Don't worry, I will be back at coding by tomorrow. I just need some rest today.
That's all for now.
Thanks for reading!
Join the journey of my blog: RSS feed
My first Responsive Web Design certification project is done! It took two hours of coding with HTML and CSS. It feels great to finally finish it compared to being hesitant to even start it when I tired the FreeCodeCamp curriculum.
This is the link to my project: https://codepen.io/Micmix03/pen/vogjvE
I made the tribute page with my favorite ice cream flavor, which is Cookies and Cream. It's a simple history about the ice cream flavor. It was interesting to see a history of my favorite ice cream flavor.
That's all for my coding session.
Thanks for reading!
Join the journey of my blog: RSS feed
I am finally starting the projects for the Responsive Web Design Certification of FreeCodeCamp. I am very close to finishing the first project of making a “Tribute page”. Instead of using a person, I used my favorite flavor of ice cream, Cookies and Cream ice cream. Yeah, I know. Here is the link for the Tribute page that I am working on: https://codepen.io/Micmix03/pen/vogjvE
The CSS code is kinda messy at the moment. After I am done with the project, I will do some code clean up to make it clean and neat.
That's all for now, thanks for reading!
Join the journey of my blog: RSS feed
All of the coding challenges of the Responsive Web Design Certification is finally done! It had been one interesting journey during those days. This is going to be one huge step to finishing the whole FreeCodeCamp curriculum.
As for now, I will be doing the following Responsive Web Design projects using CodePen:
Build a Tribute Page Build a Survey Form Build a Product Landing Page Build a Technical Documentation Page Build a Personal Portfolio Webpage Anyways, this is the list of coding challenges that I finished today:
Use the flex Shorthand Property Use the order Property to Rearrange Items Use the align-self Property Create Your First CSS Grid Add Columns with grid-template-columns Add Rows with grid-template-rows Use CSS Grid units to Change the Size of Columns and Rows Create a Column Gap Using grid-column-gap Create a Row Gap using grid-row-gap Add Gaps Faster with grid-gap Use grid-column to Control Spacing Use grid-row to Control Spacing Align an Item Horizontally using justify-self Align an Item Vertically using align-self Align All Items Horizontally using justify-items Align All Items Vertically using align-items Divide the Grid Into an Area Template Place Items in Grid Areas Using the grid-area Property Use grid-area Without Creating an Areas Template Reduce Repetition Using the repeat Function Limit Item Size Using the minmax Function Create Flexible Layouts Using auto-fill Create Flexible Layouts Using auto-fit Use Media Queries to Create Responsive Layouts Create Grids within Grids
And as always, thanks for reading!
Join the journey of my blog: RSS feed
Today is rather rough. Being quite exhausted from our community service. I am able to only solve one coding challenge. Despite this rough time, I will still do my best to continue on with the challenge.
Anyways, this is the one coding challenge that I finished today:
Use the flex-basis Property to Set the Initial Size of an Item
Thanks for reading!
Join the journey of my blog: RSS feed
I am honestly running out of ideas of what I am going to write in these first paragraphs. It is pretty tough being creative for each post. Putting that aside, I had finished the Responsive Web Design Principles of FreeCodeCamp. I am currently at the CSS Flexbox.
I am at least a few coding challenges away from finishing this section too. There is about two sections left before making the necessary projects. Those two sections are the CSS Flexbox and CSS Grid.
Anyways, here is the list of coding challenges that I finished:
Make Typography Responsive Use display: flex to Position Two Boxes Add Flex Superpowers to the Tweet Embed Use the flex-direction Property to Make a Row Apply the flex-direction Property to Create Rows in the Tweet Embed Use the flex-direction Property to Make a Column Apply the flex-direction Property to Create a Column in the Tweet Embed Align Elements Using the justify-content Property Use the justify-content Property in the Tweet Embed Align Elements Using the align-items Property Use the align-items Property in the Tweet Embed Use the flex-wrap Property to Wrap a Row or Column Use the flex-shrink Property to Shrink Items Use the flex-grow Property to Expand Items
And as always, thanks for reading!
Join the journey of my blog: RSS feed
Another night of coding has been finished. I succeeded in doing my best to stay awake. I am quite sleepy and I have yawned so many times during the learning process. It was quite a challenge to focus but I did it. It feels great to overcome that challenge.
Anyways, here is the list of coding challenges I finished:
Wrap Radio Buttons in a fieldset Element for Better Accessibility Add an Accessible Date Picker Standardize Times with the HTML5 datetime Attribute Make Elements Only Visible to a Screen Reader by Using Custom CSS Improve Readability with High Contrast Text Avoid Colorblindness Issues by Using Sufficient Contrast Avoid Colorblindness Issues by Carefully Choosing Colors that Convey nformation Give Links Meaning by Using Descriptive Link Text Make Links Navigatable with HTML Access Keys Use tabindex to Add Keyboard Focus to an Element Use tabindex to Specify the Order of Keyboard Focus for Several Elements Create a Media Query Make an Image Responsive Use a Retina Image for Higher Resolution Displays
That's all for today's coding, thanks for reading!
Join the journey of my blog: RSS feed
This is mark as the first post written in Publii CMS. It is a Content Management System that I found at the Headlesscms.org, looking for a CMS that I can replace with the Write.as blogging platform that I was using. As I was scrolling down the list of the Headlesscms.org website, I discovered this CMS that was “Intuitive and beginner-friendly” that was Publii. I decided to try it out and I was amazed of what I experienced. The UI is simple and intuitive. All of the settings are easy to understand. And it also has a built-in Static Site Generator that builds this website. And the rest is one hell of a history.
Anyways, I am back coding! I finished my migration from Write.as to Publii. It was a rather simple process of copying and pasting my blog posts. I have now finished the “Applied Visual Design” section. I am currently solving coding challenges at the “Applied Accessibility” section. From what I can tell, I did pretty well.
Here is the list of coding challenges that I finished:
Learn How Bezier Curves Work Use a Bezier Curve to Move a Graphic Make Motion More Natural Using a Bezier Curve Add a Text Alternative to Images for Visually Impaired Accessibility Know When Alt Text Should be Left Blank Use Headings to Show Hierarchical Relationships of Content Jump Straight to the Content Using the main Element Wrap Content in the article Element Make Screen Reader Navigation Easier with the header Landmark Make Screen Reader Navigation Easier with the nav Landmark Make Screen Reader Navigation Easier with the footer Landmark Improve Accessibility of Audio Content with the audio Element Improve Chart Accessibility with the figure Element Improve Form Field Accessibility with the label Element And that's all for my great return from a short “break”.
Thanks for reading!
Join the journey of my blog: RSS feed
I didn't code today. I am currently doing a transition for the Write.As blogging platform to using Publii to write and publish my blog posts.
That's all for my little update, thanks for reading!
Join the journey of my blog: RSS feed
This has been one rough day again. Too many distractions around me during my time for coding. I have to come up with something that I can use as a solution for this. And another problem that I am currently facing my lack of focus. My mind has been wandering to different places while coding. This is going to be pretty tough to deal with.
Anyways, here is the list of coding challenges I finished: 1. Use the CSS Transform scale Property to Scale an Element on Hover 2. Use the CSS Transform Property skewX to Skew an Element Along the X-Axis Passed 3. Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis 4. Create a Graphic Using CSS 5. Create a More Complex Shape Using CSS and HTML 6. Learn How the CSS @keyframes and animation Properties Work 7. Use CSS Animation to Change the Hover State of a Button 8. Modify Fill Mode of an Animation 9. Create Movement Using CSS Animation 10. Create Visual Direction by Fading an Element from Left to Right 11. Animate Elements Continually Using an Infinite Animation Count 12. Make a CSS Heartbeat using an Infinite Animation Count 13. Animate Elements at Variable Rates 14. Animate Multiple Elements at Variable Rates 15. Change Animation Timing with Keywords
That's all for now, thanks for reading!
Join the journey of my blog: RSS feed