#frontend | Explore Tumblr Posts and Blogs

kitkatcodes · 10 months

Text

✧･ﾟ: Customize your highlight color! :･ﾟ✧

I recently came across a blog where when I went to highlight some text I noticed it was a unique color!!! (」°ロ°)」

AND IT'S SO SIMPLE TO DO

all you do is go to your css file and add this:

::selection { background: <hexcolor> }

Enjoy!! ♡⸜(˶˃ ᵕ ˂˶)⸝♡

#codeblr #progblr #programming #tech #coding #resources #frontend #studyblr #aesthetic #css #html #these little details make me so very happy #css tips

1K notes · View notes

headlight-district · 2 months

Text

A Porsche 911 for Front End Friday

#frontendfriday #automotivephotography #carphotography #joyofmachine #teamcanon #carstuff #cars #canonphotography #horsepower #frontend #carculture #car #classic cars #classic car #porschecars #porsche #carpositive

139 notes · View notes

codomars · 11 months

Text

Day 6 — 10/ 100 Days of Code

✧˖° ♡ This week' progress

I think I finally built a steady studying routine - over the past few days, I managed to wake up every day at 6 a.m. and take the first hour to work on coding.

My focus was on exploring CSS transition and keyframe animations.

I discovered that the secret to

✧˖ cool CSS animation ˖✧

is the right manipulation of transition-duration, delay, and timing-function.

I also learned how to transform elements in 2D and 3D space by using a set of CSS properties ( rotate, skew, scale, transform-origin ), and setting the perspective.

As a strong believer of the theory "learn through doing", I based my study plan on 20% theory, 80% experimenting with css and creating silly animations

273 notes · View notes

nixcraft · 3 months

Text

#compsci #programmers humor #IT #devlife #frontend #backend #software development

66 notes · View notes

zzzzzestforlife · 29 days

Text

🍋 when life doesn't give you lemons, make them yourself, ig?

⏪ previously on project diaries ⏪

in today's project diaries 🔍: CUTE LEMONS WERE MADE ☺️, how to make pixel art (with code) 🎨, design nitpicks 🧐, what's next? 👀

everyone come look at my lemons!! 🤩 they do this cute little wiggle~ and everything!! 🥰 (low-key could be mistaken for mangoes, ngl, but i don't know what to do about that and so i don't care 😌)

it's... surprisingly hard to make pixel art, though?? for some reason i thought i could just ~wing it~ 🕊️ but after making a few pixels, i realized i had no idea what i was doing 😂 i ended up drawing a crappy planning sketch on my phone that looked more like orange grapes, so i was really doubting that this would work, but after a few more tweaks, i think it went just fine~ 🤓

i was also debating the best way to keep track of all these little squares in my code... ended up organizing them by row — like duh, that's the only sane way to do it 🙄

in my original mock-up, i had this pretty(?) swirly vine thing, but... i hate it in pixel form. it looks so much cuter without them! 😍

also still not super happy with the green background even though i changed it already. i still think it needs to be a little paler or darker or... something... but i'm not gonna get hung up on that FOR NOW (i'm still low-key committed to not just brushing off the importance of color in the long-run, mind you 😤)

