HTML Cheat Sheet: A Simple Guide to HTML
Want to learn HTML? We've compiled a cheat sheet for you to make the learning process much easier!
I want to bring a simple, addictive “Flip Bird” style experience to the web. The game should be fully playable in any modern desktop or mobile browser with no extra plugins—pure HTML5, JavaScript (or TypeScript), and CSS/Canvas/WebGL are fine as long as everything stays lightweight. Here’s the vision: • 2D gameplay that feels instantly familiar: one-tap or click to keep the bird airborne while dodging oncoming obstacles. • A bright, cartoonish look—think bold colours, chunky outlines, and playful animations—but all original artwork so we stay clear of any Flappy Bird assets. • Responsive design so the window can scale from phone screens up to full-size monitors without stretching or letter-boxing. • Clean sound effects a...
...systems. Participate in code reviews to maintain code quality and share knowledge. Create and maintain documentation for ongoing projects. Follow agile development methodologies to meet project deadlines. Required Skills and Qualifications: Proven experience as a Full stack Developer or similar role. Proficiency in Python, Node.js, and React. Strong understanding of front-end technologies including HTML5, CSS3, and JavaScript. Familiarity with RESTful APIs and web services. Experience with version control systems like Git. Ability to write clear, concise, and comprehensive documentation. Excellent problem-solving skills and attention to detail. Strong organizational skills with the ability to manage multiple tasks effectively. Self-motivated and able to work independently in a r...
Project Title: Build HTML5 Game Portal (PlayRize) Description: I am looking for a developer to build a web platform called PlayRize, similar to MiniClip or CrazyGames, where developers can upload HTML5 games. Main features needed: • Developer accounts with login/signup • Game upload system (ZIP HTML5 game files) • Upload form with title, description, thumbnail, and tags • Games go into admin approval before publishing • Admin dashboard to approve/reject submissions • Game pages where users can play HTML5 games • Featured, popular, and new game sections • Search and category filters • Developer dashboard showing views and revenue • Revenue share tracking for each game • Legal agreement...
I have a mock-up and I need it transformed into a production-ready, responsive home page before the end of today. The layout must adapt gracefully to mobile, tablet and desktop breakpoints, matching the design as closely as possible. Build it with clean HTML5 and modern, well-structured CSS (Flexbox or Grid are fine). No frameworks are necessary unless they speed you up and don’t bloat the code. Stick to the typography, colours and spacing shown in the mock-up; I haven’t specified custom web fonts, so just replicate what you see to the closest Google fonts. Deliverables: • One self-contained HTML file and its linked CSS file • Any images or SVG assets exported and optimised use royalty free or ai generated artwork. • A quick note outlining the media-qu...
...5. Contact Us A click on any button should pop up a tidy contact form that asks for: • Name • Address • Phone number • Social media handles • File upload (photos, videos, audition tapes) OR a field to drop a social-media link. Technical notes – Responsive layout that stays crisp on desktop, tablet, and phone. – Smooth scroll navigation; no page reloads. – Clean, modern code (HTML5, CSS3, and light JS or a framework like React/Vue if preferred). – Easy way for me to swap out images, update dates, or add new cities without digging into code each time—simple comments in the code or a mini CMS section is fine. Deliverables 1. Fully functioning one-page site, zipped and ready to upload. 2. Source files...
...embed or streaming API. Alongside smooth scrolling, the interface must offer real-time “like” and “comment” interactions. I’d like those events stored in a lightweight backend or service of your choice so counts persist across sessions. Keep the UI minimal—no clutter, just the video, engagement buttons, and a discreet progress bar or spinner while each clip buffers. Core tech should be clean HTML5, modern CSS (Flexbox/Grid), and vanilla JavaScript or a small framework if it speeds development without bloat. Performance matters more than extras; please tree-shake any libraries and lazy-load everything possible. Deliverables • Responsive video-feed page integrated into my existing site navigation • Auto-play, pause, and pre...
...structure • Ensure SEO-friendly HTML structure Pages to Implement Typical pages include: • Homepage • Product listing / category pages • Product detail page • Cart page • Checkout page • Static pages (About / Contact / Service pages) Exact layouts will be provided in Figma. Technical Requirements The developer should have experience with: • WordPress custom theme development • WooCommerce integration • HTML5 / CSS3 / JavaScript • Responsive design • Clean and optimized code Page builders are not preferred. The implementation should be done using custom theme development or lightweight framework. Deliverables • Fully functional WordPress theme matching the provided design • Seamless integration with WooCommerce ...
...website that looks and behaves exactly the same. Every element—spacing, typography, colours, images—has to match the PDF pixel for pixel on desktop, tablet and mobile. Beyond the static visuals, the site must feel dynamic. As visitors scroll I want smooth, buttery transitions and subtle parallax effects that mirror the demonstration in the PDF mock-ups. Please build these with clean, standards-based HTML5, CSS3 and vanilla JavaScript (or a lightweight animation library if you prefer), keeping load time low. The site is for a single event, so the pages will cover the core information and interactive pieces such as the schedule, registration and ticket purchase sections. All forms have to be wired so that I can later drop in back-end hooks or third-party services with...
...intelligent automated chat features to improve your customer engagement. Database Architecture & Design: Creating highly optimized, scalable, and secure database schemas. UI/UX & Web Design: Crafting modern, user-centric, and highly engaging interfaces that guarantee a great user experience. My Technical Expertise: Backend: Node.js, , ASP.NET, .NET Framework Frontend & Design: React.js, HTML5, CSS3, JavaScript, UI/UX Principles, Wireframing & Prototyping Databases: MongoDB, SQL, Advanced Database Design Core Skills: Full Stack Development, API Integration, Problem Solving, Clean Code Architecture I take pride in writing clean, maintainable code and solving complex logical problems efficiently. I am highly responsive, detail-oriented, and committed to delivering...
...current site be fully static be lightweight and fast have no dependency on WordPress or plugins Scope of work The following templates are required: Homepage Standard content/service page Blog article template Header with responsive navigation Footer The design should closely match the current website. you'll have to recreate all the actual pages (both italian & english) Required features clean HTML5 well-structured CSS minimal JavaScript (for mobile menu, etc.) responsive layout proper SEO structure (H1, H2, semantic HTML) clean URLs Forms are already handled via ActiveCampaign embedded forms, so no backend development is required. Technology Required: HTML CSS lightweight JavaScript Please do not use: WordPress page builders heavy frameworks Expected output The fin...
...downloadable report. • Colour palette, typography, and spacing must reduce visual fatigue during long sessions while still feeling professional. • Layouts need to be flexible so new report types or widgets can be slotted in later with minimal rework. • Keep page weight light and performance snappy; charts and tables should render quickly even on slower connections. • Please build with clean HTML5, CSS3, and modern JavaScript (React, Vue, or pure ES6—your call, just be consistent) so my in-house team can maintain it. Deliverables 1. High-fidelity mock-ups for all key screens (dashboard, property detail, report builder, final report view). 2. Responsive front-end code that plugs into our existing API endpoints. 3. A brief hand-off guide expl...
...academic submission, clear documentation is almost as important as the code itself: a brief read-me explaining folder structure, any frameworks or libraries used, and instructions to spin the project up locally will be required with the final hand-off. Responsive behaviour across common breakpoints is essential so I can demo it on both desktop and mobile during evaluation. Tech stack is flexible—HTML5, CSS3, JavaScript, and PHP/MySQL or a lightweight framework such as Flask or Node/Express are all acceptable. What matters most is clean, commented code and a polished UI that matches the “modern and clean” aesthetic. Deliverables: • Fully responsive website files • Working menu, reservation and review features • Database schema (if applicabl...
...المزيد من المعلومات. · سرعة عالية في التحميل وأداء ممتاز على جميع الأجهزة (سطح المكتب، الأجهزة اللوحية، الهواتف الذكية) – تصميم متجاوب (Responsive). · إمكانية دمج نموذج تواصل (Contact Form) لجمع بيانات الزوار (الاسم، البريد الإلكتروني، رقم الهاتف). · إضافة روابط لوسائل التواصل الاجتماعي وأزرار المشاركة. · (اختياري) إمكانية تضمين فيديو تعريفي أو صور متحركة. المهارات المطلوبة: · إجادة تامة للغات: HTML5، CSS3، JavaScript. · خبرة في استخدام أطر العمل (Frameworks) مثل Bootstrap أو Tailwind CSS. · معرفة بمبادئ تصميم واجهات المستخدم (UI) وتجربة المستخدم (UX). · الإلمام بمبادئ تحسين محركات البحث (SEO) الأساسية (سرعات التحميل، البنية التحتية للصفحة). · القدرة على تحويل التصاميم (PSD, Figma, Adobe XD) إلى كود برمجي نظيف...
...Services, and a dedicated photo gallery, all wrapped in the same lively aesthetic. A fully functional contact form is essential; it needs to validate user input, send messages reliably to my email, and display a clear success / error message so I never miss an inquiry. Key deliverables • High-fidelity mockups for every page reflecting the bold, vibrant style • Responsive front-end build (HTML5, CSS3, modern JS) that matches the approved designs pixel-perfectly • Back-end or script that powers the contact form, tested end-to-end on desktop and mobile • Final deployment to my hosting or a ready-to-upload package, plus brief hand-over notes so I can manage basic updates myself If this sounds like your kind of project, I’d love to see how you w...
I need a seasoned developer to plan, design, and build a polished corporate website that reflects our brand’s professionalism. This is a full-cycle project—architecture, UI/UX, front-end (HTML5, CSS3, JavaScript), and back-end development in a broadly supported stack such as WordPress, Laravel, or a comparable framework are all part of the scope. IT IS A BUSINESS WITHIN A BUSINESS MODEL ie. 1. You must build our site. 2. You will receive a Token fee only... from $150-$200 (based on the agreed timeline) 3. You must GUARANTEE PERFORMANCE 4. YOU MUST GUARANTEE UNLIMITED REVISIONS TO PROTECT US FROM YOUR ERRORS AND/OR FAILURES. 5. IF YOU ACCEPT... WE GUARANTEE YOU A FEE FOR EVERY NEW PAID MEMBER. 6. We GUARANTEE LIFELONG EMPLOYMENT OVER THE SUCCESS OF OUR ...
...academic submission, clear documentation is almost as important as the code itself: a brief read-me explaining folder structure, any frameworks or libraries used, and instructions to spin the project up locally will be required with the final hand-off. Responsive behaviour across common breakpoints is essential so I can demo it on both desktop and mobile during evaluation. Tech stack is flexible—HTML5, CSS3, JavaScript, and PHP/MySQL or a lightweight framework such as Flask or Node/Express are all acceptable. What matters most is clean, commented code and a polished UI that matches the “modern and clean” aesthetic. Deliverables: • Fully responsive website files • Working menu, reservation and review features • Database schema (if applicabl...
I have a short video that must pop inside one of our digital ad placements. The task is straightforward: desaturate the entire background to pure black-and-white while keeping the main character in full, vibrant colour, then place the treated clip into a looping digital banner. I can provide the original MP4 as soon as we start. I’m open to whichever banner format—HTML5 canvas, animated GIF, or a JPEG/PNG sequence—delivers the best balance of quality and file size for standard ad-server limits, so feel free to recommend the most efficient route.
... I already have a logo that sets the tone; everything else (fonts, palette balance, layout) needs to align with that aesthetic. Core sections • About Us – concise story, mission, team photo. • Gallery – an easy-to-update image grid or slider to showcase finished spaces. • Contact Us – location map, email link or basic mailto form, and phone details. Please deliver clean, well-commented HTML5, CSS3, and a touch of vanilla JavaScript if needed for the gallery. No CMS or backend is required—just static files I can host anywhere. Ensure the pages load fast, display well on mobile and desktop, and are structured for basic on-page SEO (semantic headings, alt text on images). I will supply the logo and project photos once we start; you han...
I need a clean, fully responsive landing page built with semantic HTML5 and modern CSS (Flexbox/Grid). The page will introduce my service, guide visitors through a concise sales message, and collect enquiries via an embedded contact form. Here is what I’m expecting: • One-page layout that adapts smoothly on mobile, tablet, and desktop. • A contact form styled to match the page design, validated on the client side and ready to hook into my server-side handler (PHP or Node—whatever you prefer, just note it in your proposal). • Lightweight code, no unnecessary frameworks; if you feel Bootstrap or a utility library will speed things up without bloat, let me know in your approach. I have a basic grasp of HTML/CSS myself but want this page to look po...
...later; right now the priority is an elegant visual presentation that lets the product speak for itself. Branding & design freedom I have no fixed style guide, so you’re welcome to propose fresh colour palettes, typography and layout concepts. Clean, modern and minimal is the direction I’m leaning toward, but I’m open to bold ideas if they help the product shine. Tech stack preferences Semantic HTML5, lightweight CSS3 (or a utility framework such as Tailwind), and vanilla JS or a minimal front-end library are all fine. A lean WordPress build is also acceptable as long as the final code stays performant and SEO friendly. Deliverables • Fully responsive landing page (desktop, tablet, mobile) • Optimised images, alt text, meta title & de...
...design discussions and development planning • Write clean, efficient, and maintainable SAP code • Support integrations with existing SAP modules and services • Participate in agile sprint ceremonies and technical reviews • Follow coding standards and documentation practices Required Skills SAP UI5 Developers • Strong experience with SAP UI5 / SAP Fiori development • Proficiency in JavaScript, HTML5, and CSS • Experience with SAP Gateway and OData services • Familiarity with SAP S/4HANA environments • Experience integrating UI5 apps with SAP backend systems SAP ABAP Developers • Strong SAP ABAP development experience • Object-Oriented ABAP expertise • Experience with CDS Views and OData services • Knowledge of Enh...
...Team Size: 16 resources Mandatory Requirement for Technical Leads Technical leads must speak German and English fluently and be able to communicate with German-speaking stakeholders. They should also have strong experience in: • SAP UI5 • SAP ABAP • SAP S/4HANA environments • Technical architecture and team leadership Developer Skills SAP UI5 Developers • SAP UI5 / SAP Fiori • JavaScript, HTML5, CSS • SAP Gateway & OData services • SAP S/4HANA integrations SAP ABAP Developers • SAP ABAP and Object-Oriented ABAP • CDS Views and OData services • Enhancements, BAdIs, User Exits • SAP S/4HANA development environments Engagement Model Dedicated offshore development team working closely with European stakeholders....
<!DOCTYPE html> <html> <head> <title>Image Slider</title> <style> body{ font-family: Arial; text-align:center; } .slider img{ width:500px; height:300px; display:none; } </style> </head> <body> <h2>Image Slider</h2> <div class="slider"> <img src=""> <img src=""> <img src=""> </div> <br> <style> .slider img{ w...can be used on websites to display photos, products, banners, or portfolio items. The project demonstrates basic front-end web development skills including layout design, styling, and simple interactive functionality. Features Image slide view Previous and Next navigation buttons Clean and simple layout...
<!DOCTYPE html> <html> <head> <title>Image Slider</title> <style> body{ font-family: Arial; text-align:center; } .slider img{ width:500px; height:300px; display:none; } </style> </head> <body> <h2>Image Slider</h2> <div class="slider"> <img src=""> <img src=""> <img src=""> </div> <br> <style> .slider img{ w...can be used on websites to display photos, products, banners, or portfolio items. The project demonstrates basic front-end web development skills including layout design, styling, and simple interactive functionality. Features Image slide view Previous and Next navigation buttons Clean and simple layout...
I’m Parth from Baroda and I’m ready to launch a new online presence. The main priority is complete web development: a responsive, fast-loading site that looks great on desktop and mobile, built with clean HTML5, CSS3, and JavaScript or a WordPress stack if that shortens turnaround without sacrificing quality. Alongside the build, I also need a fresh logo to anchor the brand identity and a couple of Instagram-ready graphics that match the site’s look and feel. The visual assets should be supplied as layered, editable files (AI or PSD) plus web-optimised PNGs so I can reuse them across future campaigns. Deliverables: • Fully functional website, tested across modern browsers and devices • Custom logo in vector and web formats • Two cohesive Inst...
...workflow I have in mind: when a user chooses a script, the corresponding key layout appears instantly; switching between scripts should feel as fast as changing tabs. All characters must be delivered as standard Unicode so the text can be copied into any document or web form without extra conversion. Because this will run inside modern browsers, I’m expecting clean, lightweight JavaScript (ES6+), HTML5, and CSS3. A small React or Vue component would be fine too if that speeds development, but vanilla JS is perfectly acceptable. Touch and mouse input both have to register accurately, and the interface should resize gracefully from a phone screen up to a 4K monitor. I’ll consider the work complete when: • Every key in the Mapalineda layout types the correct...
...this demo could be on a website where the clockface could be viewed so see the current time and clockface design, and the website visitor could enter their closest nearby city, and observe how the clock would change for their location of choice. NOTE: Most likely JavaScript + Canvas or SVG will be the best way to go. That said... You are free to choose the most suitable web-friendly stack (HTML5 Canvas, SVG with CSS/GSAP, or a lightweight JavaScript framework). The finished work should include well-commented source files plus a short read-me so I can drop the code straight into an existing page and tweak colours, shapes, and timing later if I wish. This is somewhat of a kinetic art timepiece with a clockface that is catered to your location and the image generated will en...
I need a clean, responsive 7-page static site for Vipro Diet built with pure HTML5, CSS3, and the latest stable Bootstrap. The site is purely informational and aimed at the general public, so there is no e-commerce, user accounts, or complex backend—just fast-loading, well-structured pages that highlight the brand. Scope of work • Develop Home, About, Our Plans, Benefits, Success Stories, Blog Overview, and Contact pages (final names may shift slightly once content is supplied). • Use the Bootstrap grid and utility classes to keep the layout consistent across desktop, tablet, and mobile (down to 320 px). • Apply custom CSS to match the brand palette; I will provide logo, colors, and any imagery. • Vanilla JavaScript is fine for small touches such a...
...aesthetic should stay firmly minimalist—ample white space, typography doing the heavy lifting, and subtle micro-interactions rather than loud effects. Mobile-first, fully responsive, and fast loading are non-negotiable. Tech flexibility I’m comfortable if you craft this in WordPress (Gutenberg, Elementor, or a lightweight custom theme), a Jamstack setup like + Netlify CMS, or a hand-coded HTML5/CSS3/JavaScript solution—whichever you feel delivers the cleanest code, easiest future upkeep, and solid SEO foundations. Deliverables • Complete website deployed to my hosting or handed off as a zipped package. • Admin/CMS access plus a brief walkthrough so I can publish blog posts and add portfolio items myself. • Source files and documentation...
... or Flask) Java (Spring Boot / Spring Framework) Experience building microservices or modular backend architectures Development of RESTful APIs and backend services Streaming & Media Delivery Experience with video streaming technologies Knowledge of HLS, MPEG-DASH, or adaptive bitrate streaming Experience integrating with video hosting or media processing systems Frontend Technologies HTML5 CSS3 JavaScript Experience integrating frontend applications with backend APIs Database & Storage MySQL or PostgreSQL Database schema design and optimization Object storage systems for media files Cloud & Infrastructure Experience with cloud platforms such as AWS Knowledge of: Cloud storage CDN integration Load balancing Containerized deployments (Docker) Se...
My site is already running on Bootstrap, but the front page feels dated. I need a brand-ne...page looks like it has always belonged to the site. I will supply the current style sheet, colour palette and any brand assets you need. Please keep the code lightweight, mobile-first and well-commented so my in-house team can extend it later. Acceptance criteria – Visual consistency with the current Bootstrap theme – Fully responsive across the latest desktop and mobile browsers – Valid HTML5 / CSS3 with no console errors – Final delivery as a set of ready-to-drop-in HTML, CSS (or SCSS) and any helper JS files. If you’ve done similar one-page refreshes in Bootstrap, send over a link or screenshot so I can see your style. I’m ready to get starte...
My multi-vendor marketplace runs on a Laravel-based eCommerce stack, and I’m ready to give it a complete visual refresh without altering its core functionality. The priority is a clean, modern UI that improves the customer journey from landing on the homepage to completi...framework—Tailwind, Bootstrap, or a lightweight custom solution—as long as it slots neatly into the current Laravel structure. Acceptance will be based on: • Pixel-perfect rendering of the agreed mock-ups • No new console or Laravel log errors • Successful test purchases through the updated checkout on mobile and desktop If you have a strong eye for UX, solid Laravel/Blade experience, and can deliver polished HTML5/CSS3 with minimal disruption to live vendors, I’d love to s...
...unlimited membership plans must be highlighted in a way that encourages quick sign-ups. Clear pricing, a one-tap phone button, and an embedded Google Map to our location all need to flow naturally through the layout. I will supply logos, copy, and photos. You will transform them into a fully responsive site that feels light, loads fast, and works on any device. Please build with best-practice HTML5/CSS3 and the framework or CMS you’re most comfortable with—just keep the code easy for me to update later. Key deliverables: • Polished Home page that hero-features our services and membership upsell • Dedicated Services section with concise descriptions and pricing table • Membership sign-up component tied to the platform of your choice (Stripe, Squa...
...makes that easy. Gameplay details will be shared once we’re under NDA, but expect real-time action with a strong social layer: live leaderboards, head-to-head challenges, chat, and secure in-game wallets for virtual chips. Solid netcode, account persistence, and clean separation between client and server logic are critical acceptance points. You’re free to propose the tech stack—Unity, Unreal, HTML5 + WebGL, or any engine you trust—as long as you can demonstrate smooth cross-builds, fast asset loading, and reliable server handshakes. The final deliverable is: • A production-ready build deployed to • Signed mobile binaries ready for App Store / Google Play submission • A Windows installer with auto-update capability • Source co...
... and mobile, load quickly, and be simple enough for me to update without touching code every time. Core build • Design: clean, modern, professional—no clutter, no gimmicks. • Pages: Home, Services (must-have), Blog, Contact. • Contact form: sends inquiries straight to my inbox. • Performance: optimise images, minify assets, leverage caching so pages snap open. • SEO basics: semantic HTML5, meta titles & descriptions, open-graph tags, , and an auto-generated sitemap. • Tech stack: plain HTML / CSS / JavaScript is fine; React or another lightweight framework is welcome. A small Node.js or PHP endpoint for the form is a plus. Deliverables & hand-off 1. Complete, well-commented source code in a private repo or zip. 2. St...
...interface refreshed in a modern, minimalist style—clean lines, ample white space, and typography that guides the eye without distraction. You’ll review the existing codebase, map out pain points, and implement streamlined solutions that keep load times low and navigation effortless. Any updated layouts or components should stay lightweight and responsive, following current best practices in HTML5, CSS3, JavaScript, and a framework you recommend. Deliverables • Fully redesigned, fully functional website migrated to production • Minimalist UI mock-ups approved before build • Cross-browser and cross-device testing reports • Handover package: commented source code, style guide, and deployment instructions Acceptance criteria: every pag...
I’m ready to get a fresh website online and I want it coded directly in Custom HTML/CSS—no WordPress, Wix, or other builders. I’ll supply the page hierarchy, copy, and imagery; your role is to translate that into clean, responsive markup that looks sharp on desktop, tablet, and mobile screens. Key expectations • Hand-written HTML5 and modern, modular CSS (Flexbox/Grid) • Lightweight, fast-loading pages with semantic tags and accessible structure • Smooth integration of any basic components we decide on together (for example a contact form or an image gallery) without resorting to heavy external frameworks unless truly necessary • Cross-browser testing (latest Chrome, Firefox, Safari, Edge) I’ll review the work on a live stagi...
...fields for name, company, email, phone, material, quantity and any notes. Drag-and-drop is ideal; max file size around 20 MB per file is fine. • Contact — map, address, phone, email and a simple enquiry form. What I supply • Logo, colour references (dark steel grey with accent dark blue), and copy for each page. • Sample photos and any brand guidelines. You set up • The full site based on HTML5 for easy hosting and editing. • Mobile optimisation, basic on-page SEO and integration with Google Analytics. • A detailed list of all files and basic requirements for hosting on standard web hosting services, such as Google or AWS. This site should not be tied to any specific hosting service. Acceptance The project is complete when the l...
I need a cohesive micro-campaign delivered in two parts: first, a set of animated web banners; second, a matching responsive email blast. For the banners, I’m picturing subtle, eye-catching motion (HTML5, GIF or MP4—your call) that works across the usual ad-network sizes. Before we finalise, I want you to audit the size list I provide, flag anything missing for Google Ads or social placements, and keep each file under 150 KB. When you hand them over I’ll need both the source files (PSD/AI or After Effects) and the optimised exports. Once the banners look perfect, you’ll roll the same creative into an email template. It has to be fully responsive, Litmus-tested, and ready to drop into Mailchimp without breaking. Inline CSS and bulletproof buttons are a must....
...and clean UI design. The ideal candidate must be very comfortable working with HTML, CSS, JavaScript, and TypeScript, and must be able to build responsive, high-quality user interfaces that look professional across all devices. This role is not just about writing code — we want someone who cares about visual quality, performance, and clean architecture. Requirements: • Strong experience with HTML5, CSS3, JavaScript, and TypeScript • Ability to create pixel-perfect responsive layouts • Strong understanding of modern UI/UX design principles • Experience with component-based architecture • Ability to write clean, maintainable code • Good communication and reliability Nice to have: • Experience with React or modern frontend frameworks &bul...
...images using Previous and Next buttons. It is designed as a simple front-end component that can be used in websites such as portfolios, galleries, or product showcases. Features: Smooth image transition using JavaScript Previous and Next navigation buttons Displays images from a local project folder Shows a message “END” after the last slide Clean and simple user interface Technologies Used: HTML5 CSS3 JavaScript Project Purpose: This project demonstrates basic front-end development skills including DOM manipulation, event handling, and layout design. It is suitable for beginners learning web development and can be easily integrated into any website. <!DOCTYPE html> <html> <head> <title>Image Slider</title> <style> body{...
I already have a fully-functional task management system built with HTML5, CSS3 (Flexbox/Grid), vanilla JavaScript, PHP, and MySQL. Users can sign up securely, create, read, update, and delete tasks, all from a responsive dashboard. What I need now is a focused enhancement: 1. Progress tracking • Each task should hold a 0–100 value stored in MySQL. • Display that value on the dashboard with a smooth, colour-accessible progress bar. • Users must be able to set or update the percentage while creating or editing a task. 2. Project-based filtering • Add a “Project” filter that lets users instantly narrow the visible tasks without reloading the page. • Keep URL parameters in sync so filtered views can be bookmarked or...
I need a clean, minimalist template that lets me showcase my projects front-and-center. The final files should be easy for me to edit, fully responsive, and lean on well-structured HTML5, CSS3 (or a lightweight framework such as Tailwind), and vanilla JavaScript for any small interactions. Core must-haves • An elegant projects section that can scale as my work grows • A dedicated skills section, styled to match the overall minimal aesthetic Nice-to-have (open to your advice) If you think a simple contact form or space for future client testimonials can be added without cluttering the layout, let me know how you would integrate them. Please package the deliverable so I can drop it into my hosting environment right away: all source files, clearly commented code, and...
...styled to match the overall theme • An interactive map with accompanying listings so I can geo-tag posts and let readers browse by location Need to be able to go in and edit it on my own and add / edit content anytime on the fly If you think an extra like a newsletter signup would blend in naturally, feel free to suggest it, but it isn’t essential right now. Please build with clean, semantic HTML5, well-organized SCSS/CSS, and vanilla JavaScript (or a lightweight framework if it speeds things up without bloat). The finished package should drop straight into WordPress or any similar CMS—with separate header, footer, and content templates, plus clear documentation so I can tweak colors, content and fonts later. Acceptance criteria: • Renders consiste...
<!DOCTYPE html> <html> <head> <title>Image Slider</title> <style> body{ font-family: Arial; text-align:center; } .slider img{ width:500px; height:300px; display:none; } </style> </head> <body> <h2>Image Slider</h2> <div class="slider"> <img src=""> <img src=""> <img src=""> </div> <br> <style> .slider img{ w...can be used on websites to display photos, products, banners, or portfolio items. The project demonstrates basic front-end web development skills including layout design, styling, and simple interactive functionality. Features Image slide view Previous and Next navigation buttons Clean and simple layout...
...production-ready release without delay. As soon as we start I’ll share the URL, admin credentials, and a concise change log that covers design tweaks, new feature hooks, and a few content swaps. Your job is to implement the lot quickly, cleanly, and without breaking anything that already works. You should be comfortable auditing an existing code-base, making front-end adjustments in responsive HTML5/CSS3, wiring up any small JavaScript or PHP logic that’s required, and pushing to production with zero downtime. If the site is on WordPress, Shopify, or another common framework, the same expectation applies—work within best practices so future edits stay straightforward. Deliverables • All requested changes applied and live • Layout fully responsive...
...successful hit adds to the score; a simple timer or limited-ammo mechanic will keep the rounds short and replayable. A clean HUD should show score, remaining shots or time, and a hit indicator. I’m happy to use your preferred HTML5 stack—vanilla JavaScript with Canvas, or a lightweight engine like Phaser or PixiJS—as long as load times stay minimal and the code is easy for me to tweak later. If you enjoy creating art, feel free to propose original cartoon assets; otherwise, let me know what you need from me and I’ll supply references. Deliverables: • Playable HTML5 game folder ready to drop on a web server • All source files and commented code • Optimised cartoon art and audio in openly licensed formats • Short README exp...
...images using Previous and Next buttons. It is designed as a simple front-end component that can be used in websites such as portfolios, galleries, or product showcases. Features: Smooth image transition using JavaScript Previous and Next navigation buttons Displays images from a local project folder Shows a message “END” after the last slide Clean and simple user interface Technologies Used: HTML5 CSS3 JavaScript Project Purpose: This project demonstrates basic front-end development skills including DOM manipulation, event handling, and layout design. It is suitable for beginners learning web development and can be easily integrated into any website. <!DOCTYPE html> <html> <head> <title>Image Slider</title> <style> body{...
I need a web experience that mirrors the interactive sitemap on The same fluid SVG zooms, building highlights, unit pop-ups, and motion effects must be recreated, but the site must also let me keep everything current without touching code. Technology & stack • The core of the map must be built in HTML5 with SVG so it scales sharply and loads quickly on all devices. • Behind it, I want a lightweight custom CMS—something purpose-built rather than WordPress or Drupal—so I can sign in, search for a unit, and update pricing, status, tool-tip text, or imagery in seconds. User interactions • Click to view full unit details in a slide-in or modal. • Hover (or tap-and-hold on mobile) for an at-a-glance summary. What I need
...with product managers, designers, and engineers to deliver high-quality features. Write clean, maintainable, and well-documented code. Participate in code reviews, testing, and CI/CD workflows. Troubleshoot, optimize, and improve application performance and reliability. Tech Stack (Experience with some — not necessarily all — of the following is expected.) Frontend: React React Native HTML5, CSS3 JavaScript / TypeScript Backend: Node.js (NestJS or Express) REST and/or GraphQL APIs Database: PostgreSQL (or other relational databases) ORM tools (Prisma, Sequelize, TypeORM, etc.) DevOps & Tools: Git & GitHub CI/CD pipelines Cloud platforms (AWS, GCP, or Azure) What We’re Looking For: - 3+ years of professional experience as a Full Stack Software Eng...
Want to learn HTML? We've compiled a cheat sheet for you to make the learning process much easier!
Links and details of essential web development related websites you should follow
New to coding? Here are some elementary tips you must go through to smooth your journey.