#Web Development Blog

[grestcksolutions]

Explore the Greystack Solutions Blog - Insights for Digital Success

Stay updated with the latest trends, tips, and strategies in digital marketing, web development, and more. The Greystack Solutions blog offers valuable insights to help businesses thrive in the digital world. Visit now for expert advice and industry updates.

[webtracktechnologies]

Blockchain Development Agency in USA | Webtrack Technologies

Is your business ready to step into the future with blockchain? Contact Webtrack Technologies today to get started with our Blockchain Development Services. Revolutionize your operations, secure your transactions, and achieve unparalleled efficiency with us.

[divukanwar]

Helpful Insight is a full-service UI/UX design agency and branding firm based in Bharat. We work with the industry's best tech companies and well-funded startups from scratch. Our UX designers are known for understanding behavioral science with user-centered art to create unique digital experiences and content with user interfaces that are fun to use and perfectly showcase the company’s image.

In the market, it’s crucial to have a visually appealing and high-performing embedded User Interface Design Solution.  This can make all the difference, between getting attention or being overlooked. At Helpful Insight Bharat we are dedicated to assisting our customers in realizing their vision, for embedded user interface (UI). Find out why our customers appreciate collaborating with us and rely on us to unlock the potential of their products’ UI experiences. In this, we read about UI/UX Designing information.

[numbpill]

helpful links & resources for web graphics

(✿◕‿◕)♡ here's a list of pages from carrd, neocities, tumblr, and rentry where you can find pixel dividers, favicons, transparent pngs, and other graphics to decorate your site.

carrd resources

✧ gifcity.carrd.co – a collection of blinkies, buttons, pixel dividers, stamps, and image masks. contains bright and flashing colors.

✧ decohoard.carrd.co – an archive of decorative images, including banners, stamps, dividers, favicons, pixel art, and more.

✧ enchantments.carrd.co – features backgrounds, dividers, gifs, and links. site navigation is hidden in the page titles.

✧ storagespaced.carrd.co – still being built, but already has sections for dividers, stamps, buttons, blinkies, and more.

neocities resources

✧ pixelsafari.neocities.org/dividers – a huge collection of pixel dividers sorted into themes like hearts, stars, ribbons, plants, music, and more.

✧ y2k.neocities.org – an aesthetic archive of 2000s-era graphics, including transparent PNGs, buttons, and banners.

✧ gifcities.org – an archive of old Geocities gifs, perfect for a retro web aesthetic.

✧ sadgrl.online/graphics – provides pixel decorations, dividers, blinkies, and stamps.

tumblr resources

✧ luigraphics.tumblr.com – custom rentry graphics, icons, favicons, dividers, banners, and more.

✧ sweetparty.tumblr.com – posts a variety of pixel dividers in different colors and themes.

✧ vaniillamyk.tumblr.com – specializes in dividers, including unique black and red polka dot designs.

✧ oldwebstuff.tumblr.com – a blog dedicated to collecting and posting graphics inspired by early 2000s web design.

rentry resources

✧ rentry.co/pixel-dividers – a curated list of pixel dividers and decorations.

✧ rentry.co/oldweb – a hub for nostalgic web graphics, including favicons, stamps, and icons.

✧ rentry.co/webcore – focused on Y2K and webcore aesthetics, offering backgrounds, dividers, and transparent images.

extra resources

✧ stickpng.com – find transparent PNG images in various categories.

✧ iconsdb.com – free icons in customizable colors.

✧ subtlepatterns.com – seamless background patterns.

✧ blingee.com – make custom glittery images.

(¬‿¬) if you know of any other good resources, feel free to drop them in the replies! i plan on making a neocities page just for keeping up with potentially EVERY single resource site i can find.

ps ps- i am desperately in need of some pretty serious dental work (thanks depression) and would graciously ask you to check out my custom themes and resources on my ko-fi, it would help me a lot and i need some really expensive work done basically to avoid having dentures or no teeth at all as embarassing as thatt is to admit. i am also homeless, livng in my broken down car as i type this, so any support financially is pretty much a dire need and something i would appreciate beyond words. sorry for the negativity, dont take it as a downer, im smiling right now!! :P

