Basically over for web programmers - GoFuckYourself.com

adultinnovation · 07-19-2025, 02:40 PM

Can you take this PSD file and convert it to HTML5 Responsive website?

I can definitely help you slice a PSD into a responsive HTML5 webpage — including:

✅ Exporting assets (buttons, icons, images)

✅ Converting the layout to HTML/CSS

✅ Making it responsive using media queries and flex/grid

✅ Optional: Adding animations, JS behavior, or Bootstrap/Tailwind

📌 Here's what I need from you:

Upload the PSD file (you can drag and drop it here).

Let me know if you want:

A specific framework (e.g., Tailwind, Bootstrap)?

Static layout or interactive features?

Exact behavior on mobile/tablet?

Once you upload the PSD, I’ll slice it and generate clean, production-ready HTML/CSS.

yes, this is something that’s recently become possible in this environment.
🆕 Here’s what changed:

As of mid-2024, I can now:

🔍 Read PSD files layer-by-layer (via internal tools in this chat).

🖼️ Export visual elements from PSDs (slicing).

🧱 Generate responsive HTML5 layouts from them.

💡 Combine it all into clean, developer-friendly code using Tailwind, Bootstrap, or custom CSS.

🕑 Why I couldn’t before:

Earlier versions of this environment didn’t support reading or extracting structured data from .psd files.

CaptainHowdy · 07-19-2025, 03:17 PM

Farang · Yesterday, 04:51 AM

not even close. not yet anyway. try to have an llm work on a 50k+ lines of code project...

zerovic · Yesterday, 05:29 AM

well, i only use ai to do boring grunt work for me and maybe help me find that stupid semicolon or dot that i missed in my code.. eventually, ai will get there and it will be able to do whatever you need, but i find it easier to write the code myself then to explain what i need exactly. chatgpt, however, is really good with mysql queries which helps a lot

Huggles · Yesterday, 06:13 AM

blackmonsters · Yesterday, 07:13 AM

Quote:

Originally Posted by adultinnovation

Can you take this PSD file and convert it to HTML5 Responsive website?

I can definitely help you slice a PSD into a responsive HTML5 webpage — including:

✅ Exporting assets (buttons, icons, images)

✅ Converting the layout to HTML/CSS

✅ Making it responsive using media queries and flex/grid

✅ Optional: Adding animations, JS behavior, or Bootstrap/Tailwind

📌 Here's what I need from you:

Upload the PSD file (you can drag and drop it here).

Let me know if you want:

A specific framework (e.g., Tailwind, Bootstrap)?

Static layout or interactive features?

Exact behavior on mobile/tablet?

Once you upload the PSD, I’ll slice it and generate clean, production-ready HTML/CSS.

yes, this is something that’s recently become possible in this environment.
🆕 Here’s what changed:

As of mid-2024, I can now:

🔍 Read PSD files layer-by-layer (via internal tools in this chat).

🖼️ Export visual elements from PSDs (slicing).

🧱 Generate responsive HTML5 layouts from them.

💡 Combine it all into clean, developer-friendly code using Tailwind, Bootstrap, or custom CSS.

🕑 Why I couldn’t before:

Earlier versions of this environment didn’t support reading or extracting structured data from .psd files.

But that's "coding" and webdesign, not so much "programming".
Where is the back end?
PHP, SQL etc...

Farang · Yesterday, 07:16 AM

speaking of programming, this is an awesome setup: https://omarchy.org

Rochard · Yesterday, 10:00 AM

In the early 1990s when computers in the work place were becoming more common a lot of people were worried about how a lot of people were about to lose their jobs. "Why hire an accountant when you have Lotus 1-2-3 on computers?". Well, you still need someone to put the numbers into the computer.

We will still need people to create websites and write code. We will just need a less of them, and the entry barrier to those jobs will get lower.

It is what it is.

Killswitch · Yesterday, 11:59 AM

lol, lmao even

mainstreammix · Yesterday, 12:32 PM

Quote:

Originally Posted by Farang

not even close. not yet anyway. try to have an llm work on a 50k+ lines of code project...

I asked it to convert my massive script into modules that run one after the other for easy updates and it did it in one try.

cerulean · Yesterday, 12:54 PM

It's certainly over for software developers if the site operator doesn't value development or their product. You can cobble together a lot with AI, but it will mostly look like, in my experience, a badly done WordPress site plagued with plugins or something out of DHTML-era days.

I have used AI extensively as a method to rubber-duck and as a search engine for heavy documentation, but it hallucinates often and has no real understanding of the underlying principles of software programming. I don't really see AI filling that niche until we hit AGI. But then everything is over and we better have UBI or we're all homeless.

