{"id":665,"date":"2016-11-28T08:46:25","date_gmt":"2016-11-28T08:46:25","guid":{"rendered":"http:\/\/www.toomanyyears.gr\/en\/?page_id=665"},"modified":"2026-08-30T12:15:22","modified_gmt":"2026-08-30T09:15:22","slug":"custom-web-applications","status":"publish","type":"page","link":"https:\/\/toomanyyears.gr\/en\/custom-web-applications\/","title":{"rendered":"Custom Web Applications"},"content":{"rendered":"<section class=\"tmy-pagehero\" id=\"tmy-hero\">\r\n\t<div class=\"tmy-hero__glow\" aria-hidden=\"true\"><\/div>\r\n\t<div class=\"tmy-hero__grid\" aria-hidden=\"true\"><\/div>\r\n\r\n\t<div class=\"tmy-pagehero__inner\" id=\"tmy-hero-inner\">\r\n\r\n\t\t\t\t\t<nav class=\"tmy-pagehero__crumb\" aria-label=\"Breadcrumb\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/toomanyyears.gr\/en\/\">Home<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tmy-sep\" aria-hidden=\"true\">\/<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Services<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/nav>\r\n\t\t\r\n\t\t<h1 class=\"tmy-pagehero__title\" data-reveal>\r\n\t\t\tCUSTOM <em>Applications<\/em>\t\t<\/h1>\r\n\r\n\t\t\t\t\t<p class=\"tmy-pagehero__lede\" data-reveal data-delay=\"120\">Make the most of internet access and build the application your business needs.<\/p>\r\n\t\t\r\n\t\t\r\n\t<\/div>\r\n<\/section>\r\n\r\n<section class=\"tmy-features\" id=\"features\">\r\n\t\t\t\t\t<div class=\"tmy-feature\" data-reveal>\r\n\t\t\t<div class=\"tmy-feature__text\">\r\n\t\t\t\t\t\t\t\t\t<h3 class=\"tmy-feature__title\">Development<\/h3>\r\n\t\t\t\t\t\t\t\t<div class=\"tmy-feature__body tmy-prose\"><p> At T.M.Y. we take on the building of custom web applications according to your needs. Beyond applications that serve the needs of a website, we build independent web applications that perform the tasks you want and can include a management environment, depending on what the application needs. <\/p>\n<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"tmy-feature__media tmy-feature__media--viz\">\r\n\t\t\t\t\t<figure class=\"tmy-viz\" data-iact style=\"position: relative; overflow: hidden; border-radius: 6px; aspect-ratio: 4 \/ 3; background: #0E0E11; border: 1px solid var(--tmy-line); margin: 0;\">\r\n        <div style=\"position: absolute; inset: 0; background-image: linear-gradient(rgba(237,237,234,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(237,237,234,0.06) 1px, transparent 1px); background-size: 26px 26px;\"><\/div>\r\n        <div style=\"position: absolute; inset: 0; display: flex; flex-direction: column; gap: 8px; padding: 8%;\">\r\n          <div style=\"flex: 1; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1.3fr 1fr; gap: 8px;\">\r\n              <div style=\"border: 1px dashed rgba(237,237,234,0.28); border-radius: 3px; animation: tmy-cu-solid 6s cubic-bezier(.16,1,.3,1) infinite; grid-column: 1 \/ span 2;\"><\/div>\r\n              <div style=\"border: 1px dashed rgba(237,237,234,0.28); border-radius: 3px; animation: tmy-cu-solid 6s cubic-bezier(.16,1,.3,1) infinite;\"><\/div>\r\n              <div style=\"border: 1px dashed rgba(237,237,234,0.28); border-radius: 3px; animation: tmy-cu-solid 6s cubic-bezier(.16,1,.3,1) infinite;\"><\/div>\r\n          <\/div>\r\n          <div style=\"display: inline-grid; place-items: start; flex: none; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase;\">\r\n            <span style=\"grid-area: 1 \/ 1; color: var(--tmy-mut); animation: tmy-cu-lA 6s steps(1) infinite;\">Blueprint<\/span>\r\n            <span style=\"grid-area: 1 \/ 1; color: var(--tmy-acc); opacity: 0; animation: tmy-cu-lB 6s steps(1) infinite;\">Application<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/figure>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"tmy-feature tmy-feature--flip\" data-reveal>\r\n\t\t\t<div class=\"tmy-feature__text\">\r\n\t\t\t\t\t\t\t\t\t<h3 class=\"tmy-feature__title\">Customization<\/h3>\r\n\t\t\t\t\t\t\t\t<div class=\"tmy-feature__body tmy-prose\"><p> Your custom application will be developed and designed from scratch. We provide tailored proposals so that every need the application is being built for is covered. We make sure its design is not only attractive but also easy, functional and friendly to the user. <\/p>\n<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"tmy-feature__media tmy-feature__media--viz\">\r\n\t\t\t\t\t<figure class=\"tmy-viz\" data-iact style=\"position: relative; overflow: hidden; border-radius: 6px; aspect-ratio: 4 \/ 3; background: #0E0E11; border: 1px solid var(--tmy-line); margin: 0;\">\r\n        <div style=\"position: absolute; inset: 0; display: grid; grid-template-columns: 46% 1fr; gap: 5%; align-items: center; padding: 8%;\">\r\n          <div style=\"display: flex; flex-direction: column; gap: 11px;\">\r\n            <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tmy-mut);\">Requirements<\/div>\r\n            <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 10px; color: var(--tmy-fg);\">\r\n              <span>Admin<\/span>\r\n              <span style=\"position: relative; width: 24px; height: 13px; border-radius: 999px; flex: none; animation: tmy-cu-toggle 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 0s;\">\r\n                <span style=\"position: absolute; top: 2px; left: 2px; width: 9px; height: 9px; border-radius: 50%; background: var(--tmy-fg); animation: tmy-cu-knob 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 0s;\"><\/span>\r\n              <\/span>\r\n            <\/div>\r\n            <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 10px; color: var(--tmy-fg);\">\r\n              <span>Reports<\/span>\r\n              <span style=\"position: relative; width: 24px; height: 13px; border-radius: 999px; flex: none; animation: tmy-cu-toggle 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .4s;\">\r\n                <span style=\"position: absolute; top: 2px; left: 2px; width: 9px; height: 9px; border-radius: 50%; background: var(--tmy-fg); animation: tmy-cu-knob 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .4s;\"><\/span>\r\n              <\/span>\r\n            <\/div>\r\n            <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 10px; color: var(--tmy-fg);\">\r\n              <span>API<\/span>\r\n              <span style=\"position: relative; width: 24px; height: 13px; border-radius: 999px; flex: none; animation: tmy-cu-toggle 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .8s;\">\r\n                <span style=\"position: absolute; top: 2px; left: 2px; width: 9px; height: 9px; border-radius: 50%; background: var(--tmy-fg); animation: tmy-cu-knob 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .8s;\"><\/span>\r\n              <\/span>\r\n            <\/div>\r\n            <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 10px; color: var(--tmy-fg);\">\r\n              <span>Roles<\/span>\r\n              <span style=\"position: relative; width: 24px; height: 13px; border-radius: 999px; flex: none; animation: tmy-cu-toggle 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 1.2s;\">\r\n                <span style=\"position: absolute; top: 2px; left: 2px; width: 9px; height: 9px; border-radius: 50%; background: var(--tmy-fg); animation: tmy-cu-knob 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 1.2s;\"><\/span>\r\n              <\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div style=\"height: 78%; border: 1px solid var(--tmy-line); border-radius: 5px; background: rgba(237,237,234,0.03); padding: 9px; display: flex; flex-direction: column; gap: 6px;\">\r\n            <div style=\"height: 5px; width: 54%; border-radius: 3px; background: var(--tmy-fg); opacity: .85; flex: none;\"><\/div>\r\n            <div style=\"flex: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(0, 1fr); gap: 5px; animation: tmy-mo-grid 6s steps(1) infinite;\">\r\n              <div style=\"border-radius: 3px; animation: tmy-mo-tint 6s cubic-bezier(.16,1,.3,1) infinite;\"><\/div>\r\n              <div style=\"border-radius: 3px; animation: tmy-mo-tint 6s cubic-bezier(.16,1,.3,1) infinite;\"><\/div>\r\n              <div style=\"border-radius: 3px; background: rgba(237,237,234,0.10);\"><\/div>\r\n              <div style=\"border-radius: 3px; background: rgba(237,237,234,0.10);\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/figure>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"tmy-feature\" data-reveal>\r\n\t\t\t<div class=\"tmy-feature__text\">\r\n\t\t\t\t\t\t\t\t\t<h3 class=\"tmy-feature__title\">Characteristics<\/h3>\r\n\t\t\t\t\t\t\t\t<div class=\"tmy-feature__body tmy-prose\"><p> Our custom applications are characterised by high, contemporary design, clean code, ease and functionality in use, compatibility with all recent versions of every browser, and continuous technical support. <\/p>\n<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"tmy-feature__media tmy-feature__media--viz\">\r\n\t\t\t\t\t<figure class=\"tmy-viz\" data-iact style=\"position: relative; overflow: hidden; border-radius: 6px; aspect-ratio: 4 \/ 3; background: #0E0E11; border: 1px solid var(--tmy-line); margin: 0;\">\r\n        <div style=\"position: absolute; inset: 0; display: flex; flex-direction: column; gap: 12px; padding: 8%;\">\r\n          <div style=\"border: 1px solid var(--tmy-line); border-radius: 5px; background: rgba(237,237,234,0.03); padding: 11px; display: flex; flex-direction: column; gap: 7px;\">\r\n            <div style=\"display: flex; align-items: center; gap: 7px;\">\r\n              <span style=\"font-family: 'IBM Plex Mono', monospace; font-size: 8px; color: rgba(237,237,234,0.22);\">01<\/span>\r\n              <span style=\"flex: 1; height: 4px; border-radius: 3px; background: rgba(237,237,234,0.07);\"><span style=\"--w: 72%; display: block; height: 100%; width: 0; border-radius: 3px; background: rgba(237,237,234,0.42); animation: tmy-es-fill 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 0s;\"><\/span><\/span>\r\n            <\/div>\r\n            <div style=\"display: flex; align-items: center; gap: 7px;\">\r\n              <span style=\"font-family: 'IBM Plex Mono', monospace; font-size: 8px; color: rgba(237,237,234,0.22);\">02<\/span>\r\n              <span style=\"flex: 1; height: 4px; border-radius: 3px; background: rgba(237,237,234,0.07);\"><span style=\"--w: 54%; display: block; height: 100%; width: 0; border-radius: 3px; background: rgba(237,237,234,0.42); animation: tmy-es-fill 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .15s;\"><\/span><\/span>\r\n            <\/div>\r\n            <div style=\"display: flex; align-items: center; gap: 7px;\">\r\n              <span style=\"font-family: 'IBM Plex Mono', monospace; font-size: 8px; color: rgba(237,237,234,0.22);\">03<\/span>\r\n              <span style=\"flex: 1; height: 4px; border-radius: 3px; background: rgba(237,237,234,0.07);\"><span style=\"--w: 64%; display: block; height: 100%; width: 0; border-radius: 3px; background: rgba(237,237,234,0.42); animation: tmy-es-fill 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .3s;\"><\/span><\/span>\r\n            <\/div>\r\n            <div style=\"display: flex; align-items: center; gap: 7px;\">\r\n              <span style=\"font-family: 'IBM Plex Mono', monospace; font-size: 8px; color: rgba(237,237,234,0.22);\">04<\/span>\r\n              <span style=\"flex: 1; height: 4px; border-radius: 3px; background: rgba(237,237,234,0.07);\"><span style=\"--w: 38%; display: block; height: 100%; width: 0; border-radius: 3px; background: rgba(237,237,234,0.42); animation: tmy-es-fill 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: .45s;\"><\/span><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div style=\"display: flex; flex-direction: column; gap: 8px; margin-top: auto;\">\r\n            <div style=\"display: flex; align-items: center; gap: 7px; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tmy-mut); animation: tmy-es-glow 6s ease infinite; animation-delay: 0s;\">\r\n              <svg viewBox=\"0 0 16 16\" width=\"10\" height=\"10\" style=\"color: var(--tmy-acc); flex: none; opacity: 0; animation: tmy-es-tick 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 0s;\"><path d=\"M3 8.5 L6.3 11.6 L13 4.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><\/svg>Clean code            <\/div>\r\n            <div style=\"display: flex; align-items: center; gap: 7px; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tmy-mut); animation: tmy-es-glow 6s ease infinite; animation-delay: 1.4s;\">\r\n              <svg viewBox=\"0 0 16 16\" width=\"10\" height=\"10\" style=\"color: var(--tmy-acc); flex: none; opacity: 0; animation: tmy-es-tick 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 1.4s;\"><path d=\"M3 8.5 L6.3 11.6 L13 4.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><\/svg>Browser compatibility            <\/div>\r\n            <div style=\"display: flex; align-items: center; gap: 7px; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tmy-mut); animation: tmy-es-glow 6s ease infinite; animation-delay: 2.8s;\">\r\n              <svg viewBox=\"0 0 16 16\" width=\"10\" height=\"10\" style=\"color: var(--tmy-acc); flex: none; opacity: 0; animation: tmy-es-tick 6s cubic-bezier(.16,1,.3,1) infinite; animation-delay: 2.8s;\"><path d=\"M3 8.5 L6.3 11.6 L13 4.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><\/svg>Technical support            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/figure>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t<\/section>\r\n<section class=\"tmy-cta\" id=\"contact\">\r\n\t<div class=\"tmy-cta__glow\" aria-hidden=\"true\"><\/div>\r\n\t<div class=\"tmy-cta__inner\" data-reveal>\r\n\t\t<h2 class=\"tmy-cta__title\">We are ready for your project<\/h2>\r\n\t\t\t\t\t<p class=\"tmy-lede tmy-cta__lede\">Web Development \u2014 Websites and web applications. Rethymno, Crete.<\/p>\r\n\t\t\t\t<a class=\"tmy-btn tmy-btn--accent\" href=\"mailto:info@toomanyyears.gr\" data-tmy-open=\"1\" data-subject=\"Custom Web Applications\" data-title=\"We are ready for your project\">Get in touch <span class=\"tmy-mono\" aria-hidden=\"true\">&rarr;<\/span><\/a>\t<\/div>\r\n<\/section>\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":12711,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-665","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/pages\/665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/comments?post=665"}],"version-history":[{"count":0,"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/pages\/665\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/media\/12711"}],"wp:attachment":[{"href":"https:\/\/toomanyyears.gr\/en\/wp-json\/wp\/v2\/media?parent=665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}