check out my ko-fi!

[numbpilled-themes]

Old Web/Windown 98 Style HIGHLY CUSTOMIZABLE Neocities/Nekoweb Template

LIVE PREVIEW DOWNLOAD FOR FREE

FOLLOW ME ON KO-FI!

[study-diaries]

Introduction To HTML

[Note: You need a text editor to do this. You can use Notepad or Text Edit. But it's so much better to download VS Code / Visual Studio Code. Save it with an extension of .html]

HTML stands for Hyper Text Markup Language

It is used to create webpages/websites.

It has a bunch of tags within angular brackets <....>

There are opening and closing tags for every element.

Opening tags look like this <......>

Closing tags look like this

The HTML code is within HTML tags. ( // code)

Here's the basic HTML code:

<!DOCTYPE html> <html> <head> <title> My First Webpage </title> </head> <body> <h1> Hello World </h1> <p> Sometimes even I have no idea <br> what in the world I am doing </p> </body> </html>

Line By Line Explanation :

<!DOCTYPE html> : Tells the browser it's an HTML document.

<html> </html> : All code resides inside these brackets.

<head> </head> : The tags within these don't appear on the webpage. It provides the information about the webpage.

<title> </title> : The title of webpage (It's not seen on the webpage. It will be seen on the address bar)

<body> </body> : Everything that appears on the webpage lies within these tags.

<h1> </h1> : It's basically a heading tag. It's the biggest heading.

Heading Tags are from <h1> to <h6>. H1 are the biggest. H6 are the smallest.

<p> </p> : This is the paragraph tag and everything that you want to write goes between this.

<br> : This is used for line breaks. There is no closing tag for this.

-------

Now, we'll cover some <Meta> tags.

Meta tags = Notes to the browser and search engines.

They don’t appear on the page.

They reside within the head tag

<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Website Description"> <meta name="Author" content="Your Name"> <meta name="keywords" content="Websites Keywords"> </head>

Line By Line Explanation:

<meta charset="UTF-8"> : Makes sure all letters, symbols, and emojis show correctly.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> : Makes your site look good on phones and tablets.

<meta name="description" content="Website Description"> : Describes your page to Google and helps people find it.

<meta name="author" content="Your Name"> : Says who created the page.

<meta name="keywords" content="Website's Keywords"> : Adds a few words to help search engines understand your topic.

_____

This is my first post in this topic. I'll be focusing on the practical side more than the actual theory, really. You will just have some short bullet points for most of these posts. The first 10 posts would be fully HTML. I'll continue with CSS later. And by 20th post, we'll build the first website. So, I hope it will be helpful :)

If I keep a coding post spree for like 2 weeks, would anyone be interested? o-o

[spydr-scorps06]

Slowly.... ever so slowly.... I shall make progress

Get these bitches outta here

[fehck]

[archandshri]

28th June ‘24 - [arch] One Page Limitation??? - My process for Traffic Zine #5

Hello All!

A couple months ago, I got accepted to @trafficzine, a digital anthology of pieces by a large group of artists and writers based on the most recent season of the Life Series. I made this piece back in April, but thankfully I kept some notes of my process. 

Heads up - this contains spoilers for Secret Life :D

We were able to choose our own prompt from a list! For this project, I wanted to push my comic making - especially how to communicate a lot of information in a small space. I went through and watched a few clips from the series to see which prompt would fit a comic and settled on Scott’s death.

As usual, I began by getting some reference images and going ham on some big paper. This gets me excited about the project and helps generate ideas. I go for whatever interests me in terms of medium and subject matter, but I try to use a process that doesn’t let me control too much (in this case brush and ink)

initial sketches for fun and vibes :D

During this, I also took the time to transcribe the scene - I wanted to use the dialogue directly, and see how much I could fit into the single page that I was allowed for the zine.

In these early planning stages I make sure to do warm-up sketches to remind myself of the energy I want to communicate. This also keeps things fun and fresh so I'm not ONLY thinking about page composition and making things 'good'. (the expectation for it to be 'good' kills a project prove me wrong)

Dialogue from the clip + warm up sketches

Next up, I started to plan what panels I have on the page. At this stage, some panels might just be a box with some words, and some may have a sketch if I have a clear composition in mind. This stage is mostly for pacing and plot, so instead of focusing on what the panel and page will look like, I will think about:

what will happen in the panel

it's purpose and

what it will communicate

Sometimes I'll illustrate a string of panels that tell the story and fit them on a page after - but this depends on the project and my confidence with the size of it.

After messing around with these and coming up with a pretty clear direction, I draw a bunch of boxes to see how the panels could sit nicely together. At this stage I might realise I have too many panels, and need to cut a few or come up with a creative solution. Nothing is set in stone at this point.

sketching panel layouts

Now begins the fun! I decide on the layout I prefer and I can start putting planned compositions into the boxes. I often do this digitally, or a digital editing process will be involved.

Once planned, I print these out to do a more refined sketch over. I find that my traditional drawings have a lot more life and character to them than digital ones, so I try to keep the majority of the process traditional, with passes of scanning and digital editing.

I tried a version with her looking out at the distance - ready to face the oncoming battle. But it still felt off. So I turned to my slides to ask myself some questions!!

I tried to think of more things that were working - but I really felt like it was lacking a lot. I was going for this slower emotional feeling because that came more naturally to me, but it just wasn't working for this image. The original clip is quite rushed and chaotic - which would be harder to communicate in a comic format but the challenge interested me. Either way, I knew I wasn't happy with this direction so... i decided to start from scratch! Back to the drawing board!!!

In the previous version, I had cut out a lot of the dialogue, but I decided to go back to the original clip and use AS MUCH as possible. Since passing the bow was my favourite part of that first composition, I really wanted to lean into it as the emotional height and final goodbye before Scott's death. It's a moment to slow down and absorb the vibes :D

I made a list of panels along with their descriptions to refer to when trying to figure out the order of panels. there were SO MANY and it was VERY CONFUSING when they were too small to read.

These thumbnails were super small and would not have made sense without my list, I swear.

I printed this tiny thumbnail out at A4, so I could sketch over it and get a clearer sense of flow. Then began a loooong process of printing out tiny photocopies and rearranging the panels to be legible. It was a difficult balance of communicating busyness while making sure the hierarchy/reading order made sense.

After some tweaking, i printed out an A3 copy to draw my panel borders and text.

Doing this on a separate piece of paper means I don't have to worry so much about messing up the text or borders when drawing the characters. This allows me to be more free and expressive with my illustration.

Woah! Quick trip back in time!! During the thumbnailing process I drew these warm up sketches! I looooved the way the linework came out. I drew this on an A3 piece of paper - and the shocked Gem would, in theory, be one of the smallest panels. So I decided to do a crazy thing.

I touched up the sketch digitally, compiling some of my favourite warm up sketches, some traditional sketches made for the panels, and filling the rest in digitally. Then I printed this image out in QUATERS at A3!! This meant the final sketch layer, printed out was A1!! (aka very large, considering the final file would be at A4, about 8x smaller)

I did this so I could get fairly small detailed lines with my pencil while being quite expressive and firm with my mark-making. Slowly, I dlined all of the panels traditionally and scanned them in. Then I assembled the finished linework on Photoshop, along with the text and panel borders and got to colouring :D

final linework :D

For colouring, I played a little bit with halftone but I found the texture made it feel a bit too busy - the panels are already doing enough. Because of this, I also decided to use a limited colour palette. Here are some images of the colouring process, which I won't go into today.

I'm really happy with how this came out - I think it captures the chaos of the moment, while taking time to linger on the emotion of it. Keeping that bow moment really made it, I think.

I think the last panel is still quite weak. Earlier in the process there was a low-angle shot of Gem about to kill Scott which may have been more powerful, but I think I was struggling with my actual drawing skill when it comes to perspective. A lot of learning how to draw, and in particular with comics, is about knowing where your skills are at, how to utilise them best and how to test and push them.

I'm glad that I started again, instead of finishing that composition I wasn't happy with. It was a tough project but I learnt sooooo much from it, and it's been essential skill-building for.... the current comic I'm working on (stay tuned!!! :0) Thanks for reading this incredibly long post! Go check out @trafficzine and look at all the other cool art Cool vibes and silly men,

Archie :D

[thecozycat]

💗 Self Promo Sunday 💗

It's Self Promo Sunday, Y'all! 🙌 Share your Small Web site either in the comments or a reblog and/or let us know what you've been working on lately!

--------------------------------------------------------------------------

Want to help the Small Web movement grow? Join us on other platforms. ♥

FB Page & Group: facebook.com/thesmallweb facebook.com/groups/thesmallweb Twitter/X: x.com/smallweblove Tumblr Community: tumblr.com/communities/thesmallweb Mastodon: indieweb.social/@thesmallweb

[ruvviks]

PLEASE DO NOT TAG AS YOUR OWN OC OR PAIRING.

Nathan and Ruben share a bond more powerful than most; mutual understanding through past experiences no one should ever have to go through, and through past actions so horrible they cannot be spoken of. Their grief and the blood on their hands binds them to the STEM technology they created, which has alienated them from the rest of the world— but they give each other the comfort they have both longed for so desperately for years, and that is all they need. They are each other's counterpart; you cannot imagine one without the other, like two sides of the same coin. Through their pain, their grief, their desire, and their regret, they have become one.

anna akhmatova, the guest // bones; equinox // 'i won't become' by kim jakobsson // agustín gómez-arcos, the carnivorous lamb // by oxy // achilles come down; gang of youths // czeslaw milosz, from 'new and collected poems: 1931-2001' // 'extended ambience portrait from a resonant biostructure' and 'migraine tenfold times ten' by daniel vega // a little death; the neighbourhood // marina tsvetaeva, from 'poem of the end' // by drummnist // katie maria, winter // 'nocturne in black and gold the falling rocket' by james abbott mcneill whistler // micah nemerever, these violent delights // body language; we are fury // 'the penitent' by emil melmoth // chelsea dingman, from 'of those who can't afford to be gentle'

taglist (opt in/out)

@shellibisshe, @florbelles, @ncytiri, @hibernationsuit, @stars-of-the-heart;

@lestatlioncunt, @katsigian, @radioactiveshitstorm, @estevnys, @adelaidedrubman;

@celticwoman, @rindemption, @carlosoliveiraa, @noirapocalypto, @dickytwister;

@killerspinal, @euryalex, @ri-a-rose, @velocitic, @thedeadthree

[omeletcat]

guys we gotta stop this, literally all i do is draw pixel art for my games and code, and i go on the godot discord to see some GENIUS SAY WORDS THAT PROBABLY HAVEN'T EVEN BEEN INVENTED YET.

QUATERNION?? NOWAY THATS A REAL WORD.

[divukanwar]

Customized web development involves the creation of personalized websites for business corporations and even at personal levels. We develop sites that suit the specs of a client necessitating having a deep knowledge of code, design, and so forth. This is an area in which we stand among UK customized web development firms that have expertise with varied web development options provided by them to their clients. We have experience in dynamic web design to give their customers what is needed, e-commerce, blog, information, or any other custom solution. In addition, our organization offers clients web hosting, domain name registration, and other additional services in connection to digital products. Our team of professionals knows everything about the latest web technologies and is dedicated to producing high-quality, secure, and user-centric websites. Businesses can also access custom web development companies from Bharat and the UK so that they get websites that will assist them in achieving their aims and objectives.

[numbpill]

RARE OBSCURE HARD TO FIND FAVICONS ROUND ???? OF INFINITY- CHECK OUT THE LITTLE DUDES!! OH WOW

(ko-fi)

[numbpilled-themes]

HOLLOW BLISS - TUMBLR THEME interactive and highly custom theme for your blog

FEATURES: - tabbed content with interactive visuals - high customizability - ethereal 3d sidebar widget in three.js - vibes

DOWNLOAD HERE

[i took a poll on ko-fi asking which types of themes you guys would be interested in from me and it was an overwhelming vote for tumblr, so i decided to start focusing more on tumblr themes rather than neocities. i hope you guys enjoy the next few tumblr themes as much as i enjoy this one! purple is my thing.. ha, thanks for following<3]