#html and css

[codingflicks]

CSS text Portrait Effect

#css text portrait effect #css text effect #html and css #html css #codingflicks #code #learn to code #frontend #css #css3 #html #frontenddevelopment

[trojanteapot]

Hey everyone! I spent about a week making a newly updated Discord Skin based on a previous one by Heterchromia_Mars.

Enjoy!

#ao3 formatting #ao3 #ao3 workskins #html formatting #html and css #ao3 fanfic #fanfiction #html reference guide #tutorial #coding #html #discord

[divinector]

How to add gradient background overlay

#gradient overlay #css gradient #css gradient overlay #gradient background #css gradient background overlay #html and css #css tricks #CSS for beginners #webdesign #frontenddevelopment #divinector #learn to code #code

[codenewbies]

Multilayer Dropdown Navigation Menu

#cssmenu #dropdown menu #html css dropdown menu #menu dropdown html #html and css #csstricks #webdesign #frontenddevelopment #learn to code #code #codenewbies #css dropdown menu

[frogy-bandit]

Pride flags as HTML Lines

Made some pride flags using html/CSS

Note: can't post html code so screenshot here. CSS Code pasted OK and is below

HTML Code as follows:

CSS Code

p{ font-family:sans-serif; font-size: 50px; }

hr { width: 30%; /*length of the line across the screen */ height: 20px; /*thickness of the line */ border: 0 none; margin: 0.1px; /* spacing between lines */ }

.line-black { background-color: black; }

.line-grey { background-color: grey; }

.line-white { background-color: white; }

.line-purple { background-color: purple; }

.line-dgreen { background-color: darkgreen; }

.line-lgreen { background-color: lightgreen; }

.line-red { background-color: red; }

.line-orange { background-color: orange; }

.line-yellow { background-color: yellow; }

.line-green{ background-color: green; }

.line-blue { background-color: blue; }

.line-lblue { background-color: lightblue; }

.line-pink { background-color: lightpink; }

/* Thick Lines */

.line-thickpink { background-color: DeepPink; height: 40px; }

.line-thickblue { background-color: Blue; height: 40px; }

.line-thicklblue { background-color: DeepSkyBlue; height: 40px; } .line-thickyellow { background-color: yellow; height: 40px; }

.line-thicklpink { background-color: Fuchsia; height: 40px; }

#html and css #pride flags #examples

[hayleyshouse13]

My first blog post!

February 20, 2024

It's been a long time coming for me to create and keep up with a Tumblr blog. I was around during the tumblr renassaince, but I never really cared enough to keep an account. Now in my older years (and by older, I mean I'm 22) I realize how important it is to document things, and tumblr seems like the spot to do it.

I already have an HTML website, but I can't decide what to do with it right now, and tumblr has pre-made themes, so think smarter, not harder. I wish I even kind of understood how coding a tumblr page works, but it is absolutely nothing like HTML and CSS, even though that's all it literally is. I'm probably dumb, honestly.

A good first post drags you in and leaves you wanting to know more, so we'll leave me as a mystery for now. Maybe this will just be another boring blog, or maybe it'll become the highlight of your week. We'll find out!

Until next time,

Hayley

#taylor swift #blog post #blogger #girl blogger #so many typos #html and css #women in art #creative writing #my writing #first post

[ventsharm]

Check out my blog for tips on coding and religious posts etc, it will make me super happy if you leave a comment on there too

#Blog #Coding #Basic codes #Blogger #My website #Religion #HTML and CSS

[codewithnazam]

CSS Descendant Selector: Unraveling the Web Styling Magic

Have you ever had trouble styling something inside something else? Well, don't worry! CSS descendant selectors can help. In this article, we'll look at how they work, what they're used for, and the best ways to use them.

I. Introduction II. Basics of CSS Descendant Selector III. CSS Descendant Selector in Action IV. Benefits of Using CSS Descendant Selector V. Common Mistakes and Pitfalls VI. Advanced Techniques with CSS Descendant Selector VII. Tips for Efficient CSS Coding VIII. Real-world Use Cases IX. Handling Responsive Design with Descendant Selectors X. Future Trends and Updates XI.…

