Skip to content
View Samanway-Koley's full-sized avatar
1 follower · 0 following

Block or report Samanway-Koley

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Samanway-Koley/README.md


✦ About Me

I am Samanway Koley, a Frontend Developer focused on turning approved UI designs into responsive, interactive, and maintainable web interfaces.

I work with HTML, CSS, JavaScript, jQuery, and Bootstrap to build clean, consistent frontend experiences across devices.

I am not a UI/UX designer.
I use Figma, Adobe XD, Sketch, and Photoshop strictly to inspect design files, understand spacing and typography, collect assets, and implement the provided UI with precision in code.

What I Build

  • Responsive website interfaces
  • Design-to-HTML implementations
  • Bootstrap-based layouts
  • Interactive jQuery components
  • Cross-browser frontend experiences

What I Focus On

  • Pixel-perfect design translation
  • Responsive behavior
  • Clean, semantic structure
  • Maintainable stylesheets

✦ Frontend Expertise

🎨 Design-to-Code

Converting Figma, Adobe XD, Sketch, and Photoshop designs into functional web interfaces while preserving the original visual direction.

📱 Responsive Design

Building layouts that adapt naturally across desktop, tablet, and mobile using CSS media queries and Bootstrap.

⚡ Interactions

Adding practical behavior—menus, sliders, tabs, forms, accordions—using JavaScript and jQuery.

🌐 Browser Compatibility

Testing and refining interfaces for consistent behavior across modern browsers.

✦ Technology Stack

Core Technologies


HTML5 CSS3 JavaScript jQuery Bootstrap



Design Inspection Tools

Used to view and inspect provided UI files—not for designing.


Figma Adobe XD Sketch Photoshop

✦ From Design Handoff to Browser

01 02 03 04 05 06
Inspect Design
Figma / XD / Sketch / PS 		Structure
Semantic HTML 		Style
CSS & Bootstrap 		Interact
jQuery & JS 		Responsive
All screens 		Deliver
Production UI

The Pipeline

Figma / XD / Sketch / PS
→
HTML Structure
→
CSS + Bootstrap
→
jQuery Interactions
→
Responsive Testing
→
Live Browser

✦ My Principles

📐 Craft

  • Semantic HTML structure
  • Clean & organized CSS
  • Bootstrap grid & utilities
  • Responsive-first mindset

⚙️ Delivery

  • Purposeful jQuery interactions
  • Pixel-precise translation
  • Cross-browser testing
  • Continuous improvement

✦ Let’s Connect

Need a clean, responsive frontend built from design files?

I implement interfaces using HTML, CSS, jQuery, and Bootstrap—taking designs from Figma, Adobe XD, Sketch, or Photoshop into the browser.


LinkedIn Profile Send Email



BACK TO TOP ↑


Popular repositories Loading

  1. Samanway-Koley Samanway-Koley Public

    GitHub profile README for Samanway Koley, a frontend developer who turns approved Figma, Adobe XD, Sketch and Photoshop designs into responsive websites using HTML, CSS, JavaScript, jQuery and Boot…

  2. Mailbox Mailbox Public

    Single-page landing website for a conceptual email inbox app, with sections for features, services, testimonials, pricing and app download. Static front end built with HTML, CSS, Bootstrap 5 and AO…

    SCSS

  3. Decbase-Interior Decbase-Interior Public

    Responsive website for an interior design company, built with React 19, Vite, React Router, Bootstrap and Swiper. It has Home, About, Services, Blog, Contact and Testimonials pages, and deploys as …

    JavaScript

  4. neo-designer-tracker neo-designer-tracker Public

    Designer performance dashboard: a single-page HTML app that loads an uploaded Excel or CSV project report and shows project counts, solo vs team workload, effort, a designer leaderboard, a deadline…

    HTML

  5. orbittype orbittype Public

    Free browser-based circular text generator. Type text, adjust ring width, height, font size, letter spacing, case and rotation speed with a live preview, then copy a minimal HTML, CSS and jQuery sn…

    HTML

  6. letterspace letterspace Public

    Letterspace – free Figma letter spacing & line height converter. Turn Figma percent values into CSS px, em or unitless values with a live typography preview and copy-ready CSS. Built with HTML, CSS…

    CSS