{"id":115,"date":"2026-02-20T07:06:04","date_gmt":"2026-02-20T07:06:04","guid":{"rendered":"https:\/\/giatec.io\/aizuhand\/?page_id=115"},"modified":"2026-02-20T08:57:26","modified_gmt":"2026-02-20T08:57:26","slug":"tutorials","status":"publish","type":"page","link":"https:\/\/giatec.io\/aizuhand\/index.php\/tutorials\/","title":{"rendered":"Tutorials"},"content":{"rendered":"\n<!-- Tutorials Page: Robotics & Prosthetics -->\n<div class=\"tutorials-page\">\n\n<style>\n  \/* HARD RESET: remove theme spacing above the block *\/\n  .tutorials-page,\n  .tutorials-page * {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n  }\n\n  .tutorials-page {\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 0 1.5rem 0; \/* NO TOP, NO BOTTOM SPACE *\/\n    line-height: 1.7;\n    color: #111827;\n    animation: fadeIn 0.8s ease-out;\n  }\n\n  .tutorial-list {\n    display: grid;\n    gap: 1.2rem;\n    margin-top: 0; \/* Ensures no top gap *\/\n  }\n\n  .tutorial-item {\n    border-radius: 0.75rem;\n    border: 1px solid #e5e7eb;\n    padding: 1.1rem 1.3rem;\n    background: #ffffff;\n    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04);\n    animation: floatUp 1s ease-out;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n\n  .tutorial-item:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);\n  }\n\n  .tutorial-label {\n    font-size: 0.85rem;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    color: #6b7280;\n    margin-bottom: 0.25rem;\n  }\n\n  .tutorial-item a {\n    font-size: 1.05rem;\n    font-weight: 600;\n    color: #1d4ed8;\n    text-decoration: none;\n  }\n\n  .tutorial-item a:hover {\n    text-decoration: underline;\n  }\n\n  .tutorial-meta {\n    font-size: 0.9rem;\n    color: #4b5563;\n    margin-top: 0.25rem;\n  }\n\n  \/* Animations *\/\n  @keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes floatUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n<\/style>\n\n<div class=\"tutorial-list\">\n\n  <div class=\"tutorial-item\">\n    <div class=\"tutorial-label\">\ud83e\udded Tutorial<\/div>\n    <a href=\"https:\/\/www.u-aizu.ac.jp\/~benab\/doc\/3D-PrintedAndroidTutorial-2025-1.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">\n      3D-Printed Android: A Tutorial, Part I of III\n    <\/a>\n    <div class=\"tutorial-meta\">July 7, 2025<\/div>\n  <\/div>\n\n  <div class=\"tutorial-item\">\n    <div class=\"tutorial-label\">\ud83e\udded Tutorial<\/div>\n    <a href=\"https:\/\/drive.google.com\/file\/d\/1IFPOfgmJheqC-JxAn9TEqpm-DhOOF_Xs\/view?usp=sharing\" target=\"_blank\" rel=\"noreferrer noopener\">\n      AIzuHand I VR-based Simulated Training\n    <\/a>\n    <div class=\"tutorial-meta\">August 8, 2023<\/div>\n  <\/div>\n\n  <div class=\"tutorial-item\">\n    <div class=\"tutorial-label\">\ud83e\udded Tutorial<\/div>\n    <a href=\"https:\/\/www.u-aizu.ac.jp\/~benab\/doc\/NeuroSys_3D-Printed_Prosthetic_Hand_Control_Tutorial.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">\n      NeuroSys 3D-Printed Prosthetic Hand Control\n    <\/a>\n    <div class=\"tutorial-meta\">May 13, 2022<\/div>\n  <\/div>\n\n  <div class=\"tutorial-item\">\n    <div class=\"tutorial-label\">\ud83e\udded Tutorial<\/div>\n    <a href=\"https:\/\/www.u-aizu.ac.jp\/~benab\/doc\/NeuroSys_3D-Printed_Prosthetic_Hand_Control_Tutorial.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">\n      3D Printed Hand Tutorial (Print and assemble)\n    <\/a>\n    <div class=\"tutorial-meta\">November 1, 2021<\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n\n\n<div class=\"aizuhand-gallery\">\n\n<style>\n\/* Fade-up animation *\/\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* 3-column responsive layout *\/\n.aizuhand-gallery {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1.5rem;\n  margin: 0 auto;\n  max-width: 1000px;\n  padding: 0;\n}\n\n\/* Each card *\/\n.aizuhand-card {\n  text-align: center;\n  animation: fadeUp 0.9s ease-out;\n}\n\n\/* Force all images to same height *\/\n.aizuhand-card img {\n  height: 260px;          \/* <<< Set your unified height here *\/\n  width: auto;\n  object-fit: contain;\n  border-radius: 8px;\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n\/* Hover effect *\/\n.aizuhand-card img:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 12px 28px rgba(0,0,0,0.15);\n}\n\n\/* Title text *\/\n.aizuhand-card-title {\n  font-size: 1.1rem;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n}\n\n\/* Caption text *\/\n.aizuhand-caption {\n  font-size: 0.9rem;\n  color: #4b5563;\n  margin-top: 0.4rem;\n}\n<\/style>\n\n<!-- AIzuHand I -->\n<div class=\"aizuhand-card\">\n  <div class=\"aizuhand-card-title\"><em><strong>AIzuHand I<\/strong><\/em><\/div>\n  <a href=\"https:\/\/giatec.io\/aizuhand\/wp-content\/uploads\/2026\/02\/AizuHand-I.png\" data-lightbox=\"aizuhand\">\n    <img decoding=\"async\" src=\"https:\/\/giatec.io\/aizuhand\/wp-content\/uploads\/2026\/02\/AizuHand-I.png\" alt=\"AIzuHand I\">\n  <\/a>\n  <div class=\"aizuhand-caption\">Weight: 422g | DoF: 5 | Mode: AN\/SN<\/div>\n<\/div>\n\n<!-- AIzuHand H -->\n<div class=\"aizuhand-card\">\n  <div class=\"aizuhand-card-title\"><em><strong>AIzuHand H<\/strong><\/em><\/div>\n  <a href=\"https:\/\/giatec.io\/aizuhand\/wp-content\/uploads\/2026\/02\/NeuroSys-H3DP.png\" data-lightbox=\"aizuhand\">\n    <img decoding=\"async\" src=\"https:\/\/giatec.io\/aizuhand\/wp-content\/uploads\/2026\/02\/NeuroSys-H3DP.png\" alt=\"AIzuHand H\">\n  <\/a>\n  <div class=\"aizuhand-caption\">Weight: 492g | DoF: 7 | Mode: AN\/SN<\/div>\n<\/div>\n\n<!-- AIzuHand II -->\n<div class=\"aizuhand-card\">\n  <div class=\"aizuhand-card-title\"><em><strong>AIzuHand II<\/strong><\/em><\/div>\n  <a href=\"https:\/\/giatec.io\/aizuhand\/wp-content\/uploads\/2026\/02\/AIzuHAndII-e1771558235152.png\" data-lightbox=\"aizuhand\">\n    <img decoding=\"async\" src=\"https:\/\/giatec.io\/aizuhand\/wp-content\/uploads\/2026\/02\/AIzuHAndII-e1771558235152.png\" alt=\"AIzuHand II\">\n  <\/a>\n  <div class=\"aizuhand-caption\">DoF: 7 | Feedback: Temp | Mode: AN<\/div>\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83e\udded Tutorial 3D-Printed Android: A Tutorial, Part I of III July 7, 2025 \ud83e\udded Tutorial AIzuHand I VR-based Simulated Training August 8, 2023 \ud83e\udded Tutorial NeuroSys 3D-Printed Prosthetic Hand Control May 13, 2022 \ud83e\udded Tutorial 3D Printed Hand Tutorial (Print and assemble) November 1, 2021 AIzuHand I Weight: 422g | DoF: 5 | Mode: AN\/SN [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":true,"footnotes":""},"class_list":["post-115","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/giatec.io\/aizuhand\/index.php\/wp-json\/wp\/v2\/pages\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/giatec.io\/aizuhand\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/giatec.io\/aizuhand\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/giatec.io\/aizuhand\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/giatec.io\/aizuhand\/index.php\/wp-json\/wp\/v2\/comments?post=115"}],"version-history":[{"count":23,"href":"https:\/\/giatec.io\/aizuhand\/index.php\/wp-json\/wp\/v2\/pages\/115\/revisions"}],"predecessor-version":[{"id":220,"href":"https:\/\/giatec.io\/aizuhand\/index.php\/wp-json\/wp\/v2\/pages\/115\/revisions\/220"}],"wp:attachment":[{"href":"https:\/\/giatec.io\/aizuhand\/index.php\/wp-json\/wp\/v2\/media?parent=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}