mainstreammix · Yesterday, 12:55 PM

Quote:

Originally Posted by blackmonsters

But that's "coding" and webdesign, not so much "programming".
Where is the back end?
PHP, SQL etc...

You literally never stop. 10 minutes, please quote me a price for similar.

https://imgur.com/a/zibMOEs

Slight Update...

�� BLACKMONSTERS SAVAGE ROASTING APP ��
1,000,000 Ways to Tell Your Dog They're Stupid (But Lovingly)

[hr]

�� PROJECT OVERVIEW

Built a completely bonkers web application that takes photos of my stupid, slow dog BlackMonsters and overlays them with brutally honest quotes about their complete lack of intelligence. What started as a simple "add text to image" idea turned into a full-blown social network with user accounts, friends systems, and ranking algorithms. Because why do something simple when you can massively over-engineer it AND roast your dog with 1 million different combinations? ��

�� Core Concept: Upload dog photos → Get roasted with 1 of 1,000,000 unique brutally honest quotes → Share with friends → Compete for top rankings

[hr]

⭐ KEY FEATURES

�� Photo Processing Engine
• Upload images in JPG/PNG/GIF formats (10MB limit)
• Real-time overlay generation using PHP GD library
• Smart text wrapping and semi-transparent backgrounds
• Automatic file management and optimization

