CINXE.COM
Guest Posts – UPDIVISION
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="83zo42Y43kio134K5xg11lhuaFaLg6KY9Pnv39Kj"> <title>Guest Posts – UPDIVISION</title> <meta name="description" content="If you work with similar technologies to ours and you’re good with words, write for us."> <meta itemprop="name" content="Guest Posts – UPDIVISION"> <meta itemprop="description" content="If you work with similar technologies to ours and you’re good with words, write for us."> <meta itemprop="image" content="https://updivision.com/images/updivision_social.png"> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@updivision"> <meta name="twitter:url" content="https://updivision.com/guest-posts"> <meta name="twitter:title" content="Guest Posts – UPDIVISION"> <meta name="twitter:description" content="If you work with similar technologies to ours and you’re good with words, write for us."> <meta name="twitter:creator" content="@updivision"> <meta name="twitter:image" content="https://updivision.com/images/updivision_social.png"> <meta property="og:url" content="https://updivision.com/guest-posts" /> <meta property="og:title" content="Guest Posts – UPDIVISION" /> <meta property="og:description" content="If you work with similar technologies to ours and you’re good with words, write for us." /> <meta property="fb:app_id" content="144048456292977" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://updivision.com/images/updivision_social.png" /> <link rel="icon" type="image/png" href="https://updivision.com/images/favicon.png"> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TJKP38K'); </script> <!-- End Google Tag Manager --> <!-- cookiebot --> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="084bbab7-9760-4daf-8234-4835422058f7" data-blockingmode="auto" data-consentmode="disabled" type="text/javascript"></script> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1969596456486032'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=1969596456486032&ev=PageView &noscript=1"/> </noscript> <!-- End Facebook Pixel Code --> <!-- Laravel MIX css--> <link rel="stylesheet" type="text/css" href="https://updivision.com/css/jquery.bxslider.min.css"> <link rel="stylesheet" type="text/css" href="/css/app.css?id=2f0fc6a0a6f6021649e20d8b2a535898"> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> </head> <body data-spy="scroll" data-target="#myScrollspy" data-offset="15" class="lang-en" > <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJKP38K" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="container-fluid video-background guest_posts-page"> <div class="top-section"> <nav class="navbar navbar-default my-navbar"> <div class="container top-container"> <div class="navbar-header"> <button type="button" id="main-menu" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-top-navbar" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar icon-bar-1"></span> <span class="icon-bar icon-bar-2"></span> <span class="icon-bar icon-bar-3"></span> </button> <a class="navbar-brand" href="https://updivision.com" title="UPDIVISION"> <img src="https://updivision.com/images/homepage/logo-white.svg" title="UPDIVISION" alt="UPDIVISION"> </a> </div> <div class="collapse navbar-collapse" id="bs-top-navbar"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown first-row-item hide-on-mobile language_menu" style="margin-right: 7px;"> <a href="https://updivision.com" class="dropdown-toggle item_padding" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="/images/homepage/animations/earth.svg" class="menu-icon" style="margin-right:3px;" alt="Language">EN</a> <ul class="dropdown-menu dropdown-menu-language"> <li class=" hidden "><a href="https://updivision.com">EN</a></li> <li class=""><a href="https://updivision.de">DE</a></li> </ul> </li> <li class="dropdown first-row-item hide-on-mobile mb-3"> <a href="#" class="dropdown-toggle knowledge" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="/images/homepage/animations/bookmark.svg" class="menu-icon" title="Blog" alt="Blog">Knowledge</a> <ul class="dropdown-menu dropdown-menu-left knowledge_dropdown"> <li><a class="knowledge_item" href="https://updivision.com/blog" title="Blog"> <!-- <div class="lottie" data-animation-path="images/homepage/animations/bookmark.json" data-anim-loop="true" data-name="icon"></div> --> Blog </a> </li> <li><a class="knowledge_item" href="https://updivision.com/resources" title="Resources"> Resources</a> </li> <li><a class="subscribe-toggle-site knowledge_item" href="#" title="Newsletter"> Newsletter</a> </li> <li> <a class="knowledge_item" href="https://updivision.com/guest-posts" title="Write for us">Write for us</a> </li> </ul> </li> <li class="dropdown first-row-item hide-on-mobile careers"> <a href="https://updivision.com/careers" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Careers"> <img src="/images/homepage/animations/star.svg" class="menu-icon" title="Careers" alt="Careers"> Careers </a> <ul class="dropdown-menu dropdown-menu-left careers_dropdown"> <li><a class="knowledge_item" href="https://updivision.com/careers?variable=tech" title="Technical"> Technical</a> </li> <li> <a class="knowledge_item" href="https://updivision.com/careers?variable=non-tech" title="Non-technical">Non-technical</a> </li> </ul> </li> <li class="dropdown first-row-item hide-on-mobile mb-3 free_stuff"> <a href="#" class="dropdown-toggle knowledge" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="/images/homepage/animations/heart_1.svg" class="menu-icon" title="Blog" alt="Blog">Free stuff</a> <ul class="dropdown-menu dropdown-menu-left"> <li><a href="https://updivision.com/product-roadmap" title="Free product roadmap"> Free product roadmap </a> </li> <li><a href="https://updivision.com/free-ui-ux-app-assessment" title="Free UI/UX assessment"> Free UI/UX assessment</a> </li> <li> <a href="https://updivision.com/build-team" title="Get software talent CVs"> Get software talent CVs</a> </li> </ul> </li> <li class="desktop_break"><br /></li> <li class="dropdown second-row-item hide-on-desktop first-second-row-item "> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language<img class="down-arrow" src="https://updivision.com/images/homepage/down-arrow.svg" alt=""></a> <ul class="dropdown-menu dropdown-menu-left"> <li><a href="https://updivision.de" title="Germany">German</a></li> </ul> </li> <li class="show-on-mobile"><a href="https://updivision.com" title="UPDIVISION">Home</a></li> <li id="what_we_do" class="second-row-item"> <a href="#" id="what_we_do_link" role="button" aria-haspopup="true" aria-expanded="false">What we do<img class="down-arrow" src="https://updivision.com/images/homepage/down-arrow.svg" alt=""></a> <ul id="parent_menu" class="dropdown-menu dropdown-menu-left"> <li id="services" class="dropdown-submenu"> <a href="#" class="dropdown-toggle on_mobile" id="services_link" tabindex="-1">Services</a> <a href="https://updivision.com/services" class="dropdown-toggle on_desktop" tabindex="-1">Services</a> <ul id="submenu" class="dropdown-menu"> <li class="dropdown-item"><a href="https://updivision.com/services" tabindex="-1" title="Get your software built">Get your software built</a></li> <li class="dropdown-item"><a href="https://updivision.com/services-devs" tabindex="-1" title="Get devs & teams">Get devs & teams</a></li> <li class="dropdown-item"><a href="https://updivision.com/services-ux" tabindex="-1" title="Get UI/UX">Get UI/UX</a></li> </ul> </li> <li><a href="https://updivision.com/products" title="Products">Products</a></li> <li><a href="https://updivision.com/technology" title="Technologies">Technologies</a> </li> <li><a href="https://updivision.com/opensource" title="Open Source">Open Source</a> </li> <li><a href="https://updivision.com/industries" title="Industries">Industries</a> </li> </ul> </li> <li class="dropdown second-row-item"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Portfolio<img class="down-arrow" src="https://updivision.com/images/homepage/down-arrow.svg" alt=""></a> <ul class="dropdown-menu dropdown-menu-left"> <li><a href="https://updivision.com/portfolio" title="Projects">Projects</a> </li> <li><a class="more-padding" href="https://updivision.com/testimonials" title="Testimonials">Testimonials</a></li> </ul> </li> <li class="dropdown second-row-item"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About<img class="down-arrow" src="https://updivision.com/images/homepage/down-arrow.svg" alt=""></a> <ul class="dropdown-menu dropdown-menu-left"> <li><a href="https://updivision.com/ourstory" title="Story">Story</a> </li> <li><a href="https://updivision.com/team" title="Team">Team</a></li> <li><a href="https://updivision.com/values" title="Values">Values</a> </li> <li><a href="/press-kit" title="Press Kit">Press Kit</a></li> <li><a href="https://updivision.com/faq" title="FAQ">FAQ</a></li> <li class="nav-item-to-show"><a href="https://updivision.com/contact" title="Contact">Contact</a></li> </ul> </li> <li class="second-row-item"><a href="https://updivision.com/contact" title="Contact">Contact</a></li> <li class="dropdown show-on-mobile"> <a class="dropdown-toggle knowledge" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Blog">Knowledge</a> <ul class="dropdown-menu dropdown-menu-left knowledge_dropdown"> <li><a href="https://updivision.com/blog" title="Blog"> <!-- <div class="lottie" data-animation-path="images/homepage/animations/bookmark.json" data-anim-loop="true" data-name="icon"></div> --> Blog </a> </li> <li><a href="https://updivision.com/resources" title="Resources"> Resources</a> </li> <li><a class="subscribe-toggle-site" href="#" title="Newsletter"> Newsletter</a> </li> <li><a href="https://updivision.com/guest-posts" title="Write for us"> Write for us</a> </li> </ul> </li> <li class="show-on-mobile"><a class="subscribe-toggle-site" href="#" title="Newsletter">Newsletter</a></li> <li class="dropdown first-row-item show-on-mobile"> <a href="https://updivision.com/careers" class="dropdown-toggle item_padding" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Careers"> Careers </a> <ul class="dropdown-menu dropdown-menu-left careers_dropdown"> <li><a class="knowledge_item" href="https://updivision.com/careers?variable=tech" title="Technical"> Technical</a> </li> <li> <a class="knowledge_item" href="https://updivision.com/careers?variable=non-tech" title="Non-technical">Non-technical</a> </li> </ul> </li> <li class="dropdown show-on-mobile"> <a class="dropdown-toggle knowledge" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Blog">Free stuff</a> <ul class="dropdown-menu dropdown-menu-left knowledge_dropdown"> <li><a href="https://updivision.com/product-roadmap" title="Free product roadmap"> Free product roadmap </a> </li> <li><a href="https://updivision.com/free-ui-ux-app-assessment" title="Free UI/UX assessment"> Free UI/UX assessment</a> </li> <li> <a href="https://updivision.com/build-team" title="Get software talent CVs"> Get software talent CVs</a> </li> </ul> </li> </ul> </div> </div> </nav> <div class="container top-container"> <div class="intro"> <div class="col-lg-9 col-md-9 col-sm-10 intro-text"> <h1>Write for our blog. Spread your tech knowledge. Gain fame.</h1> <p>Enjoying our blog posts? You can be part of the fun. If you work with similar technologies to ours and you’re good with words, write for us.</p> </div> </div> </div> </div> </div> <div class="container move-up"> <div class="subscribe-pop-up site" id="subscribe-pop-up"> <div class="close-pop"><i class="fa fa-close"></i></div> <div class="content"> <iframe id="JotFormIFrame-223491411808353" class="JotFormIFrame" title="Monthly Newsletter" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/223491411808353?condition=modal" frameborder="0" style=" min-width: 100%; border:none;" scrolling="no" > </iframe> </div> </div> <div class="guest_posts"> <div class="section_one"> <div class="header"> <div class="head"> <h2 class="class-h1">We love to collaborate with other devs. <br> On more than just code.</h2> <p>In software development, we often learn by doing - and we love to talk about it. Plus, we believe it’s even better to invite more developers, like you, to talk from their experience.</p> </div> </div> <div class="questions-answer row"> <div class="question collapsed col-md-12" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1"> <p class="title-que">About the UPDIVISION blog</p> <img class="plus-ico" src="https://updivision.com/images/faq/plus.png" alt="icon"> <img class="minus-ico" src="https://updivision.com/images/faq/minus.png" alt="icon"> </div> <div class="col-md-12 content-answer"> <div class="collapse multi-collapse" id="collapse1"> <div class="card card-body"> <p>We’ve been doing custom software development since 2010. And because this field is collaborative in nature, we chose to also create a blog where we share our expertise, give tips and tricks, and help beginners get started.</p> <p>Thus, we write about what we do: software development, project management, and UI/UX design. Tutorials, guides from our experience, lessons we learned, and anything we find useful.</p> <p>Most of our articles are catered towards fellow software developers, both frontend and backend, mostly beginners, as well as UI/UX designers. We also cater articles to business owners looking for technical solutions, to help them navigate the world of software outsourcing.</p> </div> </div> </div> <div class="question collapsed col-md-12" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2"> <p class="title-que">Guidelines for writing a guest post on our blog</p> <img class="plus-ico" src="https://updivision.com/images/faq/plus.png" alt="icon"> <img class="minus-ico" src="https://updivision.com/images/faq/minus.png" alt="icon"> </div> <div class="col-md-12 content-answer"> <div class="collapse multi-collapse" id="collapse2"> <div class="card card-body"> <p>The length of our articles usually ranges from 700-1000 words, depending on the complexity of the topic chosen.</p> <p>We work with lots of different technologies, but there are some in particular that we write about more often. Here’s what you could write about:</p> <ul> <li>Vue.js (useful tips&tricks for beginners, in particular)</li><li>PHP and Laravel</li><li>React</li><li>Node.js</li><li>Bootstrap</li><li>HTML, CSS and/or Javascript</li><li>Tailwind</li><li>JSON:API</li> </ul> <p>If you want to write about other technologies just drop us an email to see it is a good fit for our blog.</p> <p>In terms of topics or themes, here are some general suggesstions based on what we usually write about:</p> <ul> <li>Best practices</li><li>Tips and how-tos</li><li>Tools to use for specific tehnologies or frameworks</li><li>Tutorials for specific elements of a technology</li><li>Leading perspectives on industry trends</li> </ul> <p>In terms of style, we usually use pretty simple English, semi formal (not corporate but also not too imature), without cliches, overused sayings and idioms. You can try out the Hemmingway App, which will help with readability.</p> <p>We like to get to the point, without fluff, and only include useful information. We also like to make clever headlines:)</p> <p>In terms of structure, our articles always have:</p> <ul> <li>A catchy headline that suits the theme of the article and especially the first paragraphs</li><li>A meta title (if the main title you create is longer than 60 characters, make sure to prepare a shorter one as well)</li><li>A description (max. 160 characters)</li><li>A list of keywords</li> </ul> <p>In terms of SEO, it’s useful to stick to a main keyword. Try to Google it before you get started to see what kind of posts rank highest - or if it’s a keyword people search for in the first place. Don’t overuse it in the article, however - it could become tiring to read.</p> </div> </div> </div> <div class="question collapsed col-md-12" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3"> <p class="title-que">Attribution, republishing and other legal stuff</p> <img class="plus-ico" src="https://updivision.com/images/faq/plus.png" alt="icon"> <img class="minus-ico" src="https://updivision.com/images/faq/minus.png" alt="icon"> </div> <div class="col-md-12 content-answer"> <div class="collapse multi-collapse" id="collapse3"> <div class="card card-body"> <p>If you’re using images, use royalty free or original ones. We suggest using Unsplash. If you want to use images from other places, always credit the source.</p> <p>You can only submit original articles, written by you, that haven’t been previously published. Anything you include that comes from another source, you must credit (statistics, bits of documentation, and so on)</p> <p>Regarding republishing: feel free to post the articles you write for us on your own blogs as well, linking back to us. You can also post a portion of it to your blog, and the next to ours. If you’re posting on places like dev.to, link to our blog in the canonical URL. We’d also be glad if you share it on your social media accounts.</p> </div> </div> </div> </div> </div> <div class="section_two"> <div class="header"> <div class="head"> <h2 class="class-h1">But first, let’s see if we’re a match.</h2> <p>We value dedication, expertise and good writing skills. We`re looking for guest authors who are just like us. So here is some of our criteria for potential guest authors on our blog.</p> </div> </div> <div class="row cards_match"> <div class="col-sm-6 col-md-4"> <div class="card_content"> <div class="card_text"> <h3>Write about what you know.</h3> <p>Have you been working with certain technologies for more than 2 years and could even write books about them? That’s the kind of knowledge level we’re looking for.</p> </div> <div class="images"> <img src="https://updivision.com/images/guest_posts/guest_posts_1.png" alt="guest_posts" class="match_img"> </div> </div> </div> <div class="col-sm-6 col-md-4"> <div class="card_content"> <div class="card_text"> <h3>Have some tech writing experience</h3> <p>We prefer having guest authors who already have a tech blog - and who have been posting on it for at least a year. This will ensure higher quality content that is useful and readable.</p> </div> <div class="images"> <img src="https://updivision.com/images/guest_posts/guest_posts_2.png" alt="guest_posts" class="match_img"> </div> </div> </div> <div class="col-sm-6 col-md-4"> <div class="card_content"> <div class="card_text"> <h3>Be able to take and use our feedback</h3> <p>The perfect tech article doesn’t exist, but we can work together to get close. We’ll give you feedback to shape your articles into what suits our blog best.</p> </div> <div class="images"> <img src="https://updivision.com/images/guest_posts/guest_posts_3.png" alt="guest_posts" class="match_img"> </div> </div> </div> </div> <div class="for_us"> <h3 class="title_forUs">What’s in it for us?</h3> <div class="row"> <div class="col-xs-12 col-sm-4 col-md-3"> <div> <img src="https://updivision.com/images/guest_posts/guest_post_4.svg" alt=""> <div> <h3>Building an usful stack of tech articles</h3> <p>We’ve been writing about tech on our blog for many years now. And we would love to build on that with your ideas and experience.</p> </div> </div> </div> <div class="hide-mobile col-md-2"> <span></span> </div> <div class="col-xs-12 col-sm-4 col-md-3"> <div> <img src="https://updivision.com/images/guest_posts/guest_post_5.svg" alt=""> <div> <h3>Creating backlinks for our blog</h3> <p>The articles you write for us will link back to your blogs and/or websites. Which, in turn, helps us in building our blog’s search rankings.</p> </div> </div> </div> <div class="hide-mobile col-md-2"> <span></span> </div> <div class="col-xs-12 col-sm-4 col-md-3"> <div> <img src="https://updivision.com/images/guest_posts/guest_post_6.svg" alt=""> <div> <h3>Creating new partnerships</h3> <p>We’re always looking for new tech talent - and we’d love to hire new faces. Especially if you work with our technologies.</p> </div> </div> </div> </div> </div> <div class="for_us"> <h3 class="title_forYou">What’s in it for you?</h3> <div class="row"> <div class="col-xs-12 col-sm-4 col-md-3"> <div> <img src="https://updivision.com/images/guest_posts/guest_post_7.svg" alt=""> <div> <h3>Exposure and backlinks for your blog</h3> <p>Linking back to our blog and posts we’ve previously written will create backlinks for your own blog - which can improve your search rankings.</p> </div> </div> </div> <div class="hide-mobile col-md-2"> <span></span> </div> <div class="col-xs-12 col-sm-4 col-md-3"> <div> <img src="https://updivision.com/images/guest_posts/guest_post_8.svg" alt=""> <div> <h3>Building up your writing skills</h3> <p>The best way to improve your writing is through practice. And since we’ve been doing this for so long, we can help you polish your skills.</p> </div> </div> </div> <div class="hide-mobile col-md-2"> <span></span> </div> <div class="col-xs-12 col-sm-4 col-md-3"> <div> <img src="https://updivision.com/images/guest_posts/guest_post_9.svg" alt=""> <div> <h3>Potential longterm collab with us</h3> <p>By writing for us, you get the chance to collaborate with us on development projects as well. And who knows, it could turn into a longterm thing.</p> </div> </div> </div> </div> </div> </div> <div class="section_three"> <div class="header"> <div class="head"> <h2 class="class-h1">Check out what our guest authors have written for us so far</h2> <p>Take a look at what we’ve deemed as the right kind of articles for our blog. This can help you determine if we’re truly a good match. So go ahead and check out the work of our guest authors so far.</p> </div> </div> <div class="row"> <div class="col-sm-4 col-md-4"> <div class="images"> <a href="https://updivision.com/blog/post/sending-emails-in-laravel-a-step-by-step-tutorial" title="Sending emails in Laravel. A step-by-step tutorial"> <img src="https://updivision.com/storage/uploads/posts/26bbb11d774d65752a245f56b8cee8fd.jpg" alt="Sending emails in Laravel. A step-by-step tutorial"> </a> </div> <a href="https://updivision.com/blog/post/sending-emails-in-laravel-a-step-by-step-tutorial" title="Sending emails in Laravel. A step-by-step tutorial"> <h3>Sending emails in Laravel. A step-by-step tutorial</h3> </a> <p class="card_details">October 31st, 2022, by Yurii Shumak</p> <p class="description">Follow our step-by-step tutorial and learn how to send emails from a Laravel application. And easily integrate third-party services to manage subscribers and send emails on time.</p> </div> <div class="col-sm-4 col-md-4"> <div class="images"> <a href="https://updivision.com/blog/post/how-to-make-a-simple-unit-converter-in-vue" title="How to Make a Simple Unit Converter in Vue"> <img src="https://updivision.com/storage/uploads/posts/6225603bf22bd7d661e77f1ecd1ef121.jpg" alt="How to Make a Simple Unit Converter in Vue"> </a> </div> <a href="https://updivision.com/blog/post/how-to-make-a-simple-unit-converter-in-vue" title="How to Make a Simple Unit Converter in Vue"> <h3>How to Make a Simple Unit Converter in Vue</h3> </a> <p class="card_details">March 24th, 2022, by Matvey Nikonorov</p> <p class="description">In this article, you’ll be learning how to create an energy unit converter SPA(Single Page Application) in Vue.</p> </div> <div class="col-sm-4 col-md-4"> <div class="images"> <a href="https://updivision.com/blog/post/introduction-to-apis-and-3-repositories-to-get-you-started" title="Introduction to APIs. And 3 repositories to get you started."> <img src="https://updivision.com/storage/uploads/posts/66d0e52eed867d53c2394ed401c2b157.jpg" alt="Introduction to APIs. And 3 repositories to get you started."> </a> </div> <a href="https://updivision.com/blog/post/introduction-to-apis-and-3-repositories-to-get-you-started" title="Introduction to APIs. And 3 repositories to get you started."> <h3>Introduction to APIs. And 3 repositories to get you started.</h3> </a> <p class="card_details">March 10th, 2022, by Suraj Vishwakarma</p> <p class="description">A deep dive into what APIs are, what you should know about them, and some help to get you started.</p> </div> </div> </div> <div class="section_three"> <div class="header"> <div class="head"> <h2 class="class-h1">Check out some of our own work, to use as inspiration</h2> <p>We’ve written lots of tech articles ourselves. And there’s a certain style and tone of voice that we like to use. So check out some of our highlights to get inspired.</p> </div> </div> <div class="row"> <div class="col-sm-4 col-md-4"> <div class="images"> <a href="https://updivision.com/blog/post/updivision-joins-the-excellent-companies-business-network" title="UPDIVISION joins the Excellent Companies business network"> <img src="https://updivision.com/storage/uploads/posts/3013b908c88a0a428123294d9d9d968b.jpg" alt="UPDIVISION joins the Excellent Companies business network"> </a> </div> <a href="https://updivision.com/blog/post/updivision-joins-the-excellent-companies-business-network" title="UPDIVISION joins the Excellent Companies business network"> <h3>UPDIVISION joins the Excellent Companies business network</h3> </a> <p class="card_details">April 2nd, 2025, by admin</p> <p class="description">We’re excited to announce that UPDIVISION is now part of the Excellent Companies business network, an international hub for sharing know-how, business opportunities, and industry expertise.</p> </div> <div class="col-sm-4 col-md-4"> <div class="images"> <a href="https://updivision.com/blog/post/how-ai-is-shaking-up-user-interface-design" title="How AI is shaking up user interface design"> <img src="https://updivision.com/storage/uploads/posts/b915910b534579bf9993a2103e5269b6.jpg" alt="How AI is shaking up user interface design"> </a> </div> <a href="https://updivision.com/blog/post/how-ai-is-shaking-up-user-interface-design" title="How AI is shaking up user interface design"> <h3>How AI is shaking up user interface design</h3> </a> <p class="card_details">March 24th, 2025, by Miruna</p> <p class="description">AI isn’t just changing how we design apps—it’s redefining how we interact with them overall. Is AI in UI design the future of smarter, more personal, and more intuitive digital experiences? Let’s find out.</p> </div> <div class="col-sm-4 col-md-4"> <div class="images"> <a href="https://updivision.com/blog/post/breaking-down-animation-in-ui-when-and-how-to-use-it-effectively" title="Breaking down animation in UI: when and how to use it effectively"> <img src="https://updivision.com/storage/uploads/posts/9de88babecdc242456f30235ec55f3f1.jpg" alt="Breaking down animation in UI: when and how to use it effectively"> </a> </div> <a href="https://updivision.com/blog/post/breaking-down-animation-in-ui-when-and-how-to-use-it-effectively" title="Breaking down animation in UI: when and how to use it effectively"> <h3>Breaking down animation in UI: when and how to use it effectively</h3> </a> <p class="card_details">March 5th, 2025, by Miruna</p> <p class="description">Think animation in UI is just for looks? Think again! Used right, it guides user attention and makes interactions feel seamless. But overdo it, and you’ll frustrate users instead. Discover when, why, and how to use animation effectively.</p> </div> </div> </div> <div class="section_four"> <div class="header"> <div class="head"> <h2 class="class-h1">Sounds good? Submit a request to be a guest author on our blog.</h2> <p><span>Send an email to</span> <a href="/cdn-cgi/l/email-protection#bb9bd4ddddd2d8defbcecbdfd2cdd2c8d2d4d5" class="email">office@updivision</a> <span>telling us a bit about yourself, what technologies you work with, what topic you’d like to write about, a link to your blog or previous articles you’ve written and we’ll get back to you as soon as possible.</span></p> </div> </div> </div> </div> <div class="subscribe-popUp-footer site"> <div class="close-pop"><i class="fa fa-close"></i></div> <div class="content"> <h2 class="sub-message site"></h2> <div class="sub-error footer"></div> </div> </div> <div id="footer" class="footer"> <div class="bg-black"> <div class="first_section"> <div class="row footer-row"> <div class="col-md-12 links-sections"> <div class="row"> <div class="col-xs-12 col-sm-3 col-md-2 info-section"> <div class="left-footer"> <div> <div> <img class="btm-logo" src="https://updivision.com/images/homepage/logo-white.svg" alt="Updivision - logo"><br> </div> <div> <p class="left-footer_title">Follow us on:</p> <ul class="left-footer_list"> <li> <a href="https://www.linkedin.com/company/updivision" title="UPDIVISION LinkedIn" target="_blank"><img src="https://updivision.com/images/footer/linkedin.svg" title="linkedin" alt="linkedin"></a><br> </li> <li> <a href="https://www.facebook.com/updivision/" title="UPDIVISION Facebook" target="_blank"><img src="https://updivision.com/images/footer/facebook.svg" title="facebook" alt="facebook"></a><br> </li> <li> <a href="https://dribbble.com/updivision" title="UPDIVISION Dribbble" target="_blank"><img src="https://updivision.com/images/footer/optimized/dribbble.svg" title="twitter" alt="twitter"></a><br> </li> </ul> </div> <div class="email_us"> <p class="left-footer_title">Email us at:</p> <a href="/cdn-cgi/l/email-protection#aec1c8c8c7cdcbeedbdecac7d8c7ddc7c1c080cdc1c3" target="_top"><span class="__cf_email__" data-cfemail="e58a83838c8680a59095818c938c968c8a8bcb868a88">[email protected]</span></a><br> </div> </div> </div> </div> <div class="col-xs-12 col-sm-9 col-md-5 menu-links"> <div class="row"> <div class="col-xs-4 col-sm-4 col-md-4"> <div class="content_center"> <h2>About</h2> <ul> <li><a href="https://updivision.com/ourstory" title="Updivision - Story">Story</a></li> <li><a href="https://updivision.com/team" title="Updivision - Team">Team</a></li> <li><a href="https://updivision.com/values" title="Updivision - Values">Values</a></li> <li><a href="https://updivision.com/portfolio" title="Updivision - Portfolio">Portfolio</a></li> <li><a href="https://updivision.com/testimonials" title="Updivision - Testimonials">Testimonials</a></li> <li><a href="https://updivision.com/careers" title="Updivision - Careers">Careers</a></li> </ul> </div> </div> <div class="col-xs-4 col-sm-4 col-md-4"> <div class="content_center"> <h2 class="title_no-wrap">What we do</h2> <ul> <li><a href="https://updivision.com/services" title="Services">Services</a></li> <li><a href="https://updivision.com/products" title="Products">Products</a></li> <li><a href="https://updivision.com/technology" title="Technologies">Technologies</a></li> <li><a href="https://updivision.com/opensource" title="Open Source">Open Source</a></li> <li><a href="https://updivision.com/industries" title="Industries">Industries</a></li> </ul> </div> </div> <div class="col-xs-4 col-sm-4 col-md-4"> <div class="content_center"> <h2>Knowledge</h2> <ul> <li><a href="https://updivision.com/blog" title="Updivision - Blog">Blog</a></li> <li><a href="https://updivision.com/resources" title="Updivision - Resources">Resources</a></li> <li><a href="https://updivision.com/faq" title="Updivision - FAQ">FAQ</a></li> <li><a href="https://updivision.com/press-kit" title="Press Kit">Press Kit</a></li> <li><a href="https://updivision.com/privacy-policy" title="Privacy Policy">Privacy Policy</a></li> <li><a href="https://updivision.com/cookie-policy" title="Cookie Policy">Cookie Policy</a></li> </ul> </div> </div> </div> </div> <div class="col-xs-12 col-md-5 newsletter"> <div class="row newsletter_content d-flex"> <div class="col-xs-12 col-sm-12 col-md-11 newsletter_content d-flex"> <div class="subscribe_footer" id="subscribe-footer"> <iframe id="JotFormIFrame-223491411808353" class="JotFormIFrame" title="Monthly Newsletter" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/223491411808353?condition=footer" frameborder="0" style=" width: 100%; border:none; min-height:200px;" scrolling="no" > </iframe> </div> </div> </div> </div> </div> </div> <div class="col-xs-12"> <div class="section-images d-flex"> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://updivision.com/blog/post/updivision-is-now-iso-certified-quality-management-and-information-security-management"><img src="https://updivision.com/images/footer/ISO_9001.svg" alt="backpack"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://updivision.com/blog/post/updivision-is-now-iso-certified-quality-management-and-information-security-management"><img src="https://updivision.com/images/footer/ISO_27001.svg" alt="backpack"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://backpackforlaravel.com/?ref=updivision"><img src="https://updivision.com/images/footer/backpack.svg" alt="backpack"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://www.creative-tim.com/"><img src="https://updivision.com/images/footer/creative_tim.svg" alt="creative_tim"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://themesberg.com/"><img src="https://updivision.com/images/footer/Themesberg_badge.svg" alt="Themesberg_badge"></a></div> </div> <div> <div class="good-firms footer_badge"><a target="_blank" href="https://www.amplifyre.com/company/updivision"><img id="app-development" src="https://updivision.com/images/footer/amplifyre.svg" alt="Amplifyre"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a href="#"><img src="https://updivision.com/images/footer/laravel-certified-company.svg" alt="Laravel Certified Company"></a></div> </div> <div class="footer_badge_2"> <div class="clutch-widget widget" data-url="https://widget.clutch.co" data-widget-type="1" data-height="50" data-clutchcompany-id="340270"></div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © UPDIVISION 2010-2025. All rights reserved.</p> <br/><br/> </div> </div> </div> </div> <!-- Laravel MIX js--> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/js/app.js?id=feb290a5e86c40e987a6bc64bcce676e"></script> <script src="/js/script.js?id=5f751ef8013c16ca2eca8a0ec87d2317"></script> <!-- CLUTCH WIDGET SCRIPT --> <script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script> <!-- You've gotten this far checking our source code? Now you HAVE to hire us :-) Send an email to andrei@updivision.com --> <script src="https://updivision.com/js/subscribe-site.js"></script> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-223491411808353"); if (ifr) { var src = ifr.src; var iframeParams = []; if (window.location.href && window.location.href.indexOf("?") > -1) { iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&')); } if (src && src.indexOf("?") > -1) { iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&")); src = src.substr(0, src.indexOf("?")) } iframeParams.push("isIframeEmbed=1"); ifr.src = src + "?" + iframeParams.join('&'); } window.handleIFrameMessage = function(e) { if (typeof e.data === 'object') { return; } var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) { return; } switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; case "loadScript": if( !window.isPermitted(e.origin, ['jotform.com', 'jotform.pro']) ) { break; } var src = args[1]; if (args.length > 3) { src = args[1] + ':' + args[2]; } var script = document.createElement('script'); script.src = src; script.type = 'text/javascript'; document.body.appendChild(script); break; case "exitFullscreen": if (window.document.exitFullscreen) window.document.exitFullscreen(); else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen(); else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen(); else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen(); else if (window.document.msExitFullscreen) window.document.msExitFullscreen(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); $('.sub-message.site').hide(); } }; window.isPermitted = function(originUrl, whitelisted_domains) { var url = document.createElement('a'); url.href = originUrl; var hostname = url.hostname; var result = false; if( typeof hostname !== 'undefined' ) { whitelisted_domains.forEach(function(element) { if( hostname.slice((-1 * element.length - 1)) === '.'.concat(element) || hostname === element ) { result = true; } }); return result; } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-223491411808353"); if (ifr) { var src = ifr.src; var iframeParams = []; if (window.location.href && window.location.href.indexOf("?") > -1) { iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&')); } if (src && src.indexOf("?") > -1) { iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&")); src = src.substr(0, src.indexOf("?")) } iframeParams.push("isIframeEmbed=1"); ifr.src = src + "?" + iframeParams.join('&'); } window.handleIFrameMessage = function(e) { if (typeof e.data === 'object') { return; } var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) { return; } switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; case "loadScript": if( !window.isPermitted(e.origin, ['jotform.com', 'jotform.pro']) ) { break; } var src = args[1]; if (args.length > 3) { src = args[1] + ':' + args[2]; } var script = document.createElement('script'); script.src = src; script.type = 'text/javascript'; document.body.appendChild(script); break; case "exitFullscreen": if (window.document.exitFullscreen) window.document.exitFullscreen(); else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen(); else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen(); else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen(); else if (window.document.msExitFullscreen) window.document.msExitFullscreen(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; window.isPermitted = function(originUrl, whitelisted_domains) { var url = document.createElement('a'); url.href = originUrl; var hostname = url.hostname; var result = false; if( typeof hostname !== 'undefined' ) { whitelisted_domains.forEach(function(element) { if( hostname.slice((-1 * element.length - 1)) === '.'.concat(element) || hostname === element ) { result = true; } }); return result; } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script> </body> </html>