Tumgik
#xc: project logs
izicodes · 4 months
Text
Sugary Scribbles | #8
Saturday 6th January 2024
IT'S BASICALLY WORKING (on larger screens)! My never-ending war on website responsiveness continues! I have a large screen and I stupidly only took into account of MY screen size. What I did do though is created a message for phone-table sizes because it just wouldn't make sense it working on really small devices - in my opinion~! But for now I will put this on hold because I am excited about my other project idea I came up with yesterday oops~!
This is my first project of the year and it's super adorable in my opinion! It paints, it erases, it deletes and it saves your artwork! Ticks all the boxes I made at the beginning of the project! Turned a simple 'Make a HTML painting webpage' into something more cuter and cool! Job well done! 😩🙌🏾💗
You can try it out (if you have a larger screen size), all that happens is the painting will be off the mouse direction a bit, sorry!
link to the Sugary-Scribbles web app! 🍡
Tumblr media
Lastly, here is a cool drawing I made as I was testing the site~! I'm a better artist than this I swear, just not good using a mouse...
Tumblr media
List of resources I used during the project
Figma - to plan the webpage
Canva: to make the header
Photopea: for further photo editing
RedKetchup: to colour pick quickly
CSS Animations: to add the zoom-in-n-out animation
MDN Canvas: to know what the element does properly
YouTube Tutorial: to get inspiration and extra help
Flaticon: for the icons and cursors
Html2canvas API: to turn the drawing into an image (tutorial)
Tumblr media
That's all, have a nice day/night and happy coding! 🖤
86 notes · View notes
queenmobileblog · 5 years
Photo
Tumblr media
Đồng Hồ Thể Thao Garmin Instinct - Hàng Chính Hãng , Xem sp này: https://ift.tt/2NYLg6X ⚡⚡⚡⚡ Mua ngay : http://bit.ly/2k8KFkG 🌸🌸🌸🔥🔥🔥 Giá: 𝟳.𝟰𝟵𝟴.𝟬𝟬𝟬 ₫ Thông Tin Chi Tiết Thương hiệu Garmin Xuất xứ thương hiệu Thụy Sỹ Sản xuất tại Đài Loan Kích thước 45 x 45 x 15.3 mm Model Instinct Loại dây Silicone Mặt đồng hồ Mặt tròn Chất liệu mặt Kính cường lực Chống nước Có Độ chịu nước 10 ATM Trọng lượng 52g Kích thước màn hình 1.2 inch Độ phân giải màn hình 128 x 128 pixels Loại / Công nghệ màn hình Memory-in-pixel chống phản quang Hiển thị màu sắc Đơn sắc Bộ nhớ RAM 16MB Kết nối dữ liệu Bluetooth Thời gian pin Smartwatch mode: Lên tới 14 ngày GPS mode: Lên tới 16 giờ UltraTrac mode: Lên tới 40 giờ SKU 9850289242988 Mô Tả Sản Phẩm Thiết kế đậm chất thể thao Đồng Hồ Thể Thao Garmin Instinct có thiết kế trẻ trung, năng động với mặt đồng hồ đường kính khá to lên đến 42mm. Đồng thời vỏ đồng hồ làm từ vật liệu polymer gia cố bằng sợi fiber tăng cường độ bền bên ngoài giúp bảo vệ Garmin Instinct khỏi những tác nhân bên ngoài như va đập, cọ xát. Bên cạnh đó, sản phẩm cũng được trang bị màn hình có kích thước 1.2 inch đơn sắc và được phủ lớp chất hóa học tăng khả năng chống xước, với độ tương phản cao để có thể đọc được dưới ánh sáng mặt trời. Khả năng định vị ấn tượng Với hệ thống định vị vệ tinh GPS, GLONASS và Galileo, đồng hồ Garmin Instinct đảm bảo khả năng xác định vị trí chính xác kể cả ở những khu vực hẻo lánh. Ngoài ra, nó cũng có thêm tính năng TrackBack giúp bạn đánh dấu waypoint để trở về điểm xuất phát. Garmin Instinct còn được tích hợp la bàn ba trục và áp kế đo độ cao để phù hợp hơn với những chuyến đi đến những vùng núi cao. Chiếc đồng hồ thông minh này còn đóng vai trò truyền tin với các thiết bị khác của Garmin, điển hình là camera Garmin VIRB. Hỗ trợ đo nhịp tim, theo dõi tập luyện Ngoài đóng vai trò của một chiếc đồng hồ thông minh dành cho việc theo dõi hoạt động, đồng hồ thông minh Garmin Instinct còn được tích hợp cảm biến nhịp tim, theo dõi các hoạt động hàng ngày, lượng calories, giấc ngủ và mức độ stress. Hơn nữa, thiết bị cũng có khả năng kết hợp với smartphone thông qua bluetooth cho khả năng hiện thông báo, tin nhắn, email mà không cần mở điện thoại. Đồng hồ Garmin Instinct giám sát nhịp tim, hoạt động và stress của bạn suốt cả ngày, vì vậy bạn sẽ biết được mình đã luyện tập được bao nhiêu và đã đang luyện tập chăm chỉ như thế nào. Bạn cũng có thể bắt đầu các bài huấn luyện bất cứ lúc nào với các hồ sơ hoạt động được tải trước để chạy, đạp xe, bơi lội và nhiều hơn nữa. Thời gian sử dụng lâu dài Đồng hồ Garmin Instinct có thời lượng sử dụng rất tốt, lên đến tối đa 14 ngày ở chế độ thông minh, lên đến 16 giờ cho chế độ định vị liên tục. Đặc biệt, ở chế độ UltraTrac, Garmin Instinct kéo dài thời gian sử dụng đến 40 giờ. Thông số kỹ thuật khác Tính năng giờ Ngày / Giờ Có GPS Time Sync Có Automatic daylight saving time Có Báo thức Có Timer Có Stopwatch Có Thời gian bình minh / hoàng hôn Có Cảm biến Galileo Có GPS Có GLONASS Có Garmin Elevate wrist heart rate monitor Có Áp suất kế Có Cảm biến độ cao Có La bàn Có Con quay hồi chuyển Có Nhiệt kế Có Tính năng thông minh hằng ngày Trả lời văn bản / từ chối cuộc gọi điện thoại với văn bản (chỉ dành cho Android ) Có Kết nối Bluetooth, ANT+ Smart notifications Có Smart calendar Có Weather Có Điều khiển nhạc Có Find my Phone (Tìm điện thoại) Có Find My Watch (Tìm đồng hồ) Có VIRB Camera Remote Có Tương thích với các dòng điện thoại iPhone, Android Tương thích với ứng dụng Garmin Connect Có Tính năng hoạt động thể chất hằng ngày Theo dõi stress cả ngày Có Đếm bước Có Move bar (hiển thị trên thiết bị sau một thời gian không hoạt động; đi bộ một vài phút để thiết lập lại nó) Có Auto goal (học mức độ hoạt động của bạn và chỉ định một mục tiêu bước hàng ngày) Có Đo giấc ngủ (học mức độ hoạt động của bạn và chỉ định một mục tiêu bước hàng ngày) Có Năng lượng tiêu hao Có Đếm số bước bậc thang Có Distance traveled (quãng đường đi được) Có Intensity minutes Có TrueUp Có Move IQ Có Thể dục / thể hình Các dữ liệu thể dục hỗ trợ Có Tự động đếm Có Các bài tập Cardio Có Các bài tập thể hình Strength, Cardio and Elliptical Training, Stair Stepping, Floor Climbing, Indoor Rowing and Yoga Các tính năng luyện tập, kế hoạch và phân tích Interval training Có Ước tính thời gian hoàn tất Có Tốc độ và quãng đường qua GPS Có Màn hình tùy chỉnh Có Tự do tùy chỉnh hoạt động thể thao Có Dừng tự động (tạm dừng và tiếp tục đếm thời gian dựa trên tốc độ) Có Tập thể hình nâng cao Có Tải các kế hoạch luyện tập Có Vòng chạy tự động (tự động bắt đầu một vòng mới) Có Tự động lặp (Tự lặp lại vòng chạy) Có Đối thủ ảo (so sánh tốc độ hiện tại với mục tiêu) Có Đường chạy ảo Có Khả năng tuỳ chỉnh cảnh báo vòng lặp Có Nhắc nhở bằng âm thanh Có Thi đua hoạt động Có Tạo điều hướng Có LiveTrack Có Khoá nút hoặc cảm ứng Có Các phím tắt Có Auto scroll Có Lịch sử hoạt động trên đồng hồ Có Tính năng hoạt động ngoài trời Vị trí XERO Có Các dữ liệu gỉai trí ngoài trời hỗ trợ Hiking, Climbing, Mountain Biking, Skiing, Snowboarding, XC Skiing, Stand Up Paddleboarding, Rowing, Kayaking, Tactical Dẫn đường theo điểm đầu và cuối Có Breadcumb trail thời gian thực Có Back to start Có TracBack Có Chế độ UltraTrac Có Dữ liệu độ cao Có Khoảng cách tới đích đến Có Cảnh báo xu hướng tăng áp suất không khí Có Tự động đo độ cao đường mòn Có Vertical speed Có Total ascent/descent Có Dự đoán độ cao Có Tương thích với BaseCamp Có Toạ độ GPS Có Projected waypoint Có Sight 'N Go Có Tính toán khu vực Có Thông tin mặt trời và mặt trăng Có Toạ độ theo hình vuông Có Tính năng đạp xe Các dữ liệu xe đạp hỗ trợ Biking, Indoor Biking, Mountain Biking Courses (thi đua với hoạt động trước đó) Có Thi đua hoạt động Có Time/distance alerts (triggers alarm when you reach goal) Có Hỗ trợ với cảm biến Speed và Cadence (tương thích với Sensor) Có Tính năng bơi lội Swim efficiency (SWOLF) Có Drill logging Có Các dữ liệu bơi lội hỗ trợ Pool Swimming, Open Water Swimming Các chỉ số khi bơi ở hồ (chiều dài, quãng đường, nhịp độ, số lần quạt tay/tốc độ, calo) Có Tự động phát hiện kiểu bơi (Bơi tự do, bơi ngửa, bơi sải, bơi bướm) Có Các chỉ số khi bơi ngoài trời (chiều dài, quãng đường, nhịp độ, số lần quạt tay/tốc độ, calo) Có Tính năng chạy bộ GPS-cự ly chạy, thời gian và tốc độ chạy Có Chạy luyện tập Có Các dữ liệu chạy bộ hỗ trợ Running, Treadmill Running, Indoor Track Running, Trail Running Foot pod capable Có Cadence (cung cấp số bước theo thời gian thực mỗi phút) Có Các tính năng về nhịp tim Lượng calo theo nhịp tim Có Vùng nhịp tim Có Cảnh báo nhịp tim Có % HR max Có Phát sóng dữ liệu nhịp tim đến các thiết bị hỗ trợ Có Thời gian phục hồi thể lực Có Tự đông đo nhịp tim tối đa Có % HRR Có ☘️ Đồng Hồ Thể Thao Garmin Instinct - Hàng Chính Hãng ☘️ https://ift.tt/2JH8OaZ
0 notes
dubersj-blog · 6 years
Text
September Blog Post
     Another month has come and gone! That’s absolutely crazy. At the airport, a lot of stuff has been going on - good, bad, sad, and everything else. I’ll go over this more when I talk about a highlight of my month, but I successfully was signed of to complete my first cross country solo flight to Beaver, PA. Complete it I did, in the wake of the hurricane! More to come on that. Unfortunately, those endorsements were the last that I will ever receive from my CFI and now close friend Zach G, as he has escaped the world of flight instruction, and has moved on to a corporate jet company. I’m super happy for him, as he is finally getting closer to pursuing his dreams to the fullest, although I will now have to move on to a fourth CFI, with an entirely different teaching style. We do, however, plan on going to EAA Oshkosh Airventure together next year though. This month, Denise made it back from China, and I did more office work than I’d ever done in my life, such as photocopying syllabuses, sending out phone calls to students, scheduling students’ stage exams, and more. My biggest project this month was creating a “master binder” for student viewing, and creating a table of contents for it. This included reorganizing the aircraft weight and balance sheets, compass card deviations, standard operating procedures, and more.
     This month, I don’t believe I have shown enough initiative as I would have liked to. Sure, making the initial jump toward my cross country solo and planning everything myself required lots of initiative, but I mean inside the office. I did get lots of things done, although this month it was mostly because I was being told to do one thing after another, and didn’t suggest things that I could do. Below is a picture my mother snapped of me creating my nav log based on the current weather.
