Html шаблон windows 10

Windows 10 Clone in the Browser — Project Update @ 9 Months

Back at the start of this year I began weekly live streams of my side project where I’ve been building a ✌functional✌ ✌OS✌ in the browser. I’ve been having an absolute blast developing the thing and this Saturday will be my 37th stream/week. As I am coming up on 9 months of work on this project, I wanted to make a post/video demonstrating my progress.

Demo Video

Features

• File System via HTTP & IndexedDb (BrowserFS)
• Open zip/iso files directly
• Animated Wallpaper (Vanta.js)
• Set an image as background
• Drag and drop files from outside the browser (DnD API)
• Internal drag and drop between folders
• Icon selection box
  • Select/move multiple files
  • Remembers size/position of windows
  • New File, Folder & Text Document
  • Add, Rename, Delete, Copy, Cut, Paste & Download
  • Download multiple files to a zip
  • Dynamic file/folder updates
  • Synced to exact second
  • Loads Winamp skins
  • Language/syntax support
  • Reset session (Power)
  • Quick access to Documents
  • Load iso/img files
  • Linux with mock file system support
  • Kolibri with network support (Kolibri)
  • Auto Save state
  • Load zip/jsdos files
  • Auto Save state
  • Drag files onto app directly to load
  • My blog posts from WordPress
  • Design/Edit mode

  Remaining To Do’s (MVP)

  

  I moved to keeping track of tasks via Post-It’s quite a while ago and I’ve been loving it. I have a system of colors which denote category and difficulty (but don’t ask me to explain it). The ones on the whiteboard are the ones I plan to finish before I do my first release. Keep in mind I often do things not on this board and usually when I finish a yellow I make a lot of reds (bugs).

  The listed MVP tasks (not including bugs) as of today are:

  Files

  Taskbar

  • Nested Start Menu Items
  • Improve Start Menu Enter/Exit Transitions
  • Improve Peek height to fill better

  Window

  • Menu Bar
  • Dynamic URL loading for Container Apps
  • Min/Max/Close icons for title bar menu

  File Explorer

  Dialogs

  Apps

  • Terminal/CLI (xterm)
  • Image Viewer
  • Video Player
  • Loading status for Container Apps

  File Manager

  • Reorganize Icons on Drag
  • Store Icon Order
  • Setup Recursive Copy, Delete & Zip
  • Context Menu
    • Compress/Decompress
    • Sort By
    • Share API
    • Create Shortcut

    System

    Current Status

    

    Thanks for checking out my project! If you want to follow my progress please check out my YouTube channel for my latest weekly streams, so far I haven’t missed one in 36 weeks. They are every Saturday @ 9 PM PT.

    Источник

    Windows 10 startup loading only HTML & CSS

    If you need more kind of tutorial stay with me,
    I will do more tutorials with HTML and CSS only.
    Thanks.

    Top comments (0)

    Read next

    Top resources for Tailwind CSS for 2023

    An Intuitive Guide To CSS Glassmorphism

    CSS

    Copy Elements from any website as Tailwind CSS components

    More from Nikhil Chandra Roy

    Once suspended, nikhilroy2 will not be able to comment or publish posts until their suspension is removed.

    Once unsuspended, nikhilroy2 will be able to comment and publish posts again.

    Once unpublished, all posts by nikhilroy2 will become hidden and only accessible to themselves.

    If nikhilroy2 is not suspended, they can still re-publish their posts from their dashboard.

    Once unpublished, this post will become invisible to the public and only accessible to Nikhil Chandra Roy.

    They can still re-publish the post if they are not suspended.

    Thanks for keeping DEV Community safe. Here is what you can do to flag nikhilroy2:

    nikhilroy2 consistently posts content that violates DEV Community’s code of conduct because it is harassing, offensive or spammy.

    Unflagging nikhilroy2 will restore default visibility to their posts.

    DEV Community — A constructive and inclusive social network for software developers. With you every step of your journey.

    Built on Forem — the open source software that powers DEV and other inclusive communities.

    Made with love and Ruby on Rails. DEV Community © 2016 — 2023.

    We’re a place where coders share, stay up-to-date and grow their careers.

    Источник

    Saved searches

    Use saved searches to filter your results more quickly

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

    Simple and lightweight template created in compliance with Universal Windows Platform design language.

    mak3/UWP-HTML-Template

    This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

    Name already in use

    A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

    Sign In Required

    Please sign in to use Codespaces.

    Launching GitHub Desktop

    If nothing happens, download GitHub Desktop and try again.

    Launching GitHub Desktop

    If nothing happens, download GitHub Desktop and try again.

    Launching Xcode

    If nothing happens, download Xcode and try again.

    Launching Visual Studio Code

    Your codespace will open once ready.

    There was a problem preparing your codespace, please try again.

    Latest commit

    Git stats

    Files

    Failed to load latest commit information.

    README.md

    UWP HTML Template is simple and lightweight template that lets developers quickly create app in compliance with Universal Windows Platform design language.

    Responsive desing across Windows 10 ecosystem

    Источник

    Saved searches

    Use saved searches to filter your results more quickly

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

    Windows 10 simulation in HTML, CSS, and JavaScript

    License

    esironal/win10css

    This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

    Name already in use

    A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

    Sign In Required

    Please sign in to use Codespaces.

    Launching GitHub Desktop

    If nothing happens, download GitHub Desktop and try again.

    Launching GitHub Desktop

    If nothing happens, download GitHub Desktop and try again.

    Launching Xcode

    If nothing happens, download Xcode and try again.

    Launching Visual Studio Code

    Your codespace will open once ready.

    There was a problem preparing your codespace, please try again.

    Latest commit

    Git stats

    Files

    Failed to load latest commit information.

    README.md

    Compatible Browsers:

    Works with any recent browser.

    IE Support: Internet Explorer 9 or newer

    List of Modules:

    Modules created and copyrighted by me are marked with a plus sign (+).

    +windows.js — custom scripts for all the functions. Now maintains the taskbar clock as well. Prerequisites: jQuery, FileSaver.js, normalize.css

    jQuery jQuery UI — used for draggable windows

    Font Awesome — used for taskbar icons

    FileSaver.js — used for Save option in Notepad.

    html5shiv.js — provides HTML5 functionality for older browsers

    normalize.css — fixes weird button and/or text field looks in some browsers (ugh), especially mobile Safari

    • Fix: Notepad Save not working in Safari
    • Fix: Print option in Notepad crashes Safari on iOS.
    • Add a context menu
    • Add a start menu

    Источник

    Читайте также:  Html body size to content