�� The Savage Quote Generation System
• 1,000,000 unique combinations generated from:
- 100 brutal adjectives (stupid, braindead, slow, sluggish, dimwitted...)
- 100 pathetic actions (moves like molasses, stares at walls, loses races to snails...)
- 100 resigned endings (but we're stuck with them, and we question our life choices...)
• Smart rotation ensures all quotes used before repeating
• Database tracking of usage frequency and timestamps
• Brutally honest but lovingly mean roasts for your stupid dog

�� Full Social Network
• User registration with secure password hashing
• Customizable profiles with bios and statistics
• Friends system (add, accept, decline, remove)
• User search functionality
• View any user's photo galleries

�� Rankings & Analytics
• Top photos by day/week/month/year
• Like system with AJAX interactions
• View tracking and engagement metrics
• User statistics dashboard
• Real-time popularity rankings

�� Modern UI/UX
• Responsive design works on desktop + mobile
• CSS gradients and smooth animations
• Modal dialogs for photo viewing
• Hover effects and micro-interactions
• Clean, modern aesthetic

[hr]

��️ PROJECT FILE MAP

Code:

blackmonsters-app/
├── �� index.php              # Main gallery & upload page
├── ⚙️ config.php             # Database classes & utilities  
├── ��️ database_setup.php     # Creates tables + 1M savage quotes
├── �� auth.php               # Login/registration handler
├── �� profile.php            # User profile management
├── �� friends.php            # Friends system & user search
├── �� user_photos.php        # View user photo collections
├── ❤️ like.php               # AJAX like/unlike handler
├── ��️ view.php               # AJAX view counter
├── �� logout.php             # Session termination
├── �� setup.py               # Python setup script
├── �� uploads/               # Original uploaded images
├── �� overlays/              # Generated overlay images
├── ⚡ .htaccess              # Apache configuration
└── �� README.md              # Comprehensive documentation

[hr]

��️ TECHNICAL ARCHITECTURE

Backend Stack:
• PHP 7.4+ with object-oriented design
• MySQL with optimized indexes and foreign keys
• PDO for SQL injection protection
• PHP GD for dynamic image processing

Frontend Stack:
• HTML5/CSS3 with modern gradients and flexbox
• Vanilla JavaScript for AJAX and interactivity
• Responsive design with mobile-first approach
• Modal dialogs and smooth animations

Database Design:
• users - Authentication and profiles
• photos - Image metadata and statistics
• friendships - Social network relationships
• photo_likes - Like tracking system
• quote_usage - Smart rotation tracking for 1M quotes

Security Features:
• Prepared statements prevent SQL injection
• Password hashing with bcrypt
• File upload validation and sanitization
• XSS protection on all user inputs
• Session management and CSRF protection

[hr]

�� SAVAGE ROAST EXAMPLES

Quote:

Sample BlackMonsters Roasts (Now With Extra Brutality):

"BlackMonsters is stupid, moves at the speed of molasses, but somehow we still keep them."

"BlackMonsters is braindead, stares at walls for hours, and we question our life choices daily."

"BlackMonsters is glacial, loses races to snails, yet we continue to provide room and board."

"BlackMonsters is dense, can't figure out automatic doors, but they're too dumb to rehome."

[hr]

�� INSTALLATION QUICKSTART

Prerequisites:

Code:

# Ubuntu/Debian
sudo apt install php mysql-server apache2 php-mysql php-gd

# macOS (Homebrew)
brew install php mysql httpd

Setup:

Run python setup.py (has headers + enter-to-exit as requested)
Execute php database_setup.php to create DB + generate 1 million savage quotes
Configure Apache virtual host
Set directory permissions: chmod 755 uploads/ overlays/
Visit site and start getting brutally roasted! ��

[hr]

�� WHY THIS IS AWESOME

Started Simple: "Let's add funny text to dog photos"
Ended Up With: A full social network with 1,000,000 savage roasts, user profiles, friends systems, ranking algorithms, and more brutal honesty than most therapy sessions

Perfect For:
• Learning full-stack PHP development
• Understanding database design and relationships
• Practicing modern web UI/UX design
• Getting brutally honest about your pet's intelligence
• Showcasing technical skills with savage humor

Technologies Demonstrated:
• OOP PHP with proper architecture
• MySQL optimization and indexing
• AJAX interactions and real-time updates
• Image processing and file handling
• Security best practices
• Responsive web design
• Social network mechanics

[hr]

�� BLACKMONSTERS APPROVED! ✨
Because every dog deserves their own ridiculously over-engineered photo roasting empire

[hr]

�� Tech Stack Summary: PHP | MySQL | HTML5/CSS3 | JavaScript | Apache | GD Library
�� UI Framework: Custom responsive design with gradients & animations
�� Compatibility: Desktop + Mobile responsive
�� Security: SQL injection prevention, XSS protection, secure file uploads

Mindi · Yesterday, 01:39 PM

^^ its so beautiful
i wish i could do this stuff

mainstreammix · Yesterday, 02:16 PM

Quote:

Originally Posted by Mindi

^^ its so beautiful
i wish i could do this stuff

You can, that's the point. The entire prompt is in the first image.

Huggles · Yesterday, 02:27 PM

Quote:

Originally Posted by mainstreammix

I asked it to convert my massive script into modules

Hell yeah

Huggles · Yesterday, 02:29 PM

Quote:

Originally Posted by Mindi

^^ its so beautiful
i wish i could do this stuff

You can!!!

asorelli · Today, 02:18 PM

If your average user doesn't even know what sftp is, I'm almost certain they won't be able to telnet into a server and start running ssh commands, so in that respect, I don't think it's quite over yet for developers.

I've been testing a few different providers to see if it can improve my own development time. I'm not sure yet if it has, maybe I need a better prompt. Anyway I only did a basic bootstrap layout (1 page lander with hero carousel and scroll to section navigation), a quick query to pull records from a database and a function to display the results in said layout using lazy load. So, technically, it did provide both front end (html,css,javascript) and backend programming (php code) from a prompt.

Normal time (100% finished links/text/images/etc) without AI:

Maybe 2-3 hours.

Time with AI:

Maybe 2 hours. But, I had to fine tune things and replace placeholder images as well, so maybe closer to 3 hours.

I really don't think your average user is going to have the slightest clue on how any of it works, or how to piece it together. I know there are some services available that will put it all together for you, but they will still have to pay a monthly fee to use it. Maybe the DIY types will try it, then realize it's not as easy or quick as they thought.

Either way, I don't think AI is going away any time soon, so probably best to figure out how to use it to your advantage.

07-19-2025, 02:40 PM	#1
adultinnovation WIFE CHANGING MONEY Industry Role: Join Date: Mar 2019 Location: usa Posts: 5,027	Basically over for web programmers Can you take this PSD file and convert it to HTML5 Responsive website? I can definitely help you slice a PSD into a responsive HTML5 webpage — including: ✅ Exporting assets (buttons, icons, images) ✅ Converting the layout to HTML/CSS ✅ Making it responsive using media queries and flex/grid ✅ Optional: Adding animations, JS behavior, or Bootstrap/Tailwind 📌 Here's what I need from you: Upload the PSD file (you can drag and drop it here). Let me know if you want: A specific framework (e.g., Tailwind, Bootstrap)? Static layout or interactive features? Exact behavior on mobile/tablet? Once you upload the PSD, I’ll slice it and generate clean, production-ready HTML/CSS. yes, this is something that’s recently become possible in this environment. 🆕 Here’s what changed: As of mid-2024, I can now: 🔍 Read PSD files layer-by-layer (via internal tools in this chat). 🖼️ Export visual elements from PSDs (slicing). 🧱 Generate responsive HTML5 layouts from them. 💡 Combine it all into clean, developer-friendly code using Tailwind, Bootstrap, or custom CSS. 🕑 Why I couldn’t before: Earlier versions of this environment didn’t support reading or extracting structured data from .psd files.

07-19-2025, 03:17 PM	#2
CaptainHowdy Too lazy to set a custom title Industry Role: Join Date: Dec 2004 Location: Happy in the dark. Posts: 93,310	__________________ "Tjeezers.cam wishes you a nice day”

Yesterday, 05:29 AM	#4
zerovic Confirmed User Industry Role: Join Date: Apr 2010 Posts: 1,096	well, i only use ai to do boring grunt work for me and maybe help me find that stupid semicolon or dot that i missed in my code.. eventually, ai will get there and it will be able to do whatever you need, but i find it easier to write the code myself then to explain what i need exactly. chatgpt, however, is really good with mysql queries which helps a lot __________________ php, html, jquery, javascript, wordpress - contact me at contact at zerovic.com

Yesterday, 06:13 AM	#5
Huggles GFY'S #1 retard Industry Role: Join Date: Feb 2003 Location: Kelowna Posts: 10,818	__________________ I make my money from people jerking off

Yesterday, 10:00 AM	#8
Rochard Jägermeister Test Pilot Industry Role: Join Date: Dec 2001 Location: NORCAL Posts: 73,453	In the early 1990s when computers in the work place were becoming more common a lot of people were worried about how a lot of people were about to lose their jobs. "Why hire an accountant when you have Lotus 1-2-3 on computers?". Well, you still need someone to put the numbers into the computer. We will still need people to create websites and write code. We will just need a less of them, and the entry barrier to those jobs will get lower. It is what it is. __________________ “The choice is no longer between right or left. The choice is between normal and crazy.” - Sarah Huckabee Sanders YNOT MAIL \| THE BEST ADULT MAILING SOLUTION

Yesterday, 04:51 AM	#3
Farang one sick puppy Industry Role: Join Date: Oct 2004 Location: Where the worst of the West meets the worst of the East Posts: 11,506	not even close. not yet anyway. try to have an llm work on a 50k+ lines of code project...

Yesterday, 07:16 AM	#7
Farang one sick puppy Industry Role: Join Date: Oct 2004 Location: Where the worst of the West meets the worst of the East Posts: 11,506	speaking of programming, this is an awesome setup: https://omarchy.org

Yesterday, 11:59 AM	#9
Killswitch 👏 REVOLUTIONARY 👏 Industry Role: Join Date: Oct 2012 Posts: 2,310	lol, lmao even __________________

Yesterday, 12:54 PM	#11
cerulean Web & App Development Industry Role: Join Date: Oct 2023 Location: United States Posts: 144	It's certainly over for software developers if the site operator doesn't value development or their product. You can cobble together a lot with AI, but it will mostly look like, in my experience, a badly done WordPress site plagued with plugins or something out of DHTML-era days. I have used AI extensively as a method to rubber-duck and as a search engine for heavy documentation, but it hallucinates often and has no real understanding of the underlying principles of software programming. I don't really see AI filling that niche until we hit AGI. But then everything is over and we better have UBI or we're all homeless. __________________ Cerulean Software Specializes in Website and App Development. Email me today! Keep Your Business and Members Area Secure with LoginBlue Password and Content Protection

Yesterday, 01:39 PM	#13
Mindi Confirmed User Industry Role: Join Date: Aug 2024 Location: near Dallas Posts: 78	^^ its so beautiful i wish i could do this stuff

Today, 02:18 PM	#17
asorelli Confirmed User Industry Role: Join Date: Feb 2024 Posts: 39	If your average user doesn't even know what sftp is, I'm almost certain they won't be able to telnet into a server and start running ssh commands, so in that respect, I don't think it's quite over yet for developers. I've been testing a few different providers to see if it can improve my own development time. I'm not sure yet if it has, maybe I need a better prompt. Anyway I only did a basic bootstrap layout (1 page lander with hero carousel and scroll to section navigation), a quick query to pull records from a database and a function to display the results in said layout using lazy load. So, technically, it did provide both front end (html,css,javascript) and backend programming (php code) from a prompt. Normal time (100% finished links/text/images/etc) without AI: Maybe 2-3 hours. Time with AI: Maybe 2 hours. But, I had to fine tune things and replace placeholder images as well, so maybe closer to 3 hours. I really don't think your average user is going to have the slightest clue on how any of it works, or how to piece it together. I know there are some services available that will put it all together for you, but they will still have to pay a monthly fee to use it. Maybe the DIY types will try it, then realize it's not as easy or quick as they thought. Either way, I don't think AI is going away any time soon, so probably best to figure out how to use it to your advantage.