Tumblr media
     However, this month still contained one of the biggest highlights of my life, my solo xc to Beaver County, PA. The winds aloft were 44 knots, causing some cars to pass me up on the way back home. At landing at Beaver, there was a direct gusting 90 degree crosswind, causing the tower to leave me some presumably sarcastic remarks. I forgot one or two checklists, and experience more turbulence than I ever have in my life. All in all, I learned from it, and it made me a better pilot. This picture is of Zach greeting me after I shut down the aircraft.
Tumblr media
     I certainly did learn tons this month. I became a year older on September 17th, and wrapped up stage two of my PPL training. After the solo flight, I learned something about my own personal limits, as while a student and an early PPL, I will never go flying by myself in that weather again. On my mother’s video of my landing back at Akron, you can see the grass blowing. I was so focused on flying the aircraft in the conditions that existed, I forgot some things that could have been critical, although nothing broke, and I became a better person from it!
     My biggest challenge this month hasn’t quite been solved yet. My challenge is finding a CFI that I relate to and can progress with as much as I have with Zach. I’ve personally sat down with several instructors just to talk to them, and I found one that seems to be my style, although it will require adjusting my whole schedule in order to train with him. His name is Tiger, and he is an Air Force veteran, writing a book about flying of which he shared parts of with me. This man seems to be one of the wisest I have ever met, and it may be worth adjusting my schedule to finish my PPL with him.
     Next month, if all goes right, I look forward to finish that binder in its final form, and pass my PPL checkride. Next month for certain, I have more solo cross countries to come, and after my first, I have no problem going on others. We’ll see what happens in the next blog post!