View On WordPress

#Advanced CSS #CSS Best Practices #css selector #css selectors #CSS Styling #HTML and CSS #Responsive Design

[codevelopwebdesign]

If you're interested in starting your own web development or web design business, this guide is perfect for you! This step-by-step guild will teach you everything you need to know about HTML and CSS.

#HTML and CSS #web development #web design

[kafus]

i made a free to use, 100% customizable comment widget for neocities users! it's really easy to install and add comment sections to any page. no more boring cbox or external guestbooks if you don't want them! and it comes with two themes to get you started!! please enjoy! you can find it here on my personal site!

#neocities #indie web #old web #webdev #geocities #javascript #html css #ayano was here #ayano.txt #i'm so proud of this!! yayy

[codingflicks]

Realistic Image Reflection

#css image reflection #css reflection #css tricks #html css #learn to code #code #frontend #css #html #css3 #frontenddevelopment #html and css

[bumb13-be3]

it seems like website building is about to have a boom, let me share my favorite resource of all time!!

this is a website packed to the brim with website building goodies , including a website layout maker that is the easiest and most user friendly maker i’ve encountered! perfect for creating your own neocities (it’s free!!) , the code even has helpful tips in it for those new to html/css!

i also recommend w3schools.com for quick and easy to follow chunks of html/css tutorials! gifcities is a goldmine for old neocities era gifs, and blinkies cafe is perfect for making your own blinkies!

i can’t wait to see everyone’s websites in the coming weeks and months! remember, it’s fine to take it slow and let it look silly, that’s always been the point of websites like this :]

ps check out our neocities and feel free to drop yours in the replies :]

#neocities #old web #website building #website builder #gifcities #html #css #geocities #blinkies #graphics #resources #website resources #web revival #webcore #webhosting #web design #2000s web #2000s nostalgia #neo y2k #y2k #cybercore

[divinector]

Responsive Pricing Table Design Get code on divinectorweb website

#bootstrap pricing table #css pricing table #price plan #bootstrap snippets #html css #html and css #learn to code #code #divinectorweb #webdesign

[codenewbies]

CSS Gradient Border Button

#css gradient button #html css buttons #gradient border button #css gradient #css effects #pure css effects #html css #frontenddevelopment #code #css #pure css animation #html5 css3 #codenewbies #html and css

[syntheticfruits]

I updated my site again! Let me know what you think ★~(◡﹏◕✿)

#old web #oldweb #webcore #neocities #nostalgiacore #early internet #oc #websites #html css #animecore #weebcore #2000s nostalgia #2000s internet #otakucore #pixel aesthetic #pixel graphics #web design #web graphics

[codingquill]

Essentials You Need to Become a Web Developer

HTML, CSS, and JavaScript Mastery

Text Editor/Integrated Development Environment (IDE): Popular choices include Visual Studio Code, Sublime Text.

Version Control/Git: Platforms like GitHub, GitLab, and Bitbucket allow you to track changes, collaborate with others, and contribute to open-source projects.

Responsive Web Design Skills: Learn CSS frameworks like Bootstrap or Flexbox and master media queries

Understanding of Web Browsers: Familiarize yourself with browser developer tools for debugging and testing your code.

Front-End Frameworks: for example : React, Angular, or Vue.js are powerful tools for building dynamic and interactive web applications.

Back-End Development Skills: Understanding server-side programming languages (e.g., Node.js, Python, Ruby , php) and databases (e.g., MySQL, MongoDB)

Web Hosting and Deployment Knowledge: Platforms like Heroku, Vercel , Netlify, or AWS can help simplify this process.

Basic DevOps and CI/CD Understanding

Soft Skills and Problem-Solving: Effective communication, teamwork, and problem-solving skills

Confidence in Yourself: Confidence is a powerful asset. Believe in your abilities, and don't be afraid to take on challenging projects. The more you trust yourself, the more you'll be able to tackle complex coding tasks and overcome obstacles with determination.

#code #codeblr #css #html #javascript #java development company #python #studyblr #progblr #programming #comp sci #web design #web developers #web development #website design #webdev #website #tech #html css #learn to code