1.5M ratings
277k ratings

See, that’s what the app is perfect for.

Sounds perfect Wahhhh, I don’t wanna

studysabelle asked:

hello, this may be a very stupid question, but im trying to put some images on my page. i use this code: <img src=“image url”></img>. everytime i try to do this the image is ''broken'' and doesn't show up. do you know how i can fix this and why all these images aren't showing up properly? thanks in advance! :)

Hello @studysabelle  

so images are self-closing tags meaning you do not need the </img> in the end. your tag should look like so: <img src=“image path” alt=“” /> 

Also, make sure the image path is correct. if you’re using a URL, check it. if you’re using an image in your folder, make sure the path to locating the image is right and the file extinction as well. 

Here’s a link to the Mozilla Docs on images: https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML

If it’s still not working, I can have a look at your code :) 

Best of luck! And happy coding.

Productive Hiatus

It sure has been a long time since I last posted. Damn.. whenever I feel that I finally got the hang of things I just start all over and start writing a post all awkward like… You know what, I’m just going to ignore the introductions, and get straight to the point. 

I spent this summer learning a bit of backend, working on a couple of projects,  using Udemy to learn, and adjust a couple of previous projects. To list a few of the things that made me feel quite productive: 

- Completing Colt Steels course

- Redesigning my Generative Art Site 

image

- Finishing Adwa’s portfolio site [check here site here]

image

- Finishing my Portfolio site [check out my site here]

image

I honestly was overthinking my website and how it would look, but then I just decided the hell with it and just get something out there and by time, I can change it or improve on it. 

You know that exhilarating feeling you get when you cross out a bunch of things from your to-do list? That’s how I’m feeling right now :) 

One of the things I made or rather followed, was a Udemy course by Jonas called the pig game, I added it to the 180-day project so I guess a new entry to the project day 58 is added. 

image

You can check the projects here. 


I’m thinking of live recording my process while doing a project what are your thoughts about that?

code coding programming girls who code women in STEM women coders HTML Css javascript creative coding creative 180dayproject web design web development WEB ui UI design UI development Games For Change

Anonymous asked:

hello! i'm a huge fan of your 180 day project :-D i'd just like to know how you come up with prompts for your websites because they're all really creative! thank you and have a good day :-)

Thank you for the compliment. I’m not really sure how to answer this question, because I’m not quite sure what you mean by prompt. Sorry?

Anonymous asked:

Hello! I hope you're well. I was wondering what resources you tend use to learn how to code some of your 180 day projects? Are there any in particular you recommend? Or is it a case of googling what you're looking for? Thank you

Hey, first of kudos for learning to code. So I’ll start off with my process because I already have a background in computer science, I just think up a project I want to do, and I come across a part where I forgot how to make it or not sure on how to do it, I google it. For example, my Planetera project, I wasn’t sure on how to make the planets rotate so I googled ‘rotate div around point CSS’
With that said, if you’re just starting to learn. YouTube is a gem. There are a bunch of helpful tutorials, also GitHub is filled with great repos that are really helpful. I hope this helped in some way.

Beginning Backend

Hello all, 

So as the title suggests, I’ve just started dabbling in the backend world. Truth be told it’s intimidating, scary doesn’t begin to describe how I’m feeling, also don’t forget that fear mixture as well [sigh]. It brings everything I learned for the frontend and tells me “hey hey remember that structure, yeah forget all about that, these are the new rules”… But with that said, the possibilities are endless once I get familiar with it enough to experiment. Also, the moment I got my first server running felt freaking awesome!  Not to mention the moment I connected to a database and fetched and displayed data was the closest I felt as a wizard. 

Now that the intro is out of the way, here’s a small thing I worked on with the backend stack. True it might not be that pretty, but it’s a step towards developing my skills. So you might be asking “Okay okay we get it what have you done just tell us” to you fellow reader I tell you, I’m trying to display cats drawn by ASCII art. 

For this project, I’ve used a couple of models Which I will list:

  • EJS [template engine]
  • cat-me [a model that generates the ASCII art cats] 

Thinking about this, I though “simple just generate the cat display it on the screen”. So I did just that and 

image

Yeah… I completely forgot that white spaces are ignored. So I started messing with regular expressions and trying to solve it and well 

continue reading

HTML html5 athougcodesatnight code coding javascript creative coding ui ui design ui development web design WEB web development Web Dev front end backend node cats ascii art ascii women in STEM women coders programming

SpaceWalk  57 - [180 website project]

I think by now, you can tell I have a love or rather a fascination for Space. So today's project is another one that plays with Particle.js First things first the background. It wasn’t that difficult all that I had to do is adjust the JSON file  

image

Next was adding the title and adding some color to the site 

continue reading 

HTML html5 athougcodesatnight 180dayproject code coding programming project creative coding creative Css css3 css animation javascript js space NASA astronaut web design WEB web development Web Dev women in STEM women coders girls who code

Snow  56 - [180 website project]

A friend developer showed me a project of his that uses particle.js and it really intrigued me thus I decided to dabble in it a bit. I followed a couple of tutorials and this was one of them. 

image

You can check out the demo here. 

HTML html5 athougcodesatnight 180dayproject javascript js particle.js Css css3 web design WEB web development Web Dev ui ui design ui development animation particles