{"pageProps":{"locale":{"code":"en","domain":"frenchstack.com","lang":"en-US","json":{"TRANSLATE":"Translate into","EN":"English","FR":"French","NO_TRANSLATION_AVAILABLE":"No translation available","PROFILE_OF":"Profile of","FILTER_BY_TAG":"Filter by tag","REMOVE_FILTER":"Remove filter","RESULT":"Result","RESULTS":"Results","FORM_CONTACT_SUPPORT":"Support","FORM_CONTACT_SALES":"Sales","FORM_CONTACT_BUGS":"Report a bug","FORM_LOADING":"Loading","FORM_SEND":"Send","FORM_VERIFY":"Verify","FORM_NAME":"Name","FORM_TOPIC":"Subject","FORM_PHONE":"Phone","FORM_EMAIL":"Email","FORM_MESSAGE":"Message","FORM_DOMAIN_PLACEHOLDER":"example.com","FORM_DOMAIN_AVAILABLE":"Congrats, is available!","FORM_DOMAIN_TAKEN":"Sorry, is taken.","SUBSCRIBE":"Subscribe","SUCCESS_CONTACT":"Your message has been successfully sent! We'll be in touch soon.","SOMETING_WENT_WRONG":"Oops, something went wrong. Please try again later.","PERFORMANCE":"Performance","ACCESSIBILITY":"Accessibility","BEST_PRACTICES":"Best Practices","SEO":"SEO","MOBILE":"Mobile","TABLET":"Tablet","DESKTOP":"Desktop","VISITORS":"Visitors","ENGAGEMENT":"Engagement","CONVERSIONS":"Conversions","JAN":"Jan","FEB":"Feb","MAR":"Mar","APR":"Apr","MAY":"May","JUN":"Jun","JUL":"Jul","AUG":"Aug","SEP":"Sep","OCT":"Oct","NOV":"Nov","DEC":"Dec","METHOD_PHONE":"Phone","METHOD_EMAIL":"Email","FOOTER_TAGLINE":"We create unique digital experiences for brands and businesses.","LOOP_ACTOR_AGENT":"AI agent","LOOP_STEPS":"Steps","LOOP_REPEATED":"repeated","AND":"and"},"subdomains":{"blog":"blog","clients":"clients","videos":"videos","services":"services"},"ogSection":"Technology"},"slugs":["en","index"],"component":"home","articles":[{"id":"content/articles/en/fallow-codebase-intelligence-typescript.mdx","heroSection":{"heroTitle":"Fallow measures, AI builds","heroSubtitle":"The duo that makes the ultimate software architect","heroBadge":"","heroColoredWords":"1,3","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"On one side, a locked-down, measurable architecture. On the other, an agent that executes tirelessly."}]},{"type":"p","children":[{"type":"text","text":"Together, they split, name and organize every line of code."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/fallow-codebase-intelligence-typescript.png","heroVideoBackground":"","heroStyle":{"heroBg":"","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"fallow codebase intelligence typescript","imageWidth":1376,"imageHeight":768},"seoSection":{"metaTitle":"Fallow and AI agents: a hands-on take on code quality","metaDescription":"Hands-on feedback: Fallow, a TypeScript static analyzer written in Rust, acts as the source of truth for my AI agents and guides them to split functions and files into clear, well-named, well-organized units.","metaTags":"Fallow, TypeScript, AI agent, code quality, cognitive complexity, refactoring, Claude Code, Codex, static analysis, MCP, vibe coding","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2026-10-18T13:38:48.000Z","localeCode":"en","slug":"fallow-codebase-intelligence-typescript","url":"/en/blog/fallow-codebase-intelligence-typescript","ogId":"fallow-codebase-intelligence-typescript-blog-en","ogImagePath":"/og/fallow-codebase-intelligence-typescript-blog-en.png","type":"Article","title":"Fallow: code quality at the pace of AI agents","subtitle":"Hands-on feedback on a deterministic check for TypeScript","browserUrl":"","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Fallow measures the complexity, dead code and duplication of a TypeScript project. Plugged into my AI agents, it turns every commit into a chance to split functions and files into well-named, well-organized units."}]}]},"subdomainKey":"blog","subdomain":"blog","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"code","body":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"AI agents now write a large share of the code in my projects. They deliver fast and well, with a constant tendency to "},{"type":"text","text":"extend what already exists","bold":true},{"type":"text","text":" rather than create a new concept. Request after request, a 20-line function grows to 100, a 100-line file grows to 500, and names only describe part of what they contain."}]},{"type":"p","children":[{"type":"text","text":"Fallow","bold":true},{"type":"text","text":" corrects this drift with remarkable efficiency. Before each commit, my agent runs Fallow to measure the project's functions and files. Until the verdict is green, it keeps splitting. This procedure guarantees code made of small functions, organized in single-responsibility files, whose names say exactly what they do."}]},{"type":"mdxJsxFlowElement","name":"codeTidy","children":[{"type":"text","text":""}],"props":{"before":"One file that does everything","after":"One responsibility per file","caption":"Fallow measures, the agent splits and puts each responsibility in its place."}},{"type":"hr","children":[{"type":"text","text":""}]},{"type":"h2","children":[{"type":"text","text":"Fallow in a nutshell"}]},{"type":"p","children":[{"type":"a","url":"https://fallow.tools","title":"Fallow - Codebase intelligence","children":[{"type":"text","text":"Fallow"}]},{"type":"text","text":" is an "},{"type":"text","text":"open source","italic":true},{"type":"text","text":" static analyzer for "},{"type":"text","text":"TypeScript and JavaScript","bold":true},{"type":"text","text":", released under the MIT license as a single Rust binary. It builds a complete graph of the repository (modules, exports, dependencies, functions) and derives four families of analyses from it:"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Complexity","bold":true},{"type":"text","text":": Cyclomatic and cognitive complexity of every function, maintainability score of every file and a project health score out of 100."}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Dead code","bold":true},{"type":"text","text":": Detection of files, exports, types and dependencies that nothing uses anymore."}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Duplication","bold":true},{"type":"text","text":": Spotting blocks copied from one file to another, in TypeScript and JavaScript code as well as in stylesheets and UI components."}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Architecture","bold":true},{"type":"text","text":": Enforcement of import boundaries (UI, business logic, data) and detection of circular dependencies."}]}]}]},{"type":"p","children":[{"type":"text","text":"The analyzer embeds "},{"type":"text","text":"no language model","bold":true},{"type":"text","text":": the same input always produces the same result. It runs on its own, without the TypeScript compiler or a Node.js runtime. According to the benchmarks published by the project, it can analyze a repository as large as the Next.js monorepo ("},{"type":"text","text":"20,558 files","bold":true},{"type":"text","text":") in under "},{"type":"text","text":"3 seconds","bold":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"This determinism makes it the right partner for an AI agent: the agent proposes, Fallow measures."}]},{"type":"mdxJsxFlowElement","name":"sourceNote","children":[{"type":"text","text":""}],"props":{"content":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Sources: the project's "},{"type":"a","url":"https://github.com/fallow-rs/fallow/blob/main/BENCHMARKS.md","title":null,"children":[{"type":"text","text":"BENCHMARKS.md"}]},{"type":"text","text":" (June 2026 measurements) and "},{"type":"a","url":"https://fallow.tools","title":null,"children":[{"type":"text","text":"fallow.tools"}]},{"type":"text","text":", accessed in October 2026."}]}]}}},{"type":"hr","children":[{"type":"text","text":""}]},{"type":"h2","children":[{"type":"text","text":"A referee in the agent loop"}]},{"type":"p","children":[{"type":"text","text":"At the pace agents work, I no longer review every line one by one. Asking an agent to “write simple code” does not ensure that the constraint is met."}]},{"type":"p","children":[{"type":"text","text":"Fallow becomes the safeguard of every commit. The diagram below shows the loop the agent follows for each task:"}]},{"type":"mdxJsxFlowElement","name":"agentLoop","children":[{"type":"text","text":""}],"props":{"steps":[{"actor":"agent","title":"Development","detail":"Implementation of the request, with no particular constraint"},{"actor":"fallow","title":"Measurement","detail":"Flags overly complex functions, files to split, unused exports and duplicated blocks","inLoop":true},{"actor":"agent","title":"Splitting","detail":"Extraction of steps into named functions and of responsibilities into dedicated files","inLoop":true},{"actor":"git","title":"Commit","detail":"Accepted only on a “pass” verdict"}],"loopLabel":"until green","caption":"The lock blocks the commit as long as Fallow returns a “fail” verdict."}},{"type":"p","children":[{"type":"text","text":"Splitting happens at two scales:"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Function","bold":true},{"type":"text","text":": Default thresholds of "},{"type":"text","text":"20","bold":true},{"type":"text","text":" for cyclomatic complexity, "},{"type":"text","text":"15","bold":true},{"type":"text","text":" for cognitive complexity and "},{"type":"text","text":"60 lines","bold":true},{"type":"text","text":" per function, which I keep as they are."}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"File","bold":true},{"type":"text","text":": Maintainability score computed from size, complexity density, dead code and dependencies, along with prioritized recommendations such as “split a file that too many others depend on” or “extract the "},{"type":"text","text":"parseRow","code":true},{"type":"text","text":" function from a 520-line file”."}]}]}]},{"type":"p","children":[{"type":"text","text":"Fallow does not say how to fix things: it points out what is too long, too nested, too central or repeated, and leaves it to the agent to "},{"type":"text","text":"split and organize","bold":true},{"type":"text","text":"."}]},{"type":"mdxJsxFlowElement","name":"sourceNote","children":[{"type":"text","text":""}],"props":{"content":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Source: "},{"type":"a","url":"https://fallow.tools/docs/explanations/health/","title":null,"children":[{"type":"text","text":"Health explained"}]},{"type":"text","text":", Fallow documentation accessed in October 2026."}]}]}}},{"type":"hr","children":[{"type":"text","text":""}]},{"type":"h2","children":[{"type":"text","text":"Hands-on feedback"}]},{"type":"p","children":[{"type":"text","text":"I coded a small "},{"type":"text","text":"TypeScript","bold":true},{"type":"text","text":" bot that automatically books my fitness classes, whose spots fill up within minutes. Once it was stable, I handed the project to an AI agent to integrate it into "},{"type":"text","text":"Home Assistant","bold":true},{"type":"text","text":", with a graphical interface, controllable bookings and phone notifications."}]},{"type":"p","children":[{"type":"img","url":"/images/fallow-rpm-lesmills-bot.png","alt":"Fitness class booking bot interface in Home Assistant","caption":"1448x836","children":[{"type":"text","text":""}]}]},{"type":"p","children":[{"type":"text","text":"The agent quickly delivered a working project, but every change had been grafted onto the existing code. A single function handled the API login, fetching the schedule, picking the time slot and then booking, and the whole interface lived in a single file."}]},{"type":"p","children":[{"type":"text","text":"Once Fallow was plugged in, the agent isolated each "},{"type":"text","text":"business step","bold":true},{"type":"text","text":" in a dedicated function, with a name that says what it does. It then applied "},{"type":"text","text":"the same responsibility-based split","bold":true},{"type":"text","text":" at the file level."}]},{"type":"p","children":[{"type":"text","text":"The result shows across three parts of the project:"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Booking","bold":true},{"type":"text","text":": The main function goes from "},{"type":"text","text":"88 to 28 lines","bold":true},{"type":"text","text":" and delegates login, schedule, slot selection and booking to "},{"type":"text","text":"4 functions","bold":true},{"type":"text","text":" named after their step."}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Interface","bold":true},{"type":"text","text":": The "},{"type":"text","text":"App.tsx","code":true},{"type":"text","text":" file goes from "},{"type":"text","text":"501 to 116 lines","bold":true},{"type":"text","text":", spread across "},{"type":"text","text":"7 reusable components","bold":true},{"type":"text","text":", a shared types file and a dedicated "},{"type":"text","text":"hook","italic":true},{"type":"text","text":"."}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Notifications","bold":true},{"type":"text","text":": Notification sending, written "},{"type":"text","text":"3 times","bold":true},{"type":"text","text":", now lives in a single place under the name "},{"type":"text","text":"notifyBookingSuccess","code":true},{"type":"text","text":"."}]}]}]},{"type":"hr","children":[{"type":"text","text":""}]},{"type":"h2","children":[{"type":"text","text":"A source of truth to keep the agent on track"}]},{"type":"p","children":[{"type":"text","text":"An AI agent works on a project the way a developer would. It looks for the right file, reads what surrounds it and changes what it understands. A project generated prompt after prompt, never refactored, picks up the traits of "},{"type":"text","text":"spaghetti","italic":true},{"type":"text","text":" code from the very first requests: files with mixed responsibilities, approximate names, duplicated logic. In that context, finding the right file forces the agent to read more, and changing what it understands is no longer enough, because side effects multiply."}]},{"type":"p","children":[{"type":"text","text":"Fallow reverses this slope without requiring software architecture expertise. Splitting, naming and organizing rules are measured and the verdict is binding on the agent, without having to spell them out in every prompt or check them during review. The benefit shows on three levels:"}]},{"type":"mdxJsxFlowElement","name":"benefitCards","children":[{"type":"text","text":""}],"props":{"items":[{"icon":"shield","tone":"success","title":"Fewer regressions","text":"Short functions and single-responsibility files, where every change stays confined to the part concerned."},{"icon":"coins","tone":"warning","title":"Fewer tokens","text":"Navigation guided by explicit names, without rereading entire files to find the right line."},{"icon":"target","tone":"primary","title":"More control","text":"An objective, reproducible criterion to validate the agent's work, where a natural-language instruction remains unverifiable."}]}},{"type":"p","children":[{"type":"text","text":"Hand Fallow to your agent. On every commit, it splits, names and organizes the code without you having to dictate each rule. You keep a readable project that costs less to evolve, and every new request starts from a healthy base. Quality is no longer decreed, it is verified."}]},{"type":"mdxJsxFlowElement","name":"buttons","children":[{"type":"text","text":""}],"props":{"buttons":[{"icon":"gitHub","label":"Fallow on GitHub","link":"https://github.com/fallow-rs/fallow","style":"primary"},{"icon":"codeFile","label":"Documentation","link":"https://fallow.tools/docs","style":"light"}]}}]},"dateCreate":"2026-10-18T09:00:00.000Z","dateUpdate":"2026-10-18T09:00:00.000Z","author":{"id":"content/authors/en/nicolas-roehm-bettcher.mdx","heroSection":{"heroTitle":"Nicolas Roehm","heroSubtitle":"Software Engineer","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Founder of French Stack, I create complete IT solutions."}]},{"type":"p","children":[{"type":"text","text":"Full-stack developer, I mainly work on frontend projects using Angular, React, or Vue."}]},{"type":"p","children":[{"type":"text","text":"Passionate about design, here are some of my "},{"type":"a","url":"https://www.artstation.com/nicolas-roehm","title":"ArtStation - Nicolas Roehm","children":[{"type":"text","text":"graphic designs"}]},{"type":"text","text":"."}]},{"type":"mdxJsxFlowElement","name":"socialLinks","children":[{"type":"text","text":""}],"props":{"links":[{"icon":"gitHub","link":"https://github.com/NicolasRoehm"},{"icon":"stackOverflow","link":"https://stackoverflow.com/users/7462178/nicolas-roehm?tab=profile"},{"icon":"linkedIn","link":"https://en.linkedin.com/in/nicolas-roehm-bettcher"}]}}]},"heroSubtitleIsInline":true,"heroHasBackground":false,"heroImage":"/images/nicolas-roehm-bettcher.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(312deg, #0800ff 0%, #4300ff00 70%)","heroMaxWidth":"","heroMs":"25%","heroTitleMb":"0.5rem","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"#fff0","navbarBorderColor":"","navbarLinkActive":"#6785be","navbarLinkHover":"#6785be"},"imageAlt":"nicolas roehm bettcher","imageWidth":0,"imageHeight":0},"seoSection":{"metaTitle":"Nicolas Roehm, Software Engineer","metaDescription":"Passionate about computing, I design complete websites: design, development, SEO, e-reputation, e-mailing, hosting.","metaTags":"Nicolas Roehm, Software Engineer, web, mobile, website","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-09T00:39:02.584Z","localeCode":"en","slug":"nicolas-roehm-bettcher","url":"/en/nicolas-roehm-bettcher","ogId":"nicolas-roehm-bettcher-en","ogImagePath":"/og/nicolas-roehm-bettcher-en.png","type":"Author","title":"Nicolas Roehm-Bettcher","avatar":"/images/nicolas-roehm-avatar.png","lname":"Roehm","fname":"Nicolas","name":"Nicolas Roehm","translations":[{"localeCode":"fr","title":"Nicolas Roehm-Bettcher","slug":"nicolas-roehm-bettcher","url":"/fr/nicolas-roehm-bettcher"}]},"translations":[{"localeCode":"fr","title":"Fallow : la qualité de code au rythme des agents IA","slug":"fallow-codebase-intelligence-typescript","url":"/fr/blog/fallow-codebase-intelligence-typescript"}],"tags":[{"id":"content/tags/en/typescript.mdx","localeCode":"en","title":"TypeScript","slug":"typescript","url":"/en/blog/typescript"}]},{"id":"content/articles/en/stratolog.mdx","heroSection":{"heroTitle":"Stratolog","heroSubtitle":"","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"The logistics partner that simplifies shipments, optimizes costs and unleashes clients' potential."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/stratolog-ews-logistics.png","heroVideoBackground":"","heroStyle":{"heroBg":"","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"stratolog ews logistics","imageWidth":1920,"imageHeight":1021},"seoSection":{"metaTitle":"Stratolog - Logistics Solution & Digital Presence","metaDescription":"Expert in personalized logistics solutions. Complete visual identity creation and modern website to showcase expertise in transport, storage and logistics consulting.","metaTags":"Stratolog, logistics, transport, storage, web design, logo creation, visual identity, custom solutions, France, international","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2025-08-30T10:00:00.000Z","localeCode":"en","slug":"stratolog","url":"/en/clients/stratolog","ogId":"stratolog-clients-en","ogImagePath":"/og/stratolog-clients-en.png","type":"Article","title":"Stratolog","subtitle":"Expert in logistics solutions","browserUrl":"stratolog.fr","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"A strong visual identity to transform expertise into growth"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Develop a complete brand identity with logo, showcase website and cohesive marketing materials"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Design an adapted content strategy to showcase expertise and generate visibility"}]}]}]}]},"subdomainKey":"clients","subdomain":"clients","draft":false,"logo":"/images/logo-stratolog.svg","logoAlt":"logo stratolog","logoWidth":675,"logoHeight":72,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"h2","children":[{"type":"text","text":"A strategic visual identity"}]},{"type":"p","children":[{"type":"text","text":"Stratolog transforms logistics challenges into custom solutions. Thanks to its expertise in transport, storage and logistics consulting, the company supports its clients in optimizing their operations. To showcase this know-how and expand its clientele, Stratolog chose to develop a professional and cohesive digital presence."}]},{"type":"p","children":[{"type":"text","text":"We developed a complete project expressed through a logo, graphic charter, clear content and a professional showcase website. Printed materials — business cards and flyers — extend this identity. The objective is to offer the brand strong and credible visibility, matching its expertise."}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/logo-stratolog.svg","caption":"675x72","children":[{"type":"text","text":""}],"alt":"Logo Stratolog"}]},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Creation of a complete visual identity"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Development of a modern website"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Content structuring and writing"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Design of unique animations and illustrations"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"SEO and performance optimization"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Integration of a professional form"}]}]}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/stratolog-ready.png","caption":"1158x617","children":[{"type":"text","text":""}],"alt":"Stratolog Ready"}]},{"type":"h3","children":[{"type":"text","text":"Project"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Website: "},{"type":"a","url":"https://www.stratolog.fr/","title":null,"children":[{"type":"text","text":"stratolog.fr"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Year: 2025"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services: Visual identity, Web development, Content writing, Web animations"}]}]}]}]},"dateCreate":"2025-08-30T10:00:00.000Z","dateUpdate":"2025-08-30T10:00:00.000Z","translations":[{"localeCode":"fr","title":"Stratolog","slug":"stratolog","url":"/fr/references/stratolog"}],"tags":[]},{"id":"content/articles/en/save-epsl.mdx","heroSection":{"heroTitle":"EPSL Safeguarding Committee","heroSubtitle":"","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"United to heal, United to protect."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/etablissement-public-sante-lomagne.png","heroVideoBackground":"","heroStyle":{"heroBg":"","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"etablissement public sante lomagne","imageWidth":1920,"imageHeight":1080},"seoSection":{"metaTitle":"EPSL Safeguarding Committee - Defending Our Public Hospital","metaDescription":"Protecting our hospital means protecting our patients, our elders, our caregivers, and our community. Discover our commitment to safeguarding the Lomagne Public Health Facility.","metaTags":"EPSL, public hospital, health safeguarding, citizen committee, Lomagne health, hospital defense, public health mobilization","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2025-04-28T13:00:00.000Z","localeCode":"en","slug":"save-epsl","url":"/en/clients/save-epsl","ogId":"save-epsl-clients-en","ogImagePath":"/og/save-epsl-clients-en.png","type":"Article","title":"Safeguarding the EPSL","subtitle":"Mobilization for Public Health","browserUrl":"sauver-epsl.fr","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"A committee to save the Lomagne Public Health Facility."}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Defend the future of the EPSL, its patients, its staff, and its role as a public service"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Launch concrete, united, and responsible actions to preserve access to healthcare"}]}]}]}]},"subdomainKey":"clients","subdomain":"clients","draft":false,"logo":"/images/epsl-social.png","logoAlt":"epsl social","logoWidth":0,"logoHeight":0,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"h2","children":[{"type":"text","text":"A Website Committed to Defending Health"}]},{"type":"p","children":[{"type":"text","text":"The EPSL Safeguarding Committee is an association born from the urgent need to protect the hospital and the nursing home of Fleurance. Faced with threats to the future of the facility, patients, healthcare professionals, employees, elected officials, and citizens are joining forces to defend access to healthcare for all."}]},{"type":"p","children":[{"type":"text","text":"The creation of the website provides the Committee with a strong digital identity, enables wider public mobilization, facilitates memberships and financial support, and translates its objectives through a clear, accessible, and engaging platform."}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/epsl-white-logo.svg","caption":"547x81","children":[{"type":"text","text":""}],"alt":"Epsl White Logo"}]},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Creation of a modern and unifying design"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Development of an administrable website"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Structuring of clear and impactful content"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Optimization of accessibility and performance"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Implementation of online membership and support tools"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"GDPR-compliant web traffic analysis"}]}]}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/sauver-epsl-engagements.png","caption":"1580x889","children":[{"type":"text","text":""}],"alt":"Sauver Epsl Engagements"}]},{"type":"h3","children":[{"type":"text","text":"Project"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Website: "},{"type":"a","url":"https://www.sauver-epsl.fr/","title":null,"children":[{"type":"text","text":"sauver-epsl.fr"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Year: 2025"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services: Web development, Web design, SEO, Editorial strategy, Nonprofit communication"}]}]}]}]},"dateCreate":"2025-04-28T13:00:00.000Z","dateUpdate":"2025-04-28T13:00:00.000Z","translations":[{"localeCode":"fr","title":"Sauvegarde de l'EPSL","slug":"sauver-epsl","url":"/fr/references/sauver-epsl"}],"tags":[]},{"id":"content/articles/en/nouilles-oi.mdx","heroSection":{"heroTitle":"Oi Noodles","heroSubtitle":"","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Mobile Asian cuisine"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/nouilles-oi-food-truck.png","heroVideoBackground":"","heroStyle":{"heroBg":"","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"nouilles oi food truck","imageWidth":2109,"imageHeight":1186},"seoSection":{"metaTitle":"Oi Noodles - Authentic Asian Cuisine & Innovative Digital Experience","metaDescription":"Alsatian food truck offering creative Asian cuisine. Modern website highlighting authentic flavors and a unique culinary experience.","metaTags":"Oi Noodles, food truck, Asian cuisine, digital marketing, web design, mobile gastronomy, culinary events, Alsace","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-11-30T13:09:14.260Z","localeCode":"en","slug":"nouilles-oi","url":"/en/clients/nouilles-oi","ogId":"nouilles-oi-clients-en","ogImagePath":"/og/nouilles-oi-clients-en.png","type":"Article","title":"Oi Noodles","subtitle":"Specialist in Asian cuisine","browserUrl":"nouilles-oi.fr","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"A modern web design to highlight creative Asian cuisine"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Creation of an engaging online platform to increase orders and reflect the quality of the dishes"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Sleek design, contact form, showcasing signature dishes"}]}]}]}]},"subdomainKey":"clients","subdomain":"clients","draft":false,"logo":"/images/nouilles-oi-logo.svg","logoAlt":"nouilles oi logo","logoWidth":500,"logoHeight":128,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"h2","children":[{"type":"text","text":"A modern design to highlight creative cuisine"}]},{"type":"p","children":[{"type":"text","text":"Oi Noodles embodies a contemporary vision of Asian cuisine, pushing the boundaries between culinary tradition and modern experience. More than just a food truck, it's a gastronomic concept that brings the authenticity of Asian flavors to the heart of Alsace."}]},{"type":"p","children":[{"type":"text","text":"Creating the website became an essential communication strategy. The goal: to develop the brand's digital identity to increase professional opportunities, from corporate events to special occasions."}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/nouilles-oi-logo.svg","caption":"500x128","children":[{"type":"text","text":""}],"alt":"Nouilles Oi Logo"}]},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Creation of a modern design"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Development of an editable website"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Writing strategic editorial and visual content"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Performance optimization"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"GDPR-compliant web traffic analysis"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Contact form"}]}]}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/nouilles-oi-a-propos.png","caption":"1580x889","children":[{"type":"text","text":""}],"alt":"Nouilles Oi A Propos"}]},{"type":"h3","children":[{"type":"text","text":"Project"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Website: "},{"type":"a","url":"https://www.nouilles-oi.fr/","title":null,"children":[{"type":"text","text":"nouilles-oi.fr"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Year: 2024"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services: Web development, Web design, SEO, Photography, and Editing"}]}]}]}]},"dateCreate":"2024-12-15T13:10:00.000Z","dateUpdate":"2024-12-15T13:10:00.000Z","translations":[{"localeCode":"fr","title":"Nouilles Oi","slug":"nouilles-oi","url":"/fr/references/nouilles-oi"}],"tags":[]},{"id":"content/articles/en/angular-form-validation-compare-multiple-fields.mdx","heroSection":{"heroTitle":"Comparing Multiple Fields","heroSubtitle":"","heroBadge":"Angular Form Validation","heroColoredWords":"1","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"How to validate two form fields by comparing them?"}]},{"type":"p","children":[{"type":"text","text":"Let's verify multiple fields with a high-level validator!"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/angular-form-validation.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(180deg, transparent 0%, #0e256ddb 17%, #ff4444db 120%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"angular form validation","imageWidth":1344,"imageHeight":768},"seoSection":{"metaTitle":"Angular Form Validation: Comparing Multiple Fields","metaDescription":"How to validate two form fields by comparing them? Let's verify multiple fields with a high-level validator!","metaTags":"form, angular, validation, angular-validation","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-07T00:09:54.046Z","localeCode":"en","slug":"angular-form-validation-compare-multiple-fields","url":"/en/blog/angular-form-validation-compare-multiple-fields","ogId":"angular-form-validation-compare-multiple-fields-blog-en","ogImagePath":"/og/angular-form-validation-compare-multiple-fields-blog-en.png","type":"Article","title":"Comparing Multiple Fields with Angular","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"blog","subdomain":"blog","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"body":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Suppose our form has date fields "},{"type":"text","text":"startDate","code":true},{"type":"text","text":" and "},{"type":"text","text":"endDate","code":true},{"type":"text","text":", and we want to ensure that "},{"type":"text","text":"startDate","code":true},{"type":"text","text":" must be before "},{"type":"text","text":"endDate","code":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"To implement validations containing one or more sibling controls, we need to define the validation function at a higher level than the sibling controls."}]},{"type":"mdxJsxFlowElement","name":"codeHeader","children":[{"type":"text","text":""}],"props":{"filePath":"app / src / pages / form-example / form-example.component.ts","fileName":"form-example.component.ts","svgFile":"typescript"}},{"type":"code_block","lang":"typescript","value":"ngOnInit() : void\n{\n this.formGroup = this.formBuilder.group(\n {\n startDate : new FormControl({\n value : null,\n disabled : false\n }, [ Validators.required ]),\n endDate : new FormControl({\n value : null,\n disabled : false\n }, [ Validators.required ]),\n },\n // NOTE High-level validator\n { validator : DateValidator.dateRangeValidator });\n}","children":[{"type":"text","text":""}]},{"type":"p","children":[{"type":"text","text":"Then, we define a custom validator in a separate file, for example "},{"type":"text","text":"date.validator.ts","code":true},{"type":"text","text":"."}]},{"type":"mdxJsxFlowElement","name":"codeHeader","children":[{"type":"text","text":""}],"props":{"fileName":"date.validator.ts","filePath":"app / src / shared / validators / date.validator.ts","svgFile":"typescript"}},{"type":"code_block","lang":"typescript","value":"// Angular modules\nimport { Injectable } from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\nimport { ValidationErrors } from '@angular/forms';\n\n@Injectable({\n providedIn : 'root'\n})\nexport class DateValidator\n{\n constructor() {}\n\n public static dateRangeValidator(control : AbstractControl) : ValidationErrors | null\n {\n // NOTE Safety check\n if (!control.get('startDate').value || !control.get('endDate').value)\n return null;\n\n // NOTE Field comparison\n // const mStart = moment(control.get('startDate').value);\n // const mEnd = moment(control.get('endDate').value);\n // const isValid = mStart.isBefore(mEnd);\n\n // NOTE Invalid\n if (!isValid)\n return { invalidDateRange : true };\n\n // NOTE Valid\n return null;\n }\n}","children":[{"type":"text","text":""}]},{"type":"p","children":[{"type":"text","text":"If invalid, return an error object (with any arbitrary name), such as "},{"type":"text","text":"return { invalidEndDate: true }","code":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"Make sure it always returns "},{"type":"text","text":"null","code":true},{"type":"text","text":" for valid or irrelevant cases, and a non-null object in cases where an error should be triggered on the "},{"type":"text","text":"formGroup","code":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"To display the error in our view, we use the "},{"type":"text","text":"invalidDateRange","code":true},{"type":"text","text":" key returned by our validator."}]},{"type":"mdxJsxFlowElement","name":"codeHeader","children":[{"type":"text","text":""}],"props":{"fileName":"form-example.component.html","filePath":"app / src / pages / form-example / form-example.component.html","svgFile":"html"}},{"type":"code_block","lang":"html","value":"\n The start date is not before the end date\n
","children":[{"type":"text","text":""}]}]},"dateCreate":"2021-03-17T10:46:42.000Z","dateUpdate":"2021-09-15T10:57:26.000Z","author":{"id":"content/authors/en/nicolas-roehm-bettcher.mdx","heroSection":{"heroTitle":"Nicolas Roehm","heroSubtitle":"Software Engineer","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Founder of French Stack, I create complete IT solutions."}]},{"type":"p","children":[{"type":"text","text":"Full-stack developer, I mainly work on frontend projects using Angular, React, or Vue."}]},{"type":"p","children":[{"type":"text","text":"Passionate about design, here are some of my "},{"type":"a","url":"https://www.artstation.com/nicolas-roehm","title":"ArtStation - Nicolas Roehm","children":[{"type":"text","text":"graphic designs"}]},{"type":"text","text":"."}]},{"type":"mdxJsxFlowElement","name":"socialLinks","children":[{"type":"text","text":""}],"props":{"links":[{"icon":"gitHub","link":"https://github.com/NicolasRoehm"},{"icon":"stackOverflow","link":"https://stackoverflow.com/users/7462178/nicolas-roehm?tab=profile"},{"icon":"linkedIn","link":"https://en.linkedin.com/in/nicolas-roehm-bettcher"}]}}]},"heroSubtitleIsInline":true,"heroHasBackground":false,"heroImage":"/images/nicolas-roehm-bettcher.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(312deg, #0800ff 0%, #4300ff00 70%)","heroMaxWidth":"","heroMs":"25%","heroTitleMb":"0.5rem","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"#fff0","navbarBorderColor":"","navbarLinkActive":"#6785be","navbarLinkHover":"#6785be"},"imageAlt":"nicolas roehm bettcher","imageWidth":0,"imageHeight":0},"seoSection":{"metaTitle":"Nicolas Roehm, Software Engineer","metaDescription":"Passionate about computing, I design complete websites: design, development, SEO, e-reputation, e-mailing, hosting.","metaTags":"Nicolas Roehm, Software Engineer, web, mobile, website","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-09T00:39:02.584Z","localeCode":"en","slug":"nicolas-roehm-bettcher","url":"/en/nicolas-roehm-bettcher","ogId":"nicolas-roehm-bettcher-en","ogImagePath":"/og/nicolas-roehm-bettcher-en.png","type":"Author","title":"Nicolas Roehm-Bettcher","avatar":"/images/nicolas-roehm-avatar.png","lname":"Roehm","fname":"Nicolas","name":"Nicolas Roehm","translations":[{"localeCode":"fr","title":"Nicolas Roehm-Bettcher","slug":"nicolas-roehm-bettcher","url":"/fr/nicolas-roehm-bettcher"}]},"translations":[{"localeCode":"fr","title":"Comparer plusieurs champs avec Angular","slug":"angular-validation-formulaire-comparer-plusieurs-champs","url":"/fr/blog/angular-validation-formulaire-comparer-plusieurs-champs"}],"tags":[{"id":"content/tags/en/angular.mdx","localeCode":"en","title":"Angular","slug":"angular","url":"/en/blog/angular"}]},{"id":"content/articles/en/croisieurope.mdx","heroSection":{"heroTitle":"CroisiEurope","heroSubtitle":"","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroShape":"europe","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"The ultimate navigation experience"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/croisieurope-renoir.png","heroVideoBackground":"","heroStyle":{"heroBg":"","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"croisieurope renoir","imageWidth":1920,"imageHeight":1080},"seoSection":{"metaTitle":"CroisiEurope - Digital Strategy & Innovative Travel Experience","metaDescription":"Custom digital solution for CroisiEurope, European cruise line leader. Web portal revolutionizing B2B and B2C booking experience with an innovative technological approach.","metaTags":"CroisiEurope, digital transformation, web development, European cruises, professional portal, customer experience, digital strategy, responsive design","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-11-30T14:54:45.432Z","localeCode":"en","slug":"croisieurope","url":"/en/clients/croisieurope","ogId":"croisieurope-clients-en","ogImagePath":"/og/croisieurope-clients-en.png","type":"Article","title":"CroisiEurope","subtitle":"No. 1 in River Cruises in Europe","browserUrl":"croisieurope.com","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Simplify travel through a fluid interface"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Modernize the website to offer an intuitive user experience and optimize online sales"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"UX/UI redesign, implementation of a simplified booking process, high-performance mobile adaptation"}]}]}]}]},"subdomainKey":"clients","subdomain":"clients","draft":false,"logo":"/images/croisieurope-logo.svg","logoAlt":"croisieurope logo","logoWidth":500,"logoHeight":213,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"h2","children":[{"type":"text","text":"Simplify travel through a fluid interface"}]},{"type":"p","children":[{"type":"text","text":"CroisiEurope, an Alsatian maritime tourism flagship, embodies travel excellence for over 40 years. A pioneer in river and coastal cruises, the company has built its reputation on a bold vision: offering unique travel experiences in Europe and internationally."}]},{"type":"p","children":[{"type":"text","text":"The digital transformation of the web portal represents a major strategic step, designed to meet the requirements of B2B and B2C customers, and modernize the entire booking and communication processes."}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/croisieurope-logo.svg","caption":"500x213","children":[{"type":"text","text":""}],"alt":"Croisieurope Logo"}]},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Front-end Development"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Back-end Development"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Dynamic mockup integration"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Natural referencing"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Project Management"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Writing of strategic and technical documentation"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Interface translation"}]}]}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/croisieurope-destinations.png","caption":"1600x900","children":[{"type":"text","text":""}],"alt":"Croisieurope Destinations"}]},{"type":"h3","children":[{"type":"text","text":"Project"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Website: "},{"type":"a","url":"https://croisieurope.com/","title":"CroisiEurope","children":[{"type":"text","text":"croisieurope.com"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Year: 2017"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services: Web Development, Integration, SEO, Translation"}]}]}]}]},"dateCreate":"2017-11-01T05:30:00.000Z","dateUpdate":"2021-05-28T04:49:10.000Z","translations":[{"localeCode":"fr","title":"CroisiEurope","slug":"croisieurope","url":"/fr/references/croisieurope"}],"tags":[]},{"id":"content/articles/en/atheo-engineering.mdx","heroSection":{"heroTitle":"Athéo Engineering","heroSubtitle":"","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"ARCHITECTS OF YOUR DATA"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/atheo-site-web.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(231deg, #af2541 -37%, #173371f0 50%, #af2541e6 100%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"atheo site web","imageWidth":2103,"imageHeight":1181},"seoSection":{"metaTitle":"","metaDescription":"Athéo Engineering is a company specializing in supervised infrastructures whose objective is to ensure the security, integrity, and consistency of computer data","metaTags":"Athéo Engineering, cloud, hosting, infrastructure","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T15:07:25.692Z","localeCode":"en","slug":"atheo-engineering","url":"/en/clients/atheo-engineering","ogId":"atheo-engineering-clients-en","ogImagePath":"/og/atheo-engineering-clients-en.png","type":"Article","title":"Athéo Engineering","subtitle":"Specialist in Supervised Infrastructures","browserUrl":"atheo.net","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"A high-performance website serving data security"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Modernize the site to offer a smooth and fast experience on all devices"}]}]}]}]},"subdomainKey":"clients","subdomain":"clients","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"h2","children":[{"type":"text","text":"A high-performance website serving data security"}]},{"type":"p","children":[{"type":"text","text":"Athéo Engineering is a company specializing in supervised infrastructures whose objective is to ensure the security, integrity, and consistency of computer data."}]}]}}},{"type":"h3","children":[{"type":"img","url":"/images/atheo-logo.png","caption":"283x97","children":[{"type":"text","text":""}],"alt":"Atheo Logo"}]},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Modernization of site pages for an optimized experience on all devices"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Page loading optimization"}]}]}]},{"type":"p","children":[{"type":"img","url":"/images/atheo-metiers.svg","caption":"1280x800","children":[{"type":"text","text":""}],"alt":"Atheo Metiers"}]},{"type":"h3","children":[{"type":"text","text":"Project"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Website: "},{"type":"a","url":"https://www.atheo.net/","title":null,"children":[{"type":"text","text":"atheo.net"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Year: 2016"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services: Wordpress, Bootstrap, Optimization, Layout"}]}]}]}]},"dateCreate":"2017-10-29T05:00:00.000Z","dateUpdate":"2021-05-28T04:50:04.000Z","translations":[{"localeCode":"fr","title":"Athéo Ingénierie","slug":"atheo-ingenierie","url":"/fr/references/atheo-ingenierie"}],"tags":[]},{"id":"content/articles/en/its-future.mdx","heroSection":{"heroTitle":"ITS future","heroSubtitle":"","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"< Creative Coding People />"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/its-future-site-web.png","heroVideoBackground":"","heroStyle":{"heroBg":"","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"its future site web","imageWidth":2086,"imageHeight":1181},"seoSection":{"metaTitle":"ITS future","metaDescription":"ITS future is a company specializing in the development of specific software applications, usable on all modern platforms.","metaTags":"ITS future, French Stack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T15:14:04.520Z","localeCode":"en","slug":"its-future","url":"/en/clients/its-future","ogId":"its-future-clients-en","ogImagePath":"/og/its-future-clients-en.png","type":"Article","title":"ITS future","subtitle":"Creator of innovative digital solutions","browserUrl":"its-future.com","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Optimized digital tools for all modern platforms"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Develop strategic pages and improve website performance"}]}]}]}]},"subdomainKey":"clients","subdomain":"clients","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"h2","children":[{"type":"text","text":"Optimized digital tools for modern platforms"}]},{"type":"p","children":[{"type":"text","text":"Based in Strasbourg, ITS Future is a digital service company with the goal of developing innovative solutions (mobile, web, IoT) usable on all modern platforms."}]}]}}},{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"p","children":[{"type":"img","url":"/images/its-future-logo.png","caption":"500x166","children":[{"type":"text","text":""}],"alt":"Its Future Logo"}]}]}}},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Development of strategic pages"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Updating website content"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Page loading optimization"}]}]}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/its-future-locaux.png","caption":"1388x850","children":[{"type":"text","text":""}],"alt":"Its Future Locaux"}]},{"type":"h3","children":[{"type":"text","text":"Project"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Website: "},{"type":"a","url":"https://its-future.com/","title":"ITS future","children":[{"type":"text","text":"its-future.com"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Year: 2016"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services: Wordpress, Optimization, Layout, SEO, Video"}]}]}]}]},"dateCreate":"2017-10-29T04:00:00.000Z","dateUpdate":"2021-05-13T12:17:19.000Z","translations":[{"localeCode":"fr","title":"ITS future","slug":"its-future","url":"/fr/references/its-future"}],"tags":[]},{"id":"content/articles/en/passion-auto-prestige.mdx","heroSection":{"heroTitle":"Passion Auto Prestige","heroSubtitle":"","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Sale of luxury and sports used vehicles"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/passion-auto-prestige.png","heroVideoBackground":"","heroStyle":{"heroBg":"radial-gradient(100% 71% at 50% 110%, #d80538 21%, #000000d9 75%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"rgba(0,0,0,0.15)","navbarBorderColor":"","navbarLinkActive":"#d80538","navbarLinkHover":"#d80538"},"imageAlt":"passion auto prestige","imageWidth":2086,"imageHeight":1181},"seoSection":{"metaTitle":"","metaDescription":"Passion Auto Prestige is a company specializing in luxury and sports used vehicles in Vendenheim, Alsace.","metaTags":"Passion Auto Prestige, French Stack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-11-30T13:34:18.922Z","localeCode":"en","slug":"passion-auto-prestige","url":"/en/clients/passion-auto-prestige","ogId":"passion-auto-prestige-clients-en","ogImagePath":"/og/passion-auto-prestige-clients-en.png","type":"Article","title":"Passion Auto Prestige","subtitle":"Sale of luxury and sports used vehicles","browserUrl":"passionautoprestige.fr","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"An elegant showcase for exceptional cars"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Designing a catalog with a refined design and intuitive navigation"}]}]}]}]},"subdomainKey":"clients","subdomain":"clients","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"h2","children":[{"type":"text","text":"An elegant showcase for exceptional cars"}]},{"type":"p","children":[{"type":"text","text":"Passion Auto Prestige is a company specializing in luxury and sports used vehicles in Vendenheim, Alsace."}]}]}}},{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"p","children":[{"type":"img","url":"/images/passion-auto-prestige-logo.png","caption":"197x67","children":[{"type":"text","text":""}],"alt":"Passion Auto Prestige Logo"}]}]}}},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Creation of a showcase website"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Development of a visual identity with a unique web design for Passion Auto Prestige"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Creation of a catalog of used car models sorted by brands: Porsche, Ferrari, Maserati, Lamborghini, Aston Martin, Bentley, Jaguar, Audi, ..."}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Production of illustrative videos for the homepage and showroom presentation"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Writing site presentations and keywords"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Creation of attractive visuals for brands and products"}]}]}]},{"type":"p","children":[{"type":"img","url":"/images/passion-auto-prestige-showroom.png","caption":"1158x617","children":[{"type":"text","text":""}],"alt":"Passion Auto Prestige Showroom"}]},{"type":"h3","children":[{"type":"text","text":"Project"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Website: "},{"type":"a","url":"http://www.passionautoprestige.fr/","title":null,"children":[{"type":"text","text":"passionautoprestige.fr"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Year: 2015"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services: Web development, Graphic design, Illustration, Logo and visual identity, Layout, SEO, Video, Web design"}]}]}]}]},"dateCreate":"2016-06-23T12:00:00.000Z","dateUpdate":"2021-05-28T04:48:26.000Z","translations":[{"localeCode":"fr","title":"Passion Auto Prestige","slug":"passion-auto-prestige","url":"/fr/references/passion-auto-prestige"}],"tags":[]},{"id":"content/articles/en/applipro.mdx","heroSection":{"heroTitle":"APPLIPRO","heroSubtitle":"","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Digitalize the welcome and integration of employees"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/applipro.png","heroVideoBackground":"","heroStyle":{"heroBg":"","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"applipro","imageWidth":2108,"imageHeight":1185},"seoSection":{"metaTitle":"Applipro - Innovative Mobile CMS for Collaborative Engagement","metaDescription":"Digital mobile CMS solution for businesses. Development of an innovative digital welcome booklet facilitating internal communication and employee integration.","metaTags":"Applipro, mobile CMS, digital transformation, collaborative application, employee engagement, digital booklet, Expert Flow Control Management","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T15:28:31.364Z","localeCode":"en","slug":"applipro","url":"/en/clients/applipro","ogId":"applipro-clients-en","ogImagePath":"/og/applipro-clients-en.png","type":"Article","title":"Applipro","subtitle":"The scalable mobile CMS for businesses","browserUrl":"applipro.fr","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"A comprehensive solution to create internal mobile applications"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Develop a flexible and scalable CMS"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Complete integration of Ingénico API for payment processing"}]}]}]}]},"subdomainKey":"clients","subdomain":"clients","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"h2","children":[{"type":"text","text":"A comprehensive solution to create internal applications"}]},{"type":"p","children":[{"type":"text","text":"Developed by Expert Flow Control Management (EFCM), Applipro represents a cutting-edge technological solution in internal digital communication. This mobile CMS offers businesses a strategic tool for managing and disseminating information."}]},{"type":"p","children":[{"type":"text","text":"The platform revolutionizes employee integration by offering a dynamic, centralized digital welcome booklet that can be instantly updated. It addresses modern communication and engagement challenges within organizations."}]}]}}},{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"p","children":[{"type":"img","url":"/images/applipro-logo.svg","caption":"500x138","children":[{"type":"text","text":""}],"alt":"Applipro Logo"}]}]}}},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"p","children":[{"type":"text","text":"The mission consisted of managing the project while ensuring technical development."}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Project management"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Market research"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Technical specification writing"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Testing and acceptance"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Digital communication strategy"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Technology watch"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"CMS development"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"UML business process modeling"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Database modeling (MLD)"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Web development"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Integration of Ingénico banking module"}]}]}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/applipro-backoffice.png","caption":"1011x613","children":[{"type":"text","text":""}],"alt":"Applipro Backoffice"}]},{"type":"h3","children":[{"type":"text","text":"Project"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Website: "},{"type":"a","url":"http://www.applipro.fr","title":null,"children":[{"type":"text","text":"applipro.fr"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Year: 2016"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services: Project management, Web development, Management, Reporting"}]}]}]}]},"dateCreate":"2016-06-22T12:00:00.000Z","dateUpdate":"2023-08-20T17:35:00.000Z","translations":[{"localeCode":"fr","title":"Applipro","slug":"applipro","url":"/fr/references/applipro"}],"tags":[]},{"id":"content/articles/en/javascript-librairies-youtube-like.mdx","heroSection":{"heroTitle":"Javascript Libraries #1: Youtube","heroSubtitle":"","heroBadge":"","heroColoredWords":"4","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Discover the best \"Youtube-like\" plugins and scripts for your website!"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/js-libs-youtube-1.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(180deg, #010093eb 0%, #ffd400 100%)","heroMaxWidth":"","heroMs":"0","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"js libs youtube 1","imageWidth":1344,"imageHeight":768},"seoSection":{"metaTitle":"Youtube: JS Plugins & Scripts #1","metaDescription":"This week, JS libs introduces you to Youtube-like plugins for your website.","metaTags":"youtube js, youtube javascript, youtube libraries, youtube script, youtube plugin, youtube jquery","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-09T00:41:07.231Z","localeCode":"en","slug":"javascript-librairies-youtube-like","url":"/en/blog/javascript-librairies-youtube-like","ogId":"javascript-librairies-youtube-like-blog-en","ogImagePath":"/og/javascript-librairies-youtube-like-blog-en.png","type":"Article","title":"JS Libs #1: Youtube","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"blog","subdomain":"blog","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"play-btn","body":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Discover a selection of "},{"type":"text","text":"web resources","bold":true},{"type":"text","text":", "},{"type":"text","text":"scripts","bold":true},{"type":"text","text":", "},{"type":"text","text":"plugins","bold":true},{"type":"text","text":", and "},{"type":"text","text":"CSS tools","bold":true},{"type":"text","text":" to customize your website! The first episode of "},{"type":"text","text":"JS libs","bold":true},{"type":"text","text":" is dedicated to "},{"type":"text","text":"Youtube plugins","bold":true},{"type":"text","text":". Happy customizing!"}]},{"type":"h3","children":[{"type":"text","text":"Youtube Loading Bar"}]},{"type":"p","children":[{"type":"text","text":"A small jQuery plugin that allows you to add a \"Youtube-like\" loading bar to all your ajax links."}]},{"type":"h4","children":[{"type":"text","text":"Initialization Example"}]},{"type":"code_block","lang":"javascript","value":"$('.ajax-link').loadingbar({\n replaceURL : true, // You can visibly change the URL of the browser to reflect the clicked links by toggling this to true\n target : '#loadingbar-frame', // The container's selector where you want the ajax result to appear\n direction : 'right', // The direction where the the loading bar will progress\n});","children":[{"type":"text","text":""}]},{"type":"p","children":[{"type":"img","url":"/images/you-tube-loading-bar.png","alt":"Script Web : Youtube Loading Bar","caption":"845x475","children":[{"type":"text","text":""}]}]},{"type":"mdxJsxFlowElement","name":"buttons","children":[{"type":"text","text":""}],"props":{"buttons":[{"icon":"gitHub","label":"GitHub","link":"https://github.com/peachananr/loading-bar","style":"primary"},{"icon":"","label":"Demo","link":"http://peachananr.github.io/loading-bar/demo.html","style":"light"}]}},{"type":"h3","children":[{"type":"text","text":"Tubular.js"}]},{"type":"p","children":[{"type":"text","text":"Tubular is a jQuery plugin that allows you to set a YouTube video as the background of your webpage. Simply integrate the plugin into your site, link your page's container to the ID of your YouTube video, and you're set!"}]},{"type":"h4","children":[{"type":"text","text":"Initialization example"}]},{"type":"code_block","lang":"javascript","value":"$('#wrapper').tubular({ videoId : 'aJTGyyRXDh4' }); // where videoId is the YouTube ID","children":[{"type":"text","text":""}]},{"type":"h4","children":[{"type":"text","text":"Configurable options"}]},{"type":"code_block","lang":"javascript","value":"ratio : 16 / 9, // Usually either 4/3 or 16/9 -- tweak as needed\nvideoId : 'aJTGyyRXDh4',\nmute : true,\nrepeat : true,\nwidth : $(window).width(), // No need to override\nwrapperZIndex : 99,\nplayButtonClass : 'tubular-play',\npauseButtonClass : 'tubular-pause',\nmuteButtonClass : 'tubular-mute',\nvolumeUpClass : 'tubular-volume-up',\nvolumeDownClass : 'tubular-volume-down',\nincreaseVolumeBy : 10, // Increment value; volume range is 1-100\nstart : 0 // Starting position in seconds","children":[{"type":"text","text":""}]},{"type":"p","children":[{"type":"img","url":"/images/you-tube-video-background.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"You Tube Video Background"}]},{"type":"mdxJsxFlowElement","name":"buttons","children":[{"type":"text","text":""}],"props":{"buttons":[{"icon":"google","label":"Google Code","link":"https://code.google.com/archive/p/jquery-tubular/","style":"primary"}]}},{"type":"h3","children":[{"type":"text","text":"PreViewTube"}]},{"type":"p","children":[{"type":"text","text":"A small jQuery plugin to animate thumbnails of your YouTube videos on hover or continuously. The speed of image transitions can be adjusted for smoother previews."}]},{"type":"h4","children":[{"type":"text","text":"Initialization example"}]},{"type":"code_block","lang":"javascript","value":"$('.preViewTube').PreViewTube();","children":[{"type":"text","text":""}]},{"type":"h4","children":[{"type":"text","text":"Configurable options"}]},{"type":"code_block","lang":"javascript","value":"interval: 500, // The animation rate in ms (default: 500ms)\nmode : 'constant' // How the animation should run 'constant' or 'hover' (default : hover)","children":[{"type":"text","text":""}]},{"type":"p","children":[{"type":"img","url":"/images/you-tube-thumbnail-images.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"You Tube Thumbnail Images"}]},{"type":"mdxJsxFlowElement","name":"buttons","children":[{"type":"text","text":""}],"props":{"buttons":[{"icon":"gitHub","label":"GitHub","link":"https://github.com/vool/PreViewTube.js","style":"primary"},{"icon":"","label":"Demo","link":"http://previewtube.vool.ie/","style":"light"}]}},{"type":"h3","children":[{"type":"text","text":"Youtube autoplay playlist"}]},{"type":"p","children":[{"type":"text","text":"This jQuery plugin enables automatic playback of YouTube playlists and also applies a cinematic effect to your videos by \"dimming the lights\" on your site! Numerous options and parameters are available to customize the appearance and playback mode of your videos."}]},{"type":"h4","children":[{"type":"text","text":"Initialization example"}]},{"type":"code_block","lang":"javascript","value":"$('#youtubevideo').youTubePlaylistResponsive({\n listtype : 'custom',\n listvalue : 'gFftC9O9EZ0,-Fv-iUhLcys,Vv2YXjCWg1A,eIa7YxlHq3A'\n});","children":[{"type":"text","text":""}]},{"type":"h4","children":[{"type":"text","text":"Configurable options"}]},{"type":"code_block","lang":"javascript","value":"listtype : 'search', // Choose between playlist, user_uploads, custom or search (max. 20 video's)\nlistvalue : 'nature', // Playlist ID, channel name, ID's seperated by comma's (custom) or search for keywords\nautoplay : false, // If set to true the player will play onload\nshowrelated : false, // Show related movies at the end of the movie\nshowinfo : true, // Display thumbnail images for the videos in the playlist\nautohide : false, // Indicates whether the video controls will automatically hide after a video begins playing\ntheme : false, // Set the color scheme foer the player. true is white ad false is black\nmodestbranding : true, // Set to false to show the youtube logo in the player controll bar\niv_load_policy : false, // Setting to true will cause video annotations to be shown by default\nallowfullscreen : true, // Show the fullscreen button\ncontrols : true, // This parameter indicates whether the video player controls will display\nhd : false, // Play the video's in HD at startup\nmaxwidth : '', // Here you can set the maxwidth in % or px\ncenter : false, // If maxwidth is set you can optional center the player\nlightsout : true // Mouseover the video turns out the light effect (background fading)","children":[{"type":"text","text":""}]},{"type":"p","children":[{"type":"img","url":"/images/you-tube-autoplay-playlist.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"You Tube Autoplay Playlist"}]},{"type":"mdxJsxFlowElement","name":"buttons","children":[{"type":"text","text":""}],"props":{"buttons":[{"icon":"codeFile","label":"Documentation","link":"https://www.cfcms.nl/youtube-responsive/documentation/index.html#styles","style":"primary"},{"icon":"","label":"Demo","link":"https://www.cfcms.nl/youtube-responsive/index.html","style":"light"}]}}]},"dateCreate":"2016-05-23T09:56:46.000Z","dateUpdate":"2021-05-13T01:50:56.000Z","author":{"id":"content/authors/en/nicolas-roehm-bettcher.mdx","heroSection":{"heroTitle":"Nicolas Roehm","heroSubtitle":"Software Engineer","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Founder of French Stack, I create complete IT solutions."}]},{"type":"p","children":[{"type":"text","text":"Full-stack developer, I mainly work on frontend projects using Angular, React, or Vue."}]},{"type":"p","children":[{"type":"text","text":"Passionate about design, here are some of my "},{"type":"a","url":"https://www.artstation.com/nicolas-roehm","title":"ArtStation - Nicolas Roehm","children":[{"type":"text","text":"graphic designs"}]},{"type":"text","text":"."}]},{"type":"mdxJsxFlowElement","name":"socialLinks","children":[{"type":"text","text":""}],"props":{"links":[{"icon":"gitHub","link":"https://github.com/NicolasRoehm"},{"icon":"stackOverflow","link":"https://stackoverflow.com/users/7462178/nicolas-roehm?tab=profile"},{"icon":"linkedIn","link":"https://en.linkedin.com/in/nicolas-roehm-bettcher"}]}}]},"heroSubtitleIsInline":true,"heroHasBackground":false,"heroImage":"/images/nicolas-roehm-bettcher.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(312deg, #0800ff 0%, #4300ff00 70%)","heroMaxWidth":"","heroMs":"25%","heroTitleMb":"0.5rem","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"#fff0","navbarBorderColor":"","navbarLinkActive":"#6785be","navbarLinkHover":"#6785be"},"imageAlt":"nicolas roehm bettcher","imageWidth":0,"imageHeight":0},"seoSection":{"metaTitle":"Nicolas Roehm, Software Engineer","metaDescription":"Passionate about computing, I design complete websites: design, development, SEO, e-reputation, e-mailing, hosting.","metaTags":"Nicolas Roehm, Software Engineer, web, mobile, website","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-09T00:39:02.584Z","localeCode":"en","slug":"nicolas-roehm-bettcher","url":"/en/nicolas-roehm-bettcher","ogId":"nicolas-roehm-bettcher-en","ogImagePath":"/og/nicolas-roehm-bettcher-en.png","type":"Author","title":"Nicolas Roehm-Bettcher","avatar":"/images/nicolas-roehm-avatar.png","lname":"Roehm","fname":"Nicolas","name":"Nicolas Roehm","translations":[{"localeCode":"fr","title":"Nicolas Roehm-Bettcher","slug":"nicolas-roehm-bettcher","url":"/fr/nicolas-roehm-bettcher"}]},"translations":[{"localeCode":"fr","title":"JS libs #1 : Youtube","slug":"javascript-librairies-youtube-like","url":"/fr/blog/javascript-librairies-youtube-like"}],"tags":[{"id":"content/tags/en/jquery.mdx","localeCode":"en","title":"jQuery","slug":"jquery","url":"/en/blog/jquery"}]},{"id":"content/articles/en/visual-identity-graphic-printing-agency.mdx","heroSection":{"heroTitle":"Graphic Communication","heroSubtitle":"","heroBadge":"","heroColoredWords":"2","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Visual identity is the foundation of all communication strategies."}]},{"type":"p","children":[{"type":"text","text":"With the \"graphic identity card,\" your company's image grabs customer attention, establishes your reputation, and enhances your credibility."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/visual-identity-graphic-printing-identite-visuelle-impression-graphique.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(10deg, #ff8100a3 0%, #0018ffe0 120%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"#ffc68b","navbarLinkHover":"#ffc68b"},"imageAlt":"visual identity graphic printing identite visuelle impression graphique","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Visual Identity & Printing","metaDescription":"Visual identity is the foundation of all communication strategies. With the \"graphic identity card,\" your company's image grabs customer attention, establishes your reputation, and enhances your credibility.","metaTags":"visual identity, web design, visual marketing, French Stack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-06T23:22:31.126Z","localeCode":"en","slug":"visual-identity-graphic-printing-agency","url":"/en/services/visual-identity-graphic-printing-agency","ogId":"visual-identity-graphic-printing-agency-services-en","ogImagePath":"/og/visual-identity-graphic-printing-agency-services-en.png","type":"Article","title":"Visual Identity & Printing","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"palette","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Definition of Visual Identity"}]},{"type":"p","children":[{"type":"text","text":"It consists of a logo and graphic elements (typography, colors, shapes, slogans), "},{"type":"text","text":"symbols of your company","bold":true},{"type":"text","text":". In other words, this "},{"type":"text","text":"graphic charter","bold":true},{"type":"text","text":" visually links the components of your brand! Visual identity applies to various "},{"type":"text","text":"communication materials","bold":true},{"type":"text","text":": business cards, envelopes, official documents, and more."}]},{"type":"h3","children":[{"type":"text","text":"Advantages of Multi-Support Visual Identity"}]},{"type":"p","children":[{"type":"text","text":"Advertising","bold":true},{"type":"text","text":" is the primary function of visual identity: it conveys your company's "},{"type":"text","text":"image","bold":true},{"type":"text","text":", "},{"type":"text","text":"services","bold":true},{"type":"text","text":", and "},{"type":"text","text":"values","bold":true},{"type":"text","text":". Visual identity helps you "},{"type":"text","text":"stand out","bold":true},{"type":"text","text":" from other market players and supports your "},{"type":"text","text":"communication","bold":true},{"type":"text","text":" efforts through existing media. Indeed, visual identity is the foundation of all "},{"type":"text","text":"communication strategies","bold":true},{"type":"text","text":". With the \"graphic identity card,\" your company's image "},{"type":"text","text":"grabs attention","bold":true},{"type":"text","text":", establishes your "},{"type":"text","text":"reputation","bold":true},{"type":"text","text":", and enhances your "},{"type":"text","text":"credibility","bold":true},{"type":"text","text":" in today's economic world."}]},{"type":"h3","children":[{"type":"text","text":"Visual Identity Services"}]},{"type":"p","children":[{"type":"text","text":"Our visual identity services include "},{"type":"text","text":"multi-support printing","bold":true},{"type":"text","text":" and "},{"type":"text","text":"graphic charter creation","bold":true},{"type":"text","text":". These encompass the following elements:"}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Printing Materials"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Business card"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Flyer"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Envelope"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Catalog"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Printed stickers for windows and vehicles"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Poster"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Flag"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Sticker"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Visual Creations"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Company logo (image format)"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Company name (text and/or image format)"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Promotional banner"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"a","url":"/en/services/web-design-creation","title":"Graphic design studio","children":[{"type":"text","text":"Web design"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"a","url":"/en/services/social-networks-marketing-agency-community-management","title":"Social marketing and community management","children":[{"type":"text","text":"Social Media"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"a","url":"/en/services/video-motion-audiovisual-marketing-agency","title":"Audiovisual production","children":[{"type":"text","text":"Video"}]}]}]}]}]}}},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Examples of Visual Identity","href":"/en/clients","label":"See our work","firstImage":{"url":"/images/visual-identity-graphic-printing-identite-visuelle-impression-graphique.png","alt":"Visual Identity Graphic Printing Identite Visuelle Impression Graphique","caption":"845x475"},"secondImage":{"url":"/images/nastasia-roehm-nr-immobilier.png","alt":"Nastasia Roehm Nr Immobilier","caption":"845x475"}}},{"type":"h3","children":[{"type":"text","text":"Visual Identity and Printing Quote"}]},{"type":"p","children":[{"type":"a","url":"/en/contact-us","title":"Contact form","children":[{"type":"text","text":"Contact us"}]},{"type":"text","text":" to get a free quote for creating your visual identity. Together, we will define your needs to establish your personalized quote."}]}]},"dateCreate":"2016-05-23T09:32:35.000Z","dateUpdate":"2021-05-28T04:39:20.000Z","translations":[{"localeCode":"fr","title":"Identité visuelle & impression","slug":"identite-visuelle-agence-impression-graphique","url":"/fr/services/identite-visuelle-agence-impression-graphique"}],"tags":[{"id":"content/tags/en/graphic-design.mdx","localeCode":"en","title":"Design","slug":"graphic-design","url":"/en/services/graphic-design"}]},{"id":"content/articles/en/web-agency-strasbourg.mdx","heroSection":{"heroTitle":"Web & Mobile Services","heroSubtitle":"","heroBadge":"","heroColoredWords":"1","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Discover French Stack agency services through video"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/agence-web-video-frenchstack.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(180deg, rgb(45,12,53) 0%, #0095fe00 180%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"agence web video frenchstack","imageWidth":1280,"imageHeight":720},"seoSection":{"metaTitle":"Strasbourg Web Agency","metaDescription":"Presentation video of French Stack web agency services in Strasbourg","metaTags":"web agency, web service, strasbourg web agency, French Stack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-08T00:29:05.837Z","localeCode":"en","slug":"web-agency-strasbourg","url":"/en/videos/web-agency-strasbourg","ogId":"web-agency-strasbourg-videos-en","ogImagePath":"/og/web-agency-strasbourg-videos-en.png","type":"Article","title":"French Stack Presentation","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"videos","subdomain":"videos","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"youtube","children":[{"type":"text","text":""}],"props":{"id":"aJTGyyRXDh4","title":"French Stack - Web Agency"}},{"type":"p","children":[{"type":"text","text":"French Stack develops, maintains, and restores your "},{"type":"text","text":"brand image","bold":true},{"type":"text","text":" conveyed on the Internet. Located in Strasbourg, Alsace, we develop your "},{"type":"text","text":"online reputation","bold":true},{"type":"text","text":" with our geo-localized and multilingual SEO solution."}]},{"type":"p","children":[{"type":"text","text":"Our agency supports you to ensure the success of your "},{"type":"text","text":"local and international web projects","bold":true},{"type":"text","text":". Through market research, we analyze the competition's offerings and define your "},{"type":"text","text":"strategy","bold":true},{"type":"text","text":" to effectively promote your products and services. In this approach, we provide you with "},{"type":"text","text":"communication","bold":true},{"type":"text","text":" tools essential to expanding your online reputation."}]},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Web Marketing and Digital Communication","label":"See our services","href":"/en/services"}},{"type":"mdxJsxFlowElement","name":"row3Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Graphic Design"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Visual identity & printing"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Web design"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Photography and editing"}]}]}]}]},"contentCenter":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Software Engineering"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Web and mobile development"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Hosting & security"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Domain name"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Digital Strategy"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"SEO & SEA"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Social media: CM & SMO"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Video & motion"}]}]}]}]}}}]},"dateCreate":"2016-05-23T03:52:41.000Z","dateUpdate":"2021-05-13T02:08:51.000Z","translations":[{"localeCode":"fr","title":"Présentation de French Stack","slug":"agence-web-strasbourg","url":"/fr/videos/agence-web-strasbourg"}],"tags":[{"id":"content/tags/en/audiovisual-marketing.mdx","localeCode":"en","title":"Audiovisual Marketing","slug":"audiovisual-marketing","url":"/en/videos/audiovisual-marketing"}]},{"id":"content/articles/en/web-design-creation.mdx","heroSection":{"heroTitle":"Graphic design studio","heroSubtitle":"Web design, ergonomics, and accessibility","heroBadge":"","heroColoredWords":"3","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"We create your web design based on your company's visual identity."}]},{"type":"p","children":[{"type":"text","text":"With a design tailored to digital media, we visually translate your objectives and values with precision and style."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/design-web-responsive.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(216deg, rgba(42,183,25,0.88) 62px, #004cffe0 110%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"0.5rem","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"#b2ffcb","navbarLinkHover":"#b2ffcb"},"imageAlt":"design web responsive","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Web design, ergonomics, and accessibility","metaDescription":"We create your web design based on your company's visual identity. With a design tailored to digital media, we visually translate your objectives and values with precision and style.","metaTags":"web design, visual communication, responsive design, adaptive design, ergonomics, accessibility","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-11-29T20:29:59.168Z","localeCode":"en","slug":"web-design-creation","url":"/en/services/web-design-creation","ogId":"web-design-creation-services-en","ogImagePath":"/og/web-design-creation-services-en.png","type":"Article","title":"Web design","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"web-design","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Definition of web design"}]},{"type":"p","children":[{"type":"text","text":"The combination of \""},{"type":"text","text":"web","bold":true},{"type":"text","text":"\" and \""},{"type":"text","text":"design","bold":true},{"type":"text","text":"\" literally means \"web\" and \"drawing.\" Thus, our graphic designers "},{"type":"text","text":"create for the web","bold":true},{"type":"text","text":". The goal of designing an aesthetic layout is to achieve "},{"type":"text","text":"harmony between visual components","bold":true},{"type":"text","text":" (texts, images, videos...) to optimize the user experience."}]},{"type":"h3","children":[{"type":"text","text":"Benefits of original web design"}]},{"type":"p","children":[{"type":"text","text":"An "},{"type":"text","text":"original web design","bold":true},{"type":"text","text":" enhances your company's image, contributes to the appeal of your site, and reinforces your credibility on the Internet. Beyond its \"cosmetic\" aspect, an "},{"type":"text","text":"attractive design","bold":true},{"type":"text","text":" improves your visibility and solidifies your reputation among your prospects."}]},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Examples of web design","firstImage":{"url":"/images/design-web-responsive.png","alt":"Design Web Responsive","caption":"845x475"},"secondImage":{"url":"/images/design-web-responsive-2.png","alt":"Design Web Responsive 2","caption":"845x475"},"label":"See our work","href":"/en/services"}},{"type":"h3","children":[{"type":"text","text":"Web design services"}]},{"type":"p","children":[{"type":"text","text":"We create your web design based on your company's "},{"type":"a","url":"/en/services/visual-identity-graphic-printing-agency","title":"Visual identity services","children":[{"type":"text","text":"visual identity"}]},{"type":"text","text":". With a "},{"type":"text","text":"design tailored","bold":true},{"type":"text","text":" to "},{"type":"text","text":"digital media","bold":true},{"type":"text","text":", we visually translate your "},{"type":"text","text":"objectives","bold":true},{"type":"text","text":" and "},{"type":"text","text":"values","bold":true},{"type":"text","text":" with "},{"type":"text","text":"precision & style","bold":true},{"type":"text","text":". If you are considering a "},{"type":"a","url":"/en/services/website-development-web-agency-strasbourg","title":"Website services","children":[{"type":"text","text":"website redesign"}]},{"type":"text","text":", we can draw inspiration from or replicate the design of your previous site while ensuring perfect compatibility with mobile and tablet screens."}]},{"type":"h3","children":[{"type":"text","text":"Web design quote"}]},{"type":"p","children":[{"type":"a","url":"/en/contact-us","title":"Contact form","children":[{"type":"text","text":"Contact us"}]},{"type":"text","text":" to get a free quote for your web design project."}]}]},"dateCreate":"2016-05-22T09:32:32.000Z","dateUpdate":"2021-05-28T04:39:34.000Z","translations":[{"localeCode":"fr","title":"Web design","slug":"web-design","url":"/fr/services/web-design"}],"tags":[{"id":"content/tags/en/graphic-design.mdx","localeCode":"en","title":"Design","slug":"graphic-design","url":"/en/services/graphic-design"}]},{"id":"content/articles/en/photography-agency.mdx","heroSection":{"heroTitle":"Visual Marketing","heroSubtitle":"","heroBadge":"","heroColoredWords":"2","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Images are one of the main drivers of your sales!"}]},{"type":"p","children":[{"type":"text","text":"Our team of photography and editing experts captures and enhances the character or product to design the visual for your advertising campaign."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/photo-pro-montage-agence-photograph.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(90deg, #7a00ffe3 -30%, #00ff89 120%)","heroMaxWidth":"860px","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"photo pro montage agence photograph","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Photography & Editing","metaDescription":"Images are one of the main drivers of your sales! Our team of photography and editing experts captures and enhances the character or product to design the visual for your advertising campaign","metaTags":"photography, photo editing, photography agency, photoshop","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-06T23:47:51.853Z","localeCode":"en","slug":"photography-agency","url":"/en/services/photography-agency","ogId":"photography-agency-services-en","ogImagePath":"/og/photography-agency-services-en.png","type":"Article","title":"Photography & Editing","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"camera","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Definition of Photography and Editing"}]},{"type":"p","children":[{"type":"text","text":"► Photography is the "},{"type":"text","text":"creation of a visual","bold":true},{"type":"text","text":" featuring a character or product specifically captured for your company."}]},{"type":"p","children":[{"type":"text","text":"► The editing stage - also called compositing - involves highlighting the subject in an existing scene while respecting the overall atmosphere."}]},{"type":"h3","children":[{"type":"text","text":"Advantages of Advertising Photo Editing"}]},{"type":"p","children":[{"type":"text","text":"Images are one of the main drivers of your sales! Whether it's the "},{"type":"text","text":"enhancement","bold":true},{"type":"text","text":" of an object or a campaign visual, a beautiful photograph is not a matter of chance. It requires experience in "},{"type":"text","text":"framing","bold":true},{"type":"text","text":" and "},{"type":"text","text":"lighting","bold":true},{"type":"text","text":", as well as "},{"type":"text","text":"impeccable preparation","bold":true},{"type":"text","text":" and "},{"type":"text","text":"finishing","bold":true},{"type":"text","text":"."}]},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Photo Editing Examples","label":"See our references","href":"/en/clients","firstImage":{"url":"/images/photo-pro-montage-agence-photograph-2.png","alt":"Photo Pro Montage Agence Photograph 2","caption":"845x475"},"secondImage":{"url":"/images/photo-pro-montage-agence-photograph-3.png","alt":"Photo Pro Montage Agence Photograph 3","caption":"845x475"}}},{"type":"h3","children":[{"type":"text","text":"Photography and Photo Editing Services"}]},{"type":"p","children":[{"type":"text","text":"Our team of photography and editing experts captures and enhances the character or product to design the visual for your "},{"type":"text","text":"advertising campaign","bold":true},{"type":"text","text":"."}]},{"type":"h3","children":[{"type":"text","text":"Visual Production Estimate"}]},{"type":"p","children":[{"type":"a","url":"/en/contact-us","title":"Contact form","children":[{"type":"text","text":"Contact us"}]},{"type":"text","text":" to obtain a free quote for creating your visual communication. We will then together define your needs to establish your quote on this basis."}]}]},"dateCreate":"2016-05-21T09:32:29.000Z","dateUpdate":"2021-05-28T04:42:50.000Z","translations":[{"localeCode":"fr","title":"Photographie & montage","slug":"agence-photographique","url":"/fr/services/agence-photographique"}],"tags":[{"id":"content/tags/en/graphic-design.mdx","localeCode":"en","title":"Design","slug":"graphic-design","url":"/en/services/graphic-design"}]},{"id":"content/articles/en/website-development-web-agency-strasbourg.mdx","heroSection":{"heroTitle":"Software Engineering","heroSubtitle":"WEB & MOBILE","heroBadge":"","heroColoredWords":"1","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"We create, renovate, and maintain your professional website with an "},{"type":"text","text":"original","bold":true},{"type":"text","text":" graphic universe, "},{"type":"text","text":"tailored","bold":true},{"type":"text","text":" to your needs and "},{"type":"text","text":"optimized","bold":true},{"type":"text","text":" for search engines."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/website-site-web-service-creation.png","heroVideoBackground":"","heroStyle":{"heroBg":"radial-gradient(50% 200% at 50% 50%, #7700e4 15%, #5200ffcc 75%, #003cff 136%)","heroMaxWidth":"860px","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"website site web service creation","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Web Development","metaDescription":"We create, renovate, and maintain your website with an original graphic universe, tailored to your needs and optimized for search engines. Our services range from creating a static website to developing a digital fortress.","metaTags":"website creation, web development, web agency, French Stack, French Quality","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-18T08:52:56.731Z","localeCode":"en","slug":"website-development-web-agency-strasbourg","url":"/en/services/website-development-web-agency-strasbourg","ogId":"website-development-web-agency-strasbourg-services-en","ogImagePath":"/og/website-development-web-agency-strasbourg-services-en.png","type":"Article","title":"Website Development","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"code","body":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"French Stack provides you with all the "},{"type":"a","url":"/en/services/web-mobile-development","title":"Our services for your website","children":[{"type":"text","text":"technical solutions"}]},{"type":"text","text":" to successfully develop your "},{"type":"text","text":"website","bold":true},{"type":"text","text":"."}]},{"type":"h3","children":[{"type":"text","text":"Advantages of an Optimized Website"}]},{"type":"p","children":[{"type":"text","text":"Today, your prospects and clients are searching for you on the Internet. The web has become the most used media by businesses and individuals to "},{"type":"text","text":"inform and buy","bold":true},{"type":"text","text":". Owning a website means having a "},{"type":"text","text":"global business card","bold":true},{"type":"text","text":" that allows you to better understand your clientele. Accessible to all, your website provides you with a "},{"type":"text","text":"permanent advertising documentation","bold":true},{"type":"text","text":" and helps reduce your "},{"type":"text","text":"communication","bold":true},{"type":"text","text":" costs. The website increases your "},{"type":"text","text":"visibility","bold":true},{"type":"text","text":" and consequently your client base, it also strengthens your "},{"type":"text","text":"credibility","bold":true},{"type":"text","text":" and improves your customer service."}]},{"type":"p","children":[{"type":"img","url":"/images/website-site-web-service-creation.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"Website Site Web Service Creation"}]},{"type":"h3","children":[{"type":"text","text":"Types of Websites"}]},{"type":"p","children":[{"type":"text","text":"To identify the type of your future website, we together determine the number of pages needed to estimate the project's dimensions. The following proposals help you define the type of site that best suits your "},{"type":"text","text":"web project","bold":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"► Offer #1 corresponds to a \""},{"type":"text","text":"one page","bold":true},{"type":"text","text":"\" website, meaning that the information about your company is presented on the single page of your site. This \"business card\", accessible everywhere and at any time, is an economical solution allowing your company to be present on the Internet by typing its name in search engines."}]},{"type":"p","children":[{"type":"text","text":"► Offer #2 corresponds to a classic website, also called a \""},{"type":"text","text":"showcase site","bold":true},{"type":"text","text":"\", containing several pages and thus allowing the promotion of your company through the information present on these pages. Ideal for making the actors and expertise of your company visible, this solution guarantees an excellent quality/price ratio."}]},{"type":"p","children":[{"type":"text","text":"► Offer #3 corresponds to the development of a \""},{"type":"text","text":"digital fortress","bold":true},{"type":"text","text":"\" capable of hosting an infinite number of pages. This solution considerably expands your audience and brings significant visibility to your brand through searches performed by your visitors on the topics you cover. Our tool allows adding, updating, and deleting articles and is aimed at content publishing companies or those wishing to delegate this to an agency. We also invite you to discover our "},{"type":"a","url":"/en/services/seo-sea-adwords","title":"Referencing Services","children":[{"type":"text","text":"SEO and content writing offers"}]},{"type":"text","text":"."}]},{"type":"h3","children":[{"type":"text","text":"Quote for a Referenced Website"}]},{"type":"p","children":[{"type":"text","text":"Do not hesitate to fill out a "},{"type":"a","url":"/en/contact-us","title":"Contact Form","children":[{"type":"text","text":"quote request"}]},{"type":"text","text":". We will contact you to discuss your website project together."}]}]},"dateCreate":"2016-05-20T09:32:26.000Z","dateUpdate":"2021-05-28T04:44:43.000Z","translations":[{"localeCode":"fr","title":"Développement de site web","slug":"creation-site-internet-agence-web-strasbourg","url":"/fr/services/creation-site-internet-agence-web-strasbourg"}],"tags":[{"id":"content/tags/en/web-mobile-development.mdx","localeCode":"en","title":"Development","slug":"web-mobile-development","url":"/en/services/web-mobile-development"}]},{"id":"content/articles/en/web-hosting-security.mdx","heroSection":{"heroTitle":"Secure Web Hosting","heroSubtitle":"","heroBadge":"","heroColoredWords":"1","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"We offer a comprehensive hosting service for businesses and individuals looking to develop an online activity."}]},{"type":"p","children":[{"type":"text","text":"By subscribing to our hosting offer, you benefit from data security, our optimized architecture, the attention of our technical team, and constant online maintenance."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":true,"heroImage":"/images/web-hosting-hebergement.png","heroVideoBackground":"","heroStyle":{"heroBg":"","heroMaxWidth":"1100px","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"web hosting hebergement","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Web Hosting & Security","metaDescription":"We offer a comprehensive hosting service for businesses and individuals looking to develop an online activity. By subscribing to our hosting offer, you benefit from data security","metaTags":"web hosting, secure hosting, site hosting","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-11-29T02:10:59.139Z","localeCode":"en","slug":"web-hosting-security","url":"/en/services/web-hosting-security","ogId":"web-hosting-security-services-en","ogImagePath":"/og/web-hosting-security-services-en.png","type":"Article","title":"Hosting & Security","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"server","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Hosting and Managed Services"}]},{"type":"p","children":[{"type":"text","text":"► Our teams ensure the administration and "},{"type":"text","text":"protection of your space","bold":true},{"type":"text","text":" to guarantee a quality service. Our infrastructure allows increasing the "},{"type":"text","text":"traffic capacity","bold":true},{"type":"text","text":" of your sites without performance loss."}]},{"type":"p","children":[{"type":"text","text":"► Your hosting combined with our managed services ensures "},{"type":"text","text":"optimal availability","bold":true},{"type":"text","text":". We guarantee the continuity of our services to provide you with permanent hosting quality."}]},{"type":"p","children":[{"type":"img","url":"/images/web-hosting-hebergement.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"Web Hosting Hebergement"}]},{"type":"h3","children":[{"type":"text","text":"Data Backup Option"}]},{"type":"p","children":[{"type":"text","text":"To guarantee impeccable service quality, we offer a "},{"type":"text","text":"complete backup service","bold":true},{"type":"text","text":"! This option brings you "},{"type":"text","text":"peace of mind","bold":true},{"type":"text","text":" regarding your information and that of your clients. Indeed, all your site's data are stored on a platform specially designed for backups."}]},{"type":"h3","children":[{"type":"text","text":"Security Certificate Option"}]},{"type":"p","children":[{"type":"text","text":"Our agency installs and renews your security certificates. Certificates "},{"type":"text","text":"reassure","bold":true},{"type":"text","text":" internet users, "},{"type":"text","text":"protect","bold":true},{"type":"text","text":" your site's data, and are recognized as "},{"type":"a","url":"/en/services/seo-sea-adwords","title":"Referencing Services","children":[{"type":"text","text":"SEO ranking factors"}]},{"type":"text","text":" by search engines."}]},{"type":"h3","children":[{"type":"text","text":"Secure Hosting Quote"}]},{"type":"p","children":[{"type":"text","text":"Do not hesitate to "},{"type":"a","url":"/en/contact-us","title":"Contact Form","children":[{"type":"text","text":"contact"}]},{"type":"text","text":" our sales team to receive a proposal tailored to your expectations."}]}]},"dateCreate":"2016-05-19T12:00:00.000Z","dateUpdate":"2021-05-28T04:45:02.000Z","translations":[{"localeCode":"fr","title":"Hébergement & sécurité","slug":"hebergement-web-securite","url":"/fr/services/hebergement-web-securite"}],"tags":[{"id":"content/tags/en/web-mobile-development.mdx","localeCode":"en","title":"Development","slug":"web-mobile-development","url":"/en/services/web-mobile-development"}]},{"id":"content/articles/en/domain-name-service.mdx","heroSection":{"heroTitle":"Domain Name Registration","heroSubtitle":"","heroBadge":"","heroColoredWords":"5","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Our agency offers and reserves one or more efficient domain names for your business."}]},{"type":"p","children":[{"type":"text","text":"Indeed, the study and reservation of a domain name are key steps in developing your Internet SEO."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/domain-name-nom-de-domaine.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(70deg, rgb(10,0,95) -20%, rgb(17,73,255) 42%, rgba(0,126,255,0.89) 63%, rgba(0,224,255,0.38) 100%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"domain name nom de domaine","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Domain Name","metaDescription":"Our agency offers and reserves one or more efficient domain names for your business. Indeed, the study and reservation of a domain name are key steps in developing your Internet SEO.","metaTags":"domain name, natural referencing, SEO","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-06T23:40:42.925Z","localeCode":"en","slug":"domain-name-service","url":"/en/services/domain-name-service","ogId":"domain-name-service-services-en","ogImagePath":"/og/domain-name-service-services-en.png","type":"Article","title":"Domain Name","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"globe","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Market Studies & Reservation"}]},{"type":"p","children":[{"type":"text","text":"Our agency offers and reserves one or more "},{"type":"text","text":"efficient domain names","bold":true},{"type":"text","text":" for your business. Indeed, the study and reservation of a domain name are key steps in developing your "},{"type":"a","url":"/en/services/natural-paid-referencing-seo-sea","title":"Referencing Services","children":[{"type":"text","text":"SEO"}]},{"type":"text","text":". Moreover, your domain name allows you to express your creativity by choosing words and extensions that make sense for your clientele."}]},{"type":"h3","children":[{"type":"img","url":"/images/domain-name-nom-de-domaine.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"Domain Name Nom De Domaine"}]},{"type":"h3","children":[{"type":"text","text":"Definition of a Domain Name"}]},{"type":"p","children":[{"type":"text","text":"A "},{"type":"text","text":"domain name","bold":true},{"type":"text","text":" is an "},{"type":"text","text":"address","bold":true},{"type":"text","text":" accessible on the Internet, equivalent to your postal address on the Web. It allows your contacts and clients to visit your site. In conclusion, the domain name is "},{"type":"text","text":"essential","bold":true},{"type":"text","text":" to the "},{"type":"a","url":"/en/services/website-creation-web-agency-strasbourg","title":"Website Services","children":[{"type":"text","text":"creation of your website"}]},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"Feel free to learn more by reading the article \""},{"type":"a","url":"https://www.afnic.fr/en/domain-names-and-support/everything-there-is-to-know-about-domain-names/create-a-domain-name/","title":null,"children":[{"type":"text","text":"How to choose and create my domain name"}]},{"type":"text","text":"\" on the official website of Afnic (responsible for French domain names)."}]},{"type":"h3","children":[{"type":"text","text":"Domain Name Reservation Quote"}]},{"type":"p","children":[{"type":"text","text":"Feel free to "},{"type":"a","url":"/en/contact-us","title":"Contact Form","children":[{"type":"text","text":"contact"}]},{"type":"text","text":" our sales team to receive a proposal tailored to your expectations."}]}]},"dateCreate":"2016-05-18T09:32:23.000Z","dateUpdate":"2021-05-28T04:45:36.000Z","translations":[{"localeCode":"fr","title":"Nom de domaine","slug":"service-nom-de-domaine","url":"/fr/services/service-nom-de-domaine"}],"tags":[{"id":"content/tags/en/web-mobile-development.mdx","localeCode":"en","title":"Development","slug":"web-mobile-development","url":"/en/services/web-mobile-development"}]},{"id":"content/articles/en/seo-sea-adwords.mdx","heroSection":{"heroTitle":"Natural Referencing and AdWords","heroSubtitle":"","heroBadge":"","heroColoredWords":"4","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"French Stack offers you the opportunity to improve your ranking on search engines."}]},{"type":"p","children":[{"type":"text","text":"Our team of specialists ensures you have an optimal online presence in the long term."}]},{"type":"p","children":[{"type":"text","text":"Our services enable customized indexing."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/seo-referencement-naturel-service-expert.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(9deg, #00ff0f -30%, #006bffcf 50%, #000000 130%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"seo referencement naturel service expert","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Natural and Paid Referencing","metaDescription":"French Stack offers you the opportunity to improve your ranking on search engines. Our team of specialists ensures you have an optimal online presence in the long term. Our services enable customized indexing.","metaTags":"natural referencing, paid referencing, SEO, SEA, AdWords","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-11-29T02:12:36.740Z","localeCode":"en","slug":"seo-sea-adwords","url":"/en/services/seo-sea-adwords","ogId":"seo-sea-adwords-services-en","ogImagePath":"/og/seo-sea-adwords-services-en.png","type":"Article","title":"Referencing: SEO & SEA","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"chart-up","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Definition of Natural SEO and Paid SEA Referencing"}]},{"type":"p","children":[{"type":"text","text":"► "},{"type":"text","text":"Natural referencing","bold":true},{"type":"text","text":" (in English, Search Engine Optimization: SEO) encompasses all the various actions aimed at improving your site's "},{"type":"text","text":"visibility","bold":true},{"type":"text","text":" on search engines, thereby generating "},{"type":"text","text":"targeted traffic","bold":true},{"type":"text","text":". SEO is based on a solid foundation of "},{"type":"text","text":"content quality","bold":true},{"type":"text","text":" and involves improving the "},{"type":"text","text":"pages","bold":true},{"type":"text","text":" of your website."}]},{"type":"p","children":[{"type":"text","text":"► "},{"type":"text","text":"Paid referencing","bold":true},{"type":"text","text":" (in English, Search Engine Advertising: SEA) involves implementing "},{"type":"text","text":"advertising campaigns","bold":true},{"type":"text","text":" to position a website among the "},{"type":"text","text":"top results","bold":true},{"type":"text","text":" on search engines. SEA consists of bidding on "},{"type":"text","text":"keywords","bold":true},{"type":"text","text":" across one or more advertising networks (Google AdWords, Microsoft AdCenter, Yahoo Sponsored Links, etc.)."}]},{"type":"h3","children":[{"type":"text","text":"Advantages of Referencing and Manual Indexing SEM"}]},{"type":"p","children":[{"type":"text","text":"SEO and SEA are two different "},{"type":"text","text":"referencing strategies","bold":true},{"type":"text","text":" with the same goal: improving a site's ranking on search engines to generate the maximum traffic."}]},{"type":"p","children":[{"type":"text","text":"Manual indexing - also known as "},{"type":"text","text":"search engine marketing","bold":true},{"type":"text","text":" (SEM) - focuses on generating traffic from search engines. Your website must be manually registered on search engines for "},{"type":"text","text":"optimal indexing","bold":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"img","url":"/images/seo-referencement-naturel-service-expert.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"Seo Referencement Naturel Service Expert"}]},{"type":"h3","children":[{"type":"text","text":"Referencing Services"}]},{"type":"p","children":[{"type":"text","text":"We provide the right solutions to ensure "},{"type":"text","text":"clean and effective referencing","bold":true},{"type":"text","text":" for the "},{"type":"text","text":"long term","bold":true},{"type":"text","text":". Our agency offers "},{"type":"text","text":"manual indexing","bold":true},{"type":"text","text":" by registering your website online with "},{"type":"text","text":"search engines","bold":true},{"type":"text","text":". We create content that highlights your expertise and establishes you as a "},{"type":"text","text":"key player","bold":true},{"type":"text","text":" in your field."}]},{"type":"p","children":[{"type":"text","text":"In addition to technical and editorial work, our agency monitors your site's "},{"type":"text","text":"traffic","bold":true},{"type":"text","text":". Reporting is an essential step in referencing, as it provides an overview of your online visibility's performance. Our agency provides your website's statistics through Google Analytics."}]},{"type":"p","children":[{"type":"text","text":"Our SEO offer is based on several criteria and includes various services:"}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Site Improvement"}]},{"type":"p","children":[{"type":"text","text":"Our team conducts an in-depth study of your page architecture as well as verification and improvement of responsive design."}]}]},"contentRight":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Content Control"}]},{"type":"p","children":[{"type":"text","text":"We thoroughly verify the relevance of your content, including titles, texts, inbound and outbound links, ALT attributes of tags, and more."}]}]}}},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Keyword Research"}]},{"type":"p","children":[{"type":"text","text":"We conduct a complete review of the keywords used, redundancies, synonyms, and more."}]}]},"contentRight":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Progress Monitoring"}]},{"type":"p","children":[{"type":"text","text":"Our analysis includes reviewing AdWords campaigns and analyzing your site's ranking compared to competitors."}]}]}}},{"type":"h4","children":[{"type":"text","text":"Site Statistics"}]},{"type":"p","children":[{"type":"text","text":"Finally, we ensure daily monitoring of the undertaken tasks, with statistical modeling of visibility, origin, and frequency."}]},{"type":"h3","children":[{"type":"text","text":"Personalized Referencing Quote"}]},{"type":"p","children":[{"type":"a","url":"/en/contact-us","title":"Contact Form","children":[{"type":"text","text":"Contact us"}]},{"type":"text","text":" for any quote requests or questions."}]}]},"dateCreate":"2016-05-17T09:32:20.000Z","dateUpdate":"2021-05-28T04:45:55.000Z","translations":[{"localeCode":"fr","title":"Référencement : SEO & SEA","slug":"referencement-naturel-payant-seo-sea","url":"/fr/services/referencement-naturel-payant-seo-sea"}],"tags":[{"id":"content/tags/en/web-marketing.mdx","localeCode":"en","title":"Marketing","slug":"web-marketing","url":"/en/services/web-marketing"}]},{"id":"content/articles/en/social-networks-marketing-agency-community-management.mdx","heroSection":{"heroTitle":"Social Marketing and Community Management","heroSubtitle":"","heroBadge":"","heroColoredWords":"4,5","heroBreakTitle":"3","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Our community management agency deploys its expertise for managing, animating, and moderating your social networks."}]},{"type":"p","children":[{"type":"text","text":"Our teams develop your social media communication strategy to increase your visibility and brand awareness."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/community-management-social-networks-reseaux-sociaux.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(272deg, #00ffe785 -20%, #fd7000c4 -80%, #4300ff 100%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"community management social networks reseaux sociaux","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Community Management: SMO & SMA","metaDescription":"Our community management agency deploys its expertise for managing, animating, and moderating your social networks. Our team develops, manages, and moderates your brand's social networks to increase your visibility","metaTags":"social networks, SMO, SMA, CM, Community Management, Social Media Optimization, Search Media Advertising","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-08T19:51:51.018Z","localeCode":"en","slug":"social-networks-marketing-agency-community-management","url":"/en/services/social-networks-marketing-agency-community-management","ogId":"social-networks-marketing-agency-community-management-services-en","ogImagePath":"/og/social-networks-marketing-agency-community-management-services-en.png","type":"Article","title":"Social Networks: CM & SMO","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"share","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Definition of Community Management and Social Media Optimization (SMO)"}]},{"type":"p","children":[{"type":"text","text":"► "},{"type":"text","text":"Community management","bold":true},{"type":"text","text":" refers to the "},{"type":"text","text":"management of a brand or organization's presence","bold":true},{"type":"text","text":" on "},{"type":"text","text":"social networks","bold":true},{"type":"text","text":" and other "},{"type":"text","text":"community spaces","bold":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"► "},{"type":"text","text":"Social Media Optimization","bold":true},{"type":"text","text":" or "},{"type":"text","text":"social referencing","bold":true},{"type":"text","text":" (in English: Social Media Optimization: SMO) designates actions aimed at "},{"type":"text","text":"developing an entity's visibility","bold":true},{"type":"text","text":" through "},{"type":"text","text":"social media","bold":true},{"type":"text","text":". It consists of attracting visitors to the contents of "},{"type":"a","url":"/en/serviceswebsite-development-web-agency-strasbourg","title":"Website Services","children":[{"type":"text","text":"your website"}]},{"type":"text","text":" by promoting them on social platforms."}]},{"type":"h3","children":[{"type":"text","text":"Benefits of Being Present and Active on Social Networks"}]},{"type":"p","children":[{"type":"text","text":"Your "},{"type":"text","text":"active presence","bold":true},{"type":"text","text":" on social networks allows the acquisition of "},{"type":"text","text":"new clientele","bold":true},{"type":"text","text":" and the development of your "},{"type":"text","text":"brand awareness","bold":true},{"type":"text","text":". Indeed, the communication strategies of the "},{"type":"text","text":"community manager","bold":true},{"type":"text","text":" promote "},{"type":"text","text":"user engagement","bold":true},{"type":"text","text":" through the "},{"type":"text","text":"promotion","bold":true},{"type":"text","text":" of your brand on social networks. These platforms allow the reinforcement of your "},{"type":"text","text":"e-reputation","bold":true},{"type":"text","text":" through community animation, content promotion, management of your "},{"type":"text","text":"offers","bold":true},{"type":"text","text":" and "},{"type":"text","text":"events","bold":true},{"type":"text","text":" without forgetting the assurance of "},{"type":"text","text":"dialogue / support","bold":true},{"type":"text","text":" with your customers and prospects."}]},{"type":"p","children":[{"type":"text","text":"SMO is linked to "},{"type":"text","text":"search engine marketing","bold":true},{"type":"text","text":" (in English: Search Engine Marketing: SEM). The specificity of SMO is that it emphasizes "},{"type":"text","text":"traffic generation","bold":true},{"type":"text","text":" from sources other than search engines. Moreover, in the long term, good SMO will also have a "},{"type":"text","text":"beneficial effect","bold":true},{"type":"text","text":" on the "},{"type":"a","url":"/en/services/seo-sea-adwords","title":"SEO Services","children":[{"type":"text","text":"positioning of a site"}]},{"type":"text","text":" in search results."}]},{"type":"p","children":[{"type":"img","url":"/images/community-management-social-networks-reseaux-sociaux.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"Community Management Social Networks Reseaux Sociaux"}]},{"type":"h3","children":[{"type":"text","text":"Community Management Services"}]},{"type":"p","children":[{"type":"text","text":"Our "},{"type":"text","text":"community management","bold":true},{"type":"text","text":" agency deploys its expertise for the "},{"type":"text","text":"management","bold":true},{"type":"text","text":", "},{"type":"text","text":"animation","bold":true},{"type":"text","text":", and "},{"type":"text","text":"moderation","bold":true},{"type":"text","text":" of your social networks. Our role is to develop your "},{"type":"text","text":"communication strategy","bold":true},{"type":"text","text":" and represent your company on social media. We take the time to study and define together your needs and your "},{"type":"text","text":"target audience","bold":true},{"type":"text","text":" to start your \"tailor-made\" community management campaign."}]},{"type":"p","children":[{"type":"text","text":"Our agency offers its services across the "},{"type":"text","text":"main social networks","bold":true},{"type":"text","text":". We are at your disposal to guide you in choosing the most relevant positioning on these social platforms."}]},{"type":"p","children":[{"type":"text","text":"Our service includes:"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"creation of admin profiles and brand accounts"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"design of visuals (profile picture, cover image, theme)"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"development of an editorial line for each network."}]}]}]},{"type":"h3","children":[{"type":"text","text":"Community Management Quote"}]},{"type":"p","children":[{"type":"text","text":"Do not hesitate to "},{"type":"a","url":"/en/contact-us","title":"Contact Form","children":[{"type":"text","text":"contact"}]},{"type":"text","text":" our team to obtain a free quote for the implementation of your social media optimization."}]}]},"dateCreate":"2016-05-16T12:00:00.000Z","dateUpdate":"2021-05-28T04:46:35.000Z","translations":[{"localeCode":"fr","title":"Réseaux sociaux : CM & SMO","slug":"agence-marketing-reseaux-sociaux-community-management","url":"/fr/services/agence-marketing-reseaux-sociaux-community-management"}],"tags":[{"id":"content/tags/en/web-marketing.mdx","localeCode":"en","title":"Marketing","slug":"web-marketing","url":"/en/services/web-marketing"}]},{"id":"content/articles/en/video-motion-audiovisual-marketing-agency.mdx","heroSection":{"heroTitle":"Audiovisual Production","heroSubtitle":"","heroBadge":"","heroColoredWords":"2","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Our agency designs, produces, and distributes your corporate videos."}]},{"type":"p","children":[{"type":"text","text":"Beyond being a simple visual tool, video helps increase your audience, improve your search rankings, and strengthen your message."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/video-motion-marketing-agency-service.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(169deg, rgba(255,0,0,0.86) -50%, rgba(51,0,255,0.69) 100%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"video motion marketing agency service","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Video & Motion: VSEO & VSEA","metaDescription":"Our agency designs, produces, and distributes your corporate videos. Beyond being a simple visual tool, video helps increase your audience, improve your search rankings, and strengthen your message.","metaTags":"VSEO, VSEA, Video Search Engine Optimization, Video Search Engine Advertising","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-08T00:27:50.566Z","localeCode":"en","slug":"video-motion-audiovisual-marketing-agency","url":"/en/services/video-motion-audiovisual-marketing-agency","ogId":"video-motion-audiovisual-marketing-agency-services-en","ogImagePath":"/og/video-motion-audiovisual-marketing-agency-services-en.png","type":"Article","title":"Video & Motion","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","draft":false,"logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"play-btn","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Definition of Video and Motion Design"}]},{"type":"p","children":[{"type":"text","text":"► "},{"type":"text","text":"Video","bold":true},{"type":"text","text":" encompasses all the techniques for recording and reproducing "},{"type":"text","text":"moving images","bold":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"► "},{"type":"text","text":"Motion design","bold":true},{"type":"text","text":", or "},{"type":"text","text":"animation design","bold":true},{"type":"text","text":", involves animating graphic elements. It’s the art of thinking in motion! It could be a fully animated "},{"type":"text","text":"spot","bold":true},{"type":"text","text":", an animation integrated into real footage, or an animation aimed solely at making a "},{"type":"text","text":"visual element","bold":true},{"type":"text","text":" dynamic on a website."}]},{"type":"h3","children":[{"type":"text","text":"Advantages of Marketing Videos"}]},{"type":"p","children":[{"type":"text","text":"Both "},{"type":"text","text":"entertaining","bold":true},{"type":"text","text":" and "},{"type":"text","text":"engaging","bold":true},{"type":"text","text":", videos ensure a high and growing engagement rate! Beyond being a simple visual tool, video helps increase your audience, "},{"type":"a","url":"/en/services/seo-sea-adwords","title":"SEO Services","children":[{"type":"text","text":"improve your search rankings"}]},{"type":"text","text":" and strengthen your message. It’s no secret that video has become a recurring component of the "},{"type":"text","text":"online marketing strategy","bold":true},{"type":"text","text":" of all major companies. Current "},{"type":"text","text":"platforms","bold":true},{"type":"text","text":" and "},{"type":"text","text":"technologies","bold":true},{"type":"text","text":" allow videos to be used as a true "},{"type":"text","text":"marketing asset","bold":true},{"type":"text","text":" on the Internet. Indeed, they are accessible on mobile devices, which are increasingly present in our daily lives. Finally, video complements your "},{"type":"a","url":"/en/services/visual-identity-graphic-printing-agency","title":"Visual Identity Services","children":[{"type":"text","text":"visual identity"}]},{"type":"text","text":" and enhances your digital presence."}]},{"type":"h3","children":[{"type":"text","text":"Promotional Video Services"}]},{"type":"p","children":[{"type":"text","text":"We design, produce, and distribute your "},{"type":"text","text":"corporate videos","bold":true},{"type":"text","text":". Our "},{"type":"text","text":"audiovisual and multimedia studio","bold":true},{"type":"text","text":" offers its expertise in creating your "},{"type":"text","text":"corporate films","bold":true},{"type":"text","text":" and "},{"type":"text","text":"advertising spots","bold":true},{"type":"text","text":". Our teams handle the online publishing and promotion of your content via "},{"type":"a","url":"/en/services/social-networks-marketing-agency-community-management","title":"Community Management Services","children":[{"type":"text","text":"video social networks"}]},{"type":"text","text":"."}]},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Video Example","label":"See our work","href":"/en/clients"}},{"type":"mdxJsxFlowElement","name":"youtube","children":[{"type":"text","text":""}],"props":{"title":"French Stack - Web Agency","id":"aJTGyyRXDh4"}},{"type":"h3","children":[{"type":"text","text":"Audiovisual Production Quote"}]},{"type":"p","children":[{"type":"text","text":"Feel free to fill out a "},{"type":"a","url":"/en/contact-us","title":"Contact Form","children":[{"type":"text","text":"quote request"}]},{"type":"text","text":", and we will reach out to discuss your audiovisual project together."}]}]},"dateCreate":"2016-05-15T09:32:12.000Z","dateUpdate":"2021-08-26T11:24:34.000Z","translations":[{"localeCode":"fr","title":"Vidéo & motion","slug":"video-motion-agence-marketing-audiovisuel","url":"/fr/services/video-motion-agence-marketing-audiovisuel"}],"tags":[{"id":"content/tags/en/web-marketing.mdx","localeCode":"en","title":"Marketing","slug":"web-marketing","url":"/en/services/web-marketing"}]}],"page":{"id":"content/pages/en/index.mdx","heroSection":{"heroTitle":"Digital Art at the Service of Your Brand","heroSubtitle":"","heroBadge":"","heroColoredWords":"1,2","heroBreakTitle":"2","heroShape":"waves","heroGradient":"halo-gradient","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Our agency develops tailor-made IT solutions."}]},{"type":"p","children":[{"type":"text","text":"Our unique creations set you apart and ensure your long-lasting success."}]},{"type":"mdxJsxFlowElement","name":"homeActions","children":[{"type":"text","text":""}],"props":{"link1":"/en/clients","title1":"Discover our work","link2":"/en/contact-us","title2":"Contact us"}}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/web-internet-agency-frenchstack.jpg","heroVideoBackground":"","heroStyle":{"heroBg":"radial-gradient(100% 27% at 50% 110%, #0077ffbf 15%, #0001ff2e 75%)","heroMaxWidth":"","heroMs":"0","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"web internet agency frenchstack","imageWidth":0,"imageHeight":0},"seoSection":{"metaTitle":"Web agency in Strasbourg","metaDescription":"Web studio specialized in creating websites that comply with W3C standards. Located in Strasbourg, Alsace, our agency designs, maintains, and restores your brand image online.","metaTags":"website creation, web development, website, internet site, web agency, web services, website development, Strasbourg, Alsace, Grand-Est, e-commerce, blog, e-reputation, web design, accessible websites, W3C","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-09T00:40:01.776Z","localeCode":"en","slug":"index","url":"/en/index","ogId":"index-en","ogImagePath":"/og/index-en.png","type":"Page","title":"Home","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"articleList","children":[{"type":"text","text":""}],"props":{"blocks":[{"href":"references","label":"Turning your ideas into success","title":"References","count":2,"cardTemplate":"full-width","subdomain":"clients","cardContainer":"row-col-12"},{"href":"services","label":"Maximizing your digital impact","title":"Services","count":9,"cardTemplate":"simple","subdomain":"services","cardContainer":"container-3-col"}]}}]},"isContainerized":false,"translations":[{"localeCode":"fr","title":"Accueil","slug":"index","url":"/fr/index"}]},"global":{"id":"content/global/en/settings.json","localeCode":"en","header":{"nav":[{"href":"index","label":"Home"},{"href":"blog","label":"Blog"},{"href":"videos","label":"Videos"},{"href":"services","label":"Services"},{"href":"clients","label":"Clients"},{"href":"about","label":"About"},{"href":"contact-us","label":"Contact"}]},"footer":{"social":[{"website":"x","account":"RoehmNicolas"},{"website":"instagram","account":"roehm.nicolas"},{"website":"facebook","account":"thefrenchstack"},{"website":"youtube","account":"@frenchstack"}],"hasSocial":true,"nav":[{"title":"French Stack","links":[{"href":"clients","label":"Clients"},{"href":"about","label":"About"},{"href":"contact-us","label":"Contact"}]},{"title":"Services","links":[{"href":"services/graphic-design","label":"Design"},{"href":"services/web-mobile-development","label":"Development"},{"href":"services/web-marketing","label":"Marketing"},{"href":"services/it-training","label":"Training"}]},{"title":"Blog","links":[{"href":"blog/angular","label":"Angular"},{"href":"blog/jquery","label":"jQuery"}]},{"title":"Videos","links":[{"href":"videos/audiovisual-marketing","label":"Audiovisual Marketing"}]}]},"bottom":{"dateCreate":"2015-12-27T05:55:00.000Z","nav":[{"href":"legal-informations","label":"Legal informations"},{"href":"privacy-policy","label":"Privacy policy"}],"hasLinks":true},"contactInfo":{"contactMethods":[{"id":"email","icon":"envelope","value":"frenchstack@gmail.com"},{"id":"phone","icon":"phone","value":"0651570751"}]}}},"__N_SSG":true}