OUR MVP IS FINISHED!! 🎉 i'm so happy i was able to do an incredibly easy thing and have it not blow up in my face 🥳 for my next trick, i'm going to re-construct my entire life! (it's the DAILY ZESTY checklist section.)

i made some wireframes for it today but there are some things i know i just have to do FIRST or else i will keep putting them off until never:

FIND A GREEN BACKGROUND COLORING THAT YOU LIKE ALREADY (have yet to try transparency and gradient variations and i just know i could waste at least a couple hours on that)

🥚 try out an easter egg idea that i might hate later: use CSS to switch on click from DAILY ZESTY to 일상 제스티 to 每日热情 ("daily enthusiasm", lol, it's the best Chinese version i could think of)

💌: i love how slapstick school project this feels haha standards, who?? we only know vibes in this household 😎 until next time~! 🍋👀👩‍💻

29 notes · View notes

codegummy · 2 months

Text

Game with HTML Canvas and Vanilla JS

Been a little stressed out with school and all so I made a little project to cool off a bit. I followed this YT tutorial showing how to code the Google dinosaur game. But then I made new vector illustrations to use instead of a the ones provided in the source code . To give it a touch of cuteness ⸜(｡˃ ᵕ ˂ )⸝♡

#codeblr #programming #web development #frontend #html #progblr #css #ux #coding #tech #video games #gaming #fps #cute #code #javascript

30 notes · View notes

code-es · 1 year

Text

Learn flexbox!

Although it is IMPOSSIBLE to ever get align-items vs justify-content right on the first try, getting familiar with how flexbox works will allow you to know at least one of them does what you want them to. If there's anything I've learned during my studies it's that development is much more about knowing you can do certain things and being able to google it when you don't know how, rather than having everything memorized. What you need to memorize you will memorize from practice, repetition and experience.

That being said: here are some (two) resources for learning flexbox!

Play Flexbox Froggy

This was such a huuuuuge help for me when learning flexbox. I completed all of the exercises once, and then I would use this as a guide and reference when trying to figure stuff out on my own projects. It's a great interactive way of learning, and it really simplifies and makes flexbox digestible. I recommend just crunching through it once, and you will be exposed to all the different ways of using flex! Then you will have in the back of your head what is possible with flex, and you will be able to recall this and maybe use the next resource to implement it if you don't remember all the keywords yourself!

CSS tricks - a complete guide to flexbox

This was recommended to me by a developer waaay back when i started studying, and it has saved me countless times. It's so good for referencing the different properties, with clear visual examples and a super easy-to-follow structure of the page. I have this bookmarked because of how often I use it.

Good luck in your studies 💻🐸

165 notes · View notes

anndcodes · 1 year

Text

hello world! 1/100

Hello everyone, this is my first post as I am starting my journey at learning to code and be a developer. I have some goals for this year and one of them is getting a job as a frontend developer, and to reach this goal I will try my best to study everyday and I just started using the Odin Project. I already did some lessons, like downloading a virtual box to use Linux and to learn some commands to use the cli and so far I am really enjoying using it for my studies.

Today i finally started the html section and I plan to finish it this week. In the pictures are my new setup, deskpad, keyboard and mouse was christma's and my birthday's (dec, 30) presents from my boyfriend <3 I don't have much space in my desk, but its working fine and they are absolutely cute and motivates me to study even more!

hope we all have a great start of the year and can reach our goals!

#codeblr #coding #programming #codenewbie #100daysofcode #webdev #tech #studyblr #learn to code #computer science #developer #web development #frontend #1/100 #mine

221 notes · View notes

404icy · 1 year

Text

decided to move my setup near my window in the middle of a coding session...

#coding #compsci #desksetup #cozy #computer science #html #css #javascript #frontend #software engineering #computer science major #compsci major #uni #studyblr #studying

276 notes · View notes

snoozealarms · 6 months

Text

How to end a frontend developer's career

#meme #tumblr memes #memes #memesdaily #css html #youtube #css #coding #html #animation #website #gpt #html css #html website #html5 css3 #frontend #cssns23 #javascript #learn to code #snoozealarms

32 notes · View notes

gigabyte1027 · 4 months

Text

Im doing website commissions!

Howdy! I have decided to open commissions!

I design Skeuomorphic websites. For those who were on the internet in the mid 2000's to early 2010's; I'm doing that but more advanced.

My skills are being offered for things like Personal sites, joke sites, or Portfolios for example.

I'm fairly quick when it comes to setting up a basic website. My criteria for that being fully styled, commented, with basic JavaScript for things like lightboxes and popups.

I'll do a whole website for $50, it will take a minimum of 3 days to create. More depending on how many pages you need, or if you need something more complex.

If you have any questions or want to take a spot: I'll be looking out for any messages you have! Payments will be done through PayPal first, and I'll send updates frequently.

Thanks for reading! Below are some examples of my work.

#old web #webdev #web graphics #commissions open #html css #frontend #open commissions

28 notes · View notes

kitkatcodes · 11 months

Text

Interact.js

（\__/) ( o｡o) / つ wow look at how cool this is!!!!

This is a JavaScript drag and drop, resizing, and multi-touch gestures for modern browsers (and also IE9+)

Some other things that can be done:

Dragging

Drag and drop

Snapping

Resizing

Multi-touch Rotation (touchscreen only)

Pinch-to-zoom (touchscreen only)

Use in SVG files

Tap, doubletap and hold

I can't wait to find a way to incorporate this into a future project! If you have any ideas let me know!

Check it out here: https://interactjs.io/

#progblr #codeblr #programming #coding #resources #tech #frontend #comp sci #computer science #javascript #interact.js #cool javascript things

168 notes · View notes

tiikiboo · 3 months

Text

I'm a Web developer

Hello, my name is Bettina and i'm 27 years old. I live in Sweden 🇸🇪 but i'm born in Hungary 🇭🇺.

I'm currently studying web development focusing e-commerce. I've done it for a year now and i have one year left in school. I have not had my internship yet.

The languages i'm learning:

HTML

CSS

JavaScript, React.js, Node.js, expess.js,

MySQL, PHP.

I've even experience UX-design, web design, digital marketing, SEO and entrepreneurship. And i love talking about problem solving and accessibility 🪄🪲

Currently i'm developing wordpress with PHP, HTML and hierarchical CSS.

So, if you are into this stuff, especially wordpress and php, talk nerdy stuff with me! I would be so happy if i had more connections with people who are into this stuff, especially women. 🌸

My github:

My portfolio:

It is not done yet, i will update it soon 🫣🐢

🌦️ A weather app made in our Javascript course:

19 notes · View notes

codomars · 10 months

Text

Day 19 — 21/ 100 Days of Code

✧˖° ♡ progress update

I started the JS Functions chapter, and things are getting so much more interesting. I thought by now I would have finished all the simple function exercises that I found on W3Resources, but it seems I still have much work to do to improve my problem-solving skills.

I always try to find the answer on my own and check the solution only after I hit a wall. My approach is to start by:

Defining the task that I want to achieve.

Making a flowchart and designing the steps that the computer will perform.

And lastly, coding each step.

Even though sometimes the process can be tedious, the feeling you get after you press enter and it runs with no issues is surreal. Is this how you all have been feeling when coding ( ⸝⸝´꒳`⸝⸝)

165 notes · View notes

nixcraft · 1 year

Text

Perfect, I don't see problem. No cookies, no Ads.

#programmers humor #compsci #devlife #frontend #backend

396 notes · View notes

zzzzzestforlife · 1 month

Text

🍋 project diaries // brb, i'm going to code a bunch of lemons

in this issue 🔍: starting a coding project for fun after literally YEARS 🤓, drawing pretty (questionable) mock-ups 🎨, FONT SELECTION 🤌, color theory (i don't know her) 🤨

project inspo pics (left to right): toram (like this squirrel-bunny creature, my project is also going to be cute and irrelevant) // a shade of yellow + hex code (i know how to do shading on paper from my sketching practice so i wonder if i can code that??) // lemons~~ (definitely gonna see about using the flowers' shade of red as a highlight/underline effect on-hover!!)

i did it!! i actually started a coding project for fun 🎉 now i just need to, ahem, finish it 🙈

the last time i wrote ANY code for fun was when i was still learning to code for the first time in Khan Academy's Processing JS environment, so of course this project has to use p5.js for the nostalgia 🥺 but it's main purpose is to give me the opportunity to code a bunch of cute lemons in a gif-ed pixel art(?) style.

i drew a crappy little mock-up on my phone with my thumbs 👍👎 so you can kinda see ✨ the vision ✨ (if you squint and tilt your head):

my thumbs got a little over-excited. my MVP (minimum viable product) is actually just the lemons + the words DAILY ZESTY 😂 the key point here is setting goals so darn achievable i will never give up 😅

so, let's summarize the important specs:

special features that nothing else out there has: none 💀

work that could be accomplished without coding: literally everything 💀💀

the promise of fun and a sense of personal accomplishment: is there ☺️

me looking for fonts:

should i make my own font with my hand-writing since nothing is exactly matching what i want? 👀

the only font-maker for handwriting i've found won't work for Chinese or Korean 😞

OH MY GOD I HAD NO IDEA GOOGLE FONTS DON'T JUST WORK IN ALL LANGUAGES

WHY ISN'T THERE A FONT THAT SUPPORTS BOTH CHINESE AND KOREAN??

*imports three different fonts for English, Chinese, and Korean*

my font selection criteria: vibes 😎

now,,, colors have historically been "ok, whatever" territory for me, but i'm looking to (hopefully, slowly) change that as i work through this project...

yes, i know the green doesn't match my mock-up and i'm not even 100% convinced i even like the color in the mock-up, but that's not important FOR NOW. the main thing i wanted to get down was that the green part on top is colored by p5.js so that i can dynamically draw and animate the lemons on top of it while the color everywhere else is just plain CSS background-color

also toying with the idea of a softer off-white color for the div (the center box thingy) instead of smack-dab-in-your-face just the total absence of color that i kinda hate 🤢 idk if changing the green will change how the white looks, we'll have to see~

💌: overall pretty excited for this project since i rarely get to do creative design things at work and i don't often feel like i have a lot of agency — i just have to build whatever is needed. this project is purposely designed to be kind of useless and unnecessary because it's just so freeing that way 🕊️ it's also a welcome procrastination activity when i really should be studying my psychology coursework 🤭

42 notes · View notes