0 notes
highschoolharrier · 6 years
Photo
Tumblr media
Chris Stonier is the head coach of Xavier High School boys cross country team. They are a returning NXN program that have high hopes after finishing 18th last year in their first appearance.
High School Harrier: Your team is entering the season ranked 14th in the Terrific 22 after finishing last year in 18th. Do you feel your program has done a better job of preparing for this season and is ready to place higher at NXN?
Chris Stonier: The athletes are certainly more focused than they were when they entered the 2017 season.  NXN was added to the 2017 schedule as a "what if"; we had this tremendous group of athletes that, up until this point, had primarily focused on success inside of Connecticut but we felt that maybe it was time to look beyond state lines.  Since we are returning our top 4 athletes, the rest of the team knows what is at stake and they have stepped it up.  Summer mileage appears to be more consistent and more athletes than usual are taking leadership roles such as planning team events/runs, participating in group conversations, etc.  In addition to understanding the logistics of NXN better the second time around, this increased level of "buy-in" should have us more prepared than last fall.  
HSH: Does your team look at NXN as the ultimate race or the state meet?
CS: The Connecticut State Open meet is a large focus for the team, however, the group understands that if we wish to be one of the top teams in the nation we must view the state meet as a necessary step towards advancing to NXN.  I do not want to say that one is more important than the other; each meet on the schedule has a particular purpose.
HSH: Has your team set goals for the year and how do they come about those goals?
CS: The team has a goal-setting session during the first week of practice.  We set performance goals (times, special recognition, etc.) as well as character goals that will aid in reaching performance goals.  Each athlete has to be honest with themselves and the team about areas in which they can improve.  Once each teammate goes through this process we can then acknowledge team goals and everybody involved commits their efforts to making it happen.  
HSH: How big is your school and how big is your program?
CS: Xavier High School has approximately 700 students (male only).  The cross country team has had about 35 athletes on it.  
HSH: Do you have any athletes you feel are prepared to have a breakout season?
CS: There is a group of 8-10 athletes that the coaching staff will be looking at in order to fill the 5-7 spots.  Some of these athletes are coming off of good track seasons, while others will be freshmen.  Track times from this group indicate Ryan Grochowski, Julen Lujambio and George Luke could have a breakout fall season.  Junior Robbie Cozean was coming back from a stress fracture last fall.  After running 14:53 on the track this spring, he can surprise a lot of people at NXR and NXN.  I am also keeping a close eye on freshmen Eamon Burke, Noah San Vicente and Conor Selfors.   
HSH: For those of us not from Connecticut, how do you qualify for state?
CS: In Connecticut cross country, there are six classifications that describe how large or small a school is: LL, L, MM, M, SS, S (quite literally small, medium, large).  The top two teams from each class race advance to the CT State Open.  In addition to these twelve teams, there are eight wild-card spots given to the teams that post the next fastest eight-team times, resulting in 20 total teams.  The State Open also includes the top twelve athletes from each class and the next fastest 30 individuals from a merge.  Last year there were 181 total athletes that competing at the State Open, 41 of which qualified as an individual.  
HSH: What does a typical week of training for your team look like?
CS: For the varsity athletes, Monday, Tuesday and Friday are recovery efforts.  We usually have a threshold/tempo workout on Wednesday with a faster track session or invitational on Saturday.  Sunday and Thursday are reserved for long runs.  Junior Varsity and Freshmen follow a similar training schedule but tend to run in dual meets on Tuesdays which takes the place of the Wednesday threshold/tempo run.  Workouts are modified depending on the level of effort required in the dual meet, which training group an athlete is in and when the end of their season is projected to be.  
HSH: I'm a freshman coming out for the team. What does my fall racing and training look like?
CS: Freshmen have an option of recording their summer training on the team log, however, it is not expected.  With this information, I am able to better assess the readiness of an athlete to run higher mileage, compete in races and run more strenuous workouts.  Assuming a freshman has little to no experience, he will begin at approximately 15-20 miles per week and will wait several weeks before attempting a challenging workout.  The main priority for freshmen in our program is to foster a love for running and the team; he will slowly progress his mileage throughout the season which will allow him to become stronger and more confident when racing against other freshmen.  The regular season dual meets serve as an opportunity to learn how to race and compete.  The goal for the freshmen team is to collectively win the freshmen race at our conference championship meet, setting ourselves up for a bright future.  
HSH: Do you have a favorite workout to do with your team and why?
CS: My favorite workout to do with the team are 1000's on a dirt road located about 1 mile from campus.  The winding dirt road has slight variations in elevation and has great tree coverage.  With very little traffic and the crunch of the dirt under their shoes as the only sound, the workout provides the athletes the ultimate opportunity to focus on their breathing and mechanics.  The atmosphere is even better once the leaves begin to change color!
HSH: What was your biggest learning moment as a coach?
CS: My biggest learning moment came when I read "What Drives Winning" by Brett Ledbetter.  This book allowed me to realize that the mental side of athletics is very real.  Up until this point, I had been obsessed with the training component of distance running, leaving the athletes to figure out how to handle the mental stresses that came with the sport.  After reading this book, I quickly realized that I had been ignoring the most important variable in individual and team success.  I recommend that all coaches read this book, regardless of the sport.  
HSH: What regular season meet is your team looking forward to the most?
CS: Every year I take 14 athletes (Varsity 'A' and Varsity 'B') on an overnight trip to compete against out-of-state teams.  This year we will be returning to the cite of the Nike Northeast Regional, the Bowdoin Park Classic at Wappinger Falls NY.  
HSH: What do you do in order to foster team chemistry?
CS: The concept of "team" is spoken about during daily team meetings at the beginning of practice or during a quick debrief following a challenging workout.  No single athlete is bigger than the team; we all have a role to play in the team's success!
Less formally, each athlete is required to give a fist bump to their teammates following the afternoon run or workout, no matter how good or bad the performance was.  This ritual has taken on a life of its own...
HSH: What is the biggest mistake you see other programs making?
CS: I do not know the ins-and-outs of many programs' training, however, it appears that most high school coaches race their athletes too frequently or demand incredible performances from a single individual during competitions that are, in the grand scheme of things, rather meaningless.  The 5000m race distance is very taxing on the body.  When you couple one race per week ( and in many cases two) with one or two strenuous workouts, the developing high schooler cannot handle the physical stress.  Stories of athletes running their best races in September or early October are evidence that these athletes are over-raced.  
HSH: How do you develop mental toughness in your athletes?
CS: A work in progress...discussing the history of the program, "heroic" efforts by past athletes and teams can help a lot when it comes to this.  Pre-workout days are intentionally VERY easy so that we arrive physically and mentally prepared to give maximum efforts.  There is no surprise as to how difficult (or not difficult) a session will be.  
HSH: What type of ancillary training do you do with your athletes?
CS: We follow a strict daily routine of dynamic warmups and post-run myrtle/hurdle drills.   Athletes also receive reading/listening suggestions.  It is not uncommon for me to share a Podcast or book with an athlete that I feel would benefit from being exposed to the content.  Sometimes the athlete picks up on exactly what had been intended, sometimes it was a waste of time :)
Photo courtesy of Xavier XC Twitter
0 notes
izicodes · 9 months
Text
Made a Google clone
Tumblr media
Saturday 12th August 2023
I got bored today and made a visual clone of Google - meaning it doesn't actually work, unfortunately. I was browsing online and saw the "Beginner Projects" article and it said you could make a Google clone in under 2 hours, so I was like "Alright, bet." And I did.
Tumblr media
1 hour and 42 minutes!! 💗✨💗✨💗
If I were to make my own mini search engine, it would be pink-themed. I have not made it responsive yet because you guys know my hate for actually coding stuff to be responsive~! (´∀`)
Might put this project on my Replit account (an account I haven't used in a long time)ヾ(^-^)ノ
139 notes · View notes
izicodes · 1 year
Text
Researching Old Web Designs
Tumblr media
Wanting to get back to coding for myself and coding things I enjoy, I researched 'old web' / 'old internet' GUI designs and became more fascinated. I've always liked the aesthetic but took time to look more deeply into the design aesthetic!
I also decided to test for myself if I could recreate the graphical user interface (GUI) designs using HTML, CSS and JavaScript (mainly for any functionality I want to add to the design). The above gif is me demonstrating a fake Windows 2000 PowerShell design. Again, this was built using only HTML, CSS and JavaScript!
There have been 20 versions of the Windows operating system and I will be designing from version 10-12; Windows NT 4.0 (1996), Windows 98 (1998) and Windows 2000 (2000)!
Maybe at the end, I will combine all my designs into one place for others to view them! As I do this, I will continuously learn about the history of the internet and the Windows OS.
162 notes · View notes
izicodes · 8 months
Text
Done designing | Neocities
Tumblr media
Sunday 20th August 2023
I think I'm done designing my Neocite now and all I have to do is add new pages whenever I want but the overall design seems okay! I worked on the responsiveness so it should work on phones and tablets!
So, yeah do check it out: ☆ LINK ☆
Tumblr media
102 notes · View notes
izicodes · 1 year
Text
Turning TumblrTextTint Into An Extension - Part 2
Tumblr media Tumblr media Tumblr media
I finally did it!
I told myself around a month ago when I completed my TumblrTextTint web app that I would make an extension so it would be easier for users to access the text formatter since using an extension is better than going to the actual page everytime you want to get the code!
Tumblr media
It was difficult at first because I just thought "I'll just use the same HTML, CSS and JavaScript code I used for the webpage verison, now for the extension!"... but that didn't work properly so I had to take time to alter the code everywhere so it could fit in a small little box... and then the JavaScript code wasn't working so I had to fix that too 😅💔
Overall an unique but not so unqie experince! Now I will try and figure out how to upload for other people to use on Firefox's Add-ons!
Tumblr media
161 notes · View notes
izicodes · 9 months
Text
Working on Responsiveness
Tumblr media
Wednesday 9th August 2023
I hate hate hate making navigation bars responsive because, not going to lie, they are pretty simple in terms of the code itself but I keep forgetting how so I always take time to research how to do it by watching youtube videos on it. The code doesn't work then I try fixing it 500 times (really only 3 times) then it works. But glad that's over.
Decided to make the CSS responsive code on its own file rather than having it shoved at the bottom of my root CSS file because having to go back up and down is annoying, so I have them side-by-side like this! (〃 ω 〃)
Seems like I'm going to stay up coding this up~! ゚☾ ゚。⋆
"Hey, how do you view the page as a phone?!" - this chrome extension: ♡ LINK ♡
121 notes · View notes
izicodes · 8 months
Text
Working on my Neocite
Tumblr media
Saturday 19th august 2023
Finally, I am working on my own personal blog design on Neocities. My blog would basically be my online diary. I do have physical diaries but especially when I want to add pictures, I'll just post them on this blog I'm working on (¬з¬)
I got the overall design done and now I am doing the individual pages like the about me and the diary section. I don't know what else to add to my about me so I'll leave it as it is. I still haven't done the homepage for some reason?? Just has some lorem text as a placeholder for now!
That's all!! v(。・ω・。)♪
Tumblr media
70 notes · View notes
izicodes · 9 months
Text
Pink Tags Extension
Tumblr media
Wednesday 16th August 2023
Oh my goodness, I've been hopping from one project to another (out of boredom of course) ~ anyhoo, here is a mini project I made for myself so I can keep track of the tags I use for my posts!
It's not done but I stopped working on it around midnight last night so I can sleep but so far I'm happy. Just getting the functions down then I will go in and figure out the design later! I started some of the design but I got focused on the functionality of the extension!
Note: That's all for now! Have a nice day and study some coding?!
59 notes · View notes
izicodes · 9 months
Text
Google Clone Dark Mode
Tumblr media Tumblr media
Tuesday 15th August 2023
Yeah, I'm attempting to do a dark theme for the Google Clone I made!
It is so hard to make the switch of all the colours for most of the elements, maybe I'm doing it wrong? At least it's an attempt so I'll research more on how to do switches between themes.
Initially, I am doing the switch by making light and dark mode values in the :root and doing the switch in the JavaScript code but it seems hard like there has to be an easier way to this:
Tumblr media Tumblr media
I'll research it today and see how to fix this but for now, this is what I got and I'm proud so far~!
52 notes · View notes
izicodes · 4 months
Text
Sugary Scribbles | #2
Tumblr media
Thursday 4th January 2024
【 Previous Project Log 】 I'm done with the wireframe! Basic little web app but I'm so happy! After working on it for 2-3 hours, it's completed!
I absolutely love the theme colours I chose for the project, I literally got inspiration from this one Pinterest post! Also the palette with the colours on, I love the design but I can't think how I will be able to achieve the design in actual code but I'll give it a go! I might add wooden texture to it to make it look fancy~!
I also made a little 'assets' info section for the extra bits of the app!
Tumblr media
I have an idea that when you select a colour, the paint on the paint brush cursor changes colour. And since the web app has a limited colour palette, I just made each individual brush!
I'll probably start coding the HTML and SCSS side of the project later tonight or tomorrow! But first things first: make a GitHub repo for the project~!
That's all and happy coding! 🖤
32 notes · View notes
izicodes · 7 months
Text
Experimenting with creating widgets for Notion
Sunday 15th October 2023
As I play around on Notion a lot these days than I have in my entire life, I wondered about the widgets you can embed to your pages.
And then I thought “how are they made?” obviously by coding but exactly how? It’s questions like these that lead me into rabbit holes that causes my browser to have 20+ tabs open.
No article I could find within the 20 mins I started researching could tell me straightforward how to do it, so I experimented… with ChatGPT. I was like “bro figure this out for me cause everyone else is lacking” and the bot was like “don’t worry, I got you bro”. It failed miserably so I was left to my own brain to figure out.
And I did it. I made a quick quotes generator that when you click a new generator pops up. It works fine, as you can see in the video. Shame I will have to I learn how to do this from absolute scratch with very very little resources out there to help. Reinventing the wheel kind of moment, because I want to build more complex widgets for my pages on Notion.
Good luck to me 🙋🏾‍♀️🎀
Tumblr media
⤷ ○ ♡ my shop ○ my twt ○ my youtube ○ pinned post ○ blog's navigation ♡ ○
39 notes · View notes
izicodes · 4 months
Text
Sugary Scribbles | #7
Tumblr media
Saturday 6th January 2024
IT PAINTS!! Oh I am so happy! 😩😖🤩
Following a couple tutorials online and reading the MDN docs on the Canvas element, I finally got it to work! It was working before but it would be painting where the mouse wasn't... so it was off by a lot and drawing off screen 😓 but all fixed now!
However, I haven't gotten to the bit where you click the paint from the palette and draw in that colour, so that is what I'm going to do now!
That's all for now! Have a nice day/night and happy coding! 🖤
Tumblr media
19 notes · View notes
izicodes · 1 year
Text
Designing a fake blog! Prt 2 | Dev Logs
Tumblr media
Continuing from my last log
And 2 hours later, I have come up with this! She's basic, she's cool, I love it so far. Only still working on the home page but I think I know what the style will be for the whole blog, as before I was just guessing!
Tumblr media
Added some fake Lorem text and worked on adding a 'feature posts' section where you see the top 3 posts on the blog. And I added the section again because now I will be working on scrolling the main section i.e. 'overflow: auto;' and designing the scrollbar to fit the style!
So far so good!
Tumblr media
Thank you for reading! Happy coding! 😎👩🏾‍💻🙌🏾
Tumblr media
86 notes · View notes