https://www.satinflame.com/ Recent content on satinflame design Hugo -- gohugo.io en-us Fri, 23 Oct 2020 09:44:31 -0600 https://www.satinflame.com/blog/2020/10/high-ed-web-2020-golden-nuggets/ Fri, 23 Oct 2020 09:44:31 -0600 https://www.satinflame.com/blog/2020/10/high-ed-web-2020-golden-nuggets/ Although 2020 has brought waves of isolation, it has also created the opportunity for more online conferences than ever. After attending HighEdWeb’s Accessibility Summit in June, I was extremely excited to be able to attend my first HighEdWeb Annual Conference since 2014 (Portland, OR!) We dove into the first day with a quick welcome and a round of lightning talks. The lightning talks were perfect for this platform—quick, 10-minute sessions about various topics to give you an overview of subjects you might want to delve into deeper afterward. https://www.satinflame.com/blog/2020/08/creating-responsive-images-in-ou-campus/ Wed, 26 Aug 2020 03:18:22 -0600 https://www.satinflame.com/blog/2020/08/creating-responsive-images-in-ou-campus/ It’s no secret: these past years have seen ever-increasing sizes of images to feature on your school’s homepage. Though some designs are now implementing smaller images (and thankfully taking a step back from large carousels), these pages can still pack a punch to your visitors’ bandwidth. With over 30% of users likely visiting from mobile devices, it would be ideal that a 480px-wide mobile device only downloads a 480px-wide image instead of the 1200px-wide image that is typically designed for a desktop monitor. https://www.satinflame.com/blog/2020/05/creating-flexible-contact-boxes-in-ou-campus/ Fri, 29 May 2020 10:14:46 -0600 https://www.satinflame.com/blog/2020/05/creating-flexible-contact-boxes-in-ou-campus/ Making the leap to apply for a new school can be exciting but scary. Often prospective students are looking for answers prior to clicking that magical Apply Now button—but what if they can’t find the information they need? Who can they contact? Creating a system to deliver consistent contact information is an opportunity to help your higher ed website shine and encourage students to reach out! In the following project, we developed a standardized contact region and the tools to manage it using OU Campus. https://www.satinflame.com/blog/2020/01/approving-pages-oucampus/ Fri, 10 Jan 2020 06:42:18 -0700 https://www.satinflame.com/blog/2020/01/approving-pages-oucampus/ Getting started When you first open up a submitted web page, you may be wondering what is different between the submission and the live versions. During user training, encourage your content managers to write descriptions that outline what they’ve changed. Encourage content managers to write a clear subject and message detailing what content has changed. Before you begin reviewing, save a new version of the staged page with a description “As submitted by user,”–this way, you can revert or compare your changes to the original submission. https://www.satinflame.com/blog/2019/11/top-5-ways-to-use-videos-for-college-recruitment/ Fri, 15 Nov 2019 09:27:44 -0700 https://www.satinflame.com/blog/2019/11/top-5-ways-to-use-videos-for-college-recruitment/ By Heidi King, OmniUpdate Guest Post It’s no secret that Google is the world’s largest search engine, but few people realize that YouTube is in second place. Consider these statistics: About 1.3 billion people use the platform. YouTube is bigger than Bing, Yahoo!, Ask, and AOL combined. The site gets over 30 million visitors daily. YouTube on mobile reaches more 18–49-year-olds than any cable network in the U.S. About 5 billion videos are watched daily on the site. https://www.satinflame.com/blog/2019/09/knight-university-case-study/ Mon, 02 Sep 2019 11:30:53 -0600 https://www.satinflame.com/blog/2019/09/knight-university-case-study/ It was time for a redesign of Knight University, and while working through Designlab’s curriculum, I focused on creating a fresh web design with a focus on user needs. Knight University is for my experimental code/designs and is not a real university. Before & after screenshots The previous design for Knight University with an overly blue and less exciting design The new design for Knight University The open megamenu for the new design for Knight University Case study Word file View an accessible version of the case study above https://www.satinflame.com/blog/2019/07/oucampus-components-vs-snippets/ Mon, 08 Jul 2019 11:20:06 -0600 https://www.satinflame.com/blog/2019/07/oucampus-components-vs-snippets/ For years, managing advanced features within OU Campus has been handled using a variety of snippets and assets. As a reminder, snippets come in two versions: 1) an inserted chunk of code or text that will be manually edited and managed and 2) table-transformations, which will be the majority of the examples for this article. Assets, similarly, can be used to manage a chunk of code, text, form, or collection of photos within a page; however, since each asset is centrally updated, every instance of one asset points to one source. https://www.satinflame.com/blog/2019/05/regain-access-google-analytics/ Mon, 20 May 2019 08:41:36 -0600 https://www.satinflame.com/blog/2019/05/regain-access-google-analytics/ If your site has a mysterious secondary Google Analytics number added to your website’s source code or you can’t find anyone at your school who seems to know the information for your Google Analytics setup, you may think that the existing information is now lost forever. However, there is one last measure you can try before giving up hope and creating a new Google Analytics account. First, be sure you can login to Google Analytics with the email you choose before requesting your email be added to the account in the following steps. https://www.satinflame.com/blog/2019/02/shoreline-redesign/ Wed, 27 Feb 2019 10:23:38 -0700 https://www.satinflame.com/blog/2019/02/shoreline-redesign/ In January 2018, Shoreline unveiled an updated Identity Guideline which I implemented from the original PDF into an interactive Identity Guidelines webpage. (As an reminder, it is a best practice—as noted by Jakob Nielsen—to use HTML instead of PDF for online presentations.) In addition to structuring the content to be responsive regardless of device, I added hex codes to each color block and made them clickable so a user could easily copy the color codes to their clipboard. https://www.satinflame.com/blog/2018/09/bar-graph-highcharts-ou-campus/ Sun, 02 Sep 2018 18:47:58 -0600 https://www.satinflame.com/blog/2018/09/bar-graph-highcharts-ou-campus/ In this example, the HTML table is transformed using the Highcharts library—it is free for non-profits, so go grab a Highcharts Non-commercial license. On your page, include the Highcharts library file as well as your customized JS—specific to this type of bar graph setup. In your file at /_resources/ou/editor/wysiwyg.css or similar, add the following CSS to show the table in edit mode only: 1 2 3 4 5 6 7 8 #datatable. https://www.satinflame.com/blog/2018/04/apps-and-tiny-tools/ Fri, 13 Apr 2018 15:13:50 -0600 https://www.satinflame.com/blog/2018/04/apps-and-tiny-tools/ Game of Life The "Game of Life" is a small game based on a formula that determines whether a square is "alive" or "dead" based on its number of neighbors. React Recipe Collector A collection of delicous recipes--browse or add your own. The first five recipes are protected so they can't be deleted or modified. ReactMongoDb Escape from Toy Factory A lot of fun putting together this JavaScript challenge--and it still has a little way to go! https://www.satinflame.com/blog/2018/03/omniupdate-2018/ Wed, 28 Mar 2018 12:21:34 -0600 https://www.satinflame.com/blog/2018/03/omniupdate-2018/ About the Conference OUTC is an annual conference targeted to new and existing users of OmniUpdate’s OU Campus system. If you’re not familiar, OU Campus is a CMS targeted towards higher education that provides a very powerful and extensible platform using XSLT. It had been four years since I’d last attended a national conference, so I had a lot to learn. I was also excited to meet up with those who I had previously worked with during redesign projects and smaller updates. https://www.satinflame.com/blog/2018/01/progress-bar-in-omniupdate/ Wed, 24 Jan 2018 14:03:21 -0700 https://www.satinflame.com/blog/2018/01/progress-bar-in-omniupdate/ Overview This code demo available on GitHub allows you to create a loading progress bar that is managed from a table transformation within OmniUpdate’s OU Campus. The CSS and JavaScript must be added into your page either by including it into your global files or making a separate call to each. The jQuery library must be loaded prior to calling the JavaScript code. Developers: If you add on any helpful additions, please make a Pull Request! https://www.satinflame.com/blog/2017/12/no-turning-back-montana-code-school/ Tue, 05 Dec 2017 11:12:28 -0700 https://www.satinflame.com/blog/2017/12/no-turning-back-montana-code-school/ My previous history included years of working as a front-end developer in higher education. It was hard to know what I’d get out of a 12-week bootcamp, but with a large amount of experience and self-study under my belt, I was ready to commit to finally getting the full exposure of modern web development. With 11 weeks behind me and only one week left, I wanted to share the journey so far. https://www.satinflame.com/blog/2017/03/setting-up-a-multi-website-magento-store/ Sat, 04 Mar 2017 09:37:25 -0600 https://www.satinflame.com/blog/2017/03/setting-up-a-multi-website-magento-store/ Last year I had the opportunity to learn about working in the e-commerce platform Magento–creating products, adding modules, updating security patches and more. Though there is a lot to learn, understanding the file structure of Magento was essential in order to migrate another store (running version 1.4) into a multi-website for another store that had been recently upgraded to 1.9.2. While searching for the best process, I learned there are many ways to set up a second store on the same Magento install—but there were many things I still didn’t understand being the novice server administer of a one-person web team. https://www.satinflame.com/blog/2016/07/speeding-up-load-times-on-magento-ce-1-9x2/ Thu, 21 Jul 2016 19:37:25 -0600 https://www.satinflame.com/blog/2016/07/speeding-up-load-times-on-magento-ce-1-9x2/ While this entry could also be aptly named OMG How Do I Make Pages Load Faster in Magento?, I’ve finally found a solution to speeding up my Magento website that makes me so much less bitter, I can now even think semi-straight. If you’re searching for answers as well–and perhaps not finding adequate solutions–I hope this post will be of value for learning all the different ways to increase your Magento website’s performance! https://www.satinflame.com/blog/2016/07/content-migration-refinement-for-horry-georgetown-technical-college/ Mon, 11 Jul 2016 15:02:57 -0600 https://www.satinflame.com/blog/2016/07/content-migration-refinement-for-horry-georgetown-technical-college/ Sometimes redesigns need to happen fast! If your web team is small or needs a helping hand in preparing your website ready for its big unveil, consider contacting me for information on how I can help! For this project, I worked with Missy at Horry Georgetown Technical College to help her quickly release the migration of her new beautiful redesign out into the “wild!” I contributed in the following ways: https://www.satinflame.com/blog/2016/06/giant-decline-in-bounce-rate-is-it-really-a-good-thing/ Sun, 12 Jun 2016 19:57:25 -0600 https://www.satinflame.com/blog/2016/06/giant-decline-in-bounce-rate-is-it-really-a-good-thing/ Is it Really a Good Thing? No, probably not. In April 2016, I updated a website with a fresh, responsive Magento design in collaboration with Social Ruckus in Bozeman, Montana. There was a noticeable slowing of the websites as most features used AJAX and dynamic loading. Even so, I noticed a huge drop (~50% to 3%) in bounce rate. Bounce dropped after releasing RWD--I'm a bit nervous. What other metrics should I look at? https://www.satinflame.com/blog/2016/04/explore-montana-state-university/ Wed, 27 Apr 2016 15:02:57 -0600 https://www.satinflame.com/blog/2016/04/explore-montana-state-university/ In 2015, I had the pleasure of implementing a university lead generation form designed by Graphic Designer Ron Lambert and the Montana State University marketing team! Overall this design was challenging due to a few of our special page requirements: Keep the users on the lead page In order to get the contact information we hoped for, we had to include enough content to remain informative without linking to other pages. https://www.satinflame.com/blog/2016/03/residence-life-interactive-map/ Tue, 15 Mar 2016 15:02:57 -0600 https://www.satinflame.com/blog/2016/03/residence-life-interactive-map/ When looking into how best to create an image with interactive elements, I had to go beyond using outdated image maps and get creative with implementing maps using SVG (Scalable Vector Graphics) and creating a responsive, interactive information pop-ups! This map looks great on desktop and mobile**—**test it out yourself! The functionality enables a user to click either the name or the building itself to learn more about it. Within Illustrator, we grouped paths and then was able to edit the exported . https://www.satinflame.com/blog/2016/03/3-steps-to-improving-your-amazon-business-catalog-list/ Sat, 12 Mar 2016 19:57:25 -0600 https://www.satinflame.com/blog/2016/03/3-steps-to-improving-your-amazon-business-catalog-list/ Although there are many resources to choose from within Amazon’s Vendor Central Resource Center, the following actions are some simple ways to improve the findability of your products: Create variation families If you have many items with similar features, be sure your customer can see them all immediately. By using Amazon’s variation form, you can associate your products with one another using up to two variation options. The most common variants include color, style and size. https://www.satinflame.com/blog/2016/01/naropa-university/ Sun, 24 Jan 2016 15:02:57 -0600 https://www.satinflame.com/blog/2016/01/naropa-university/ Working with the team from OmniUpdate along with Mary Haste from Naropa University, we implemented a redesign for the entire university website. Unlike other designs I’ve implemented, Naropa University’s wasn’t quite ready to move all pages into the responsive view. We worked through the challenges and created non-responsive and responsive versions using the same Sass-based CSS. As they work through updating each page’s outdated elements—removing fixed width content, updating low-quality images with higher-resolution versions and revisiting text—they can then easily switch their page to the responsive version using a page setting in the OmniUpdate CMS! https://www.satinflame.com/blog/2016/01/elizabeth-city-state-university-web-redesign/ Sun, 10 Jan 2016 15:02:57 -0600 https://www.satinflame.com/blog/2016/01/elizabeth-city-state-university-web-redesign/ ECSU Secondary Page ECSU Homepage ECSU Admissions ECSU History Page In 2015, I worked with Vayakone Sphabmixay from the Sax Agency implementing their redesign for Elizabeth City State University in North Carolina. There were many creative design pieces that presented fun challenges for implementing in a responsive environment. Historical Year Timeline The timeline is both collapsible and adapts to mobile devices. In addition, with this and other dynamic pages developed—such as the Past Presidents of ECSU—a page scroll to the updated area was necessary to orient users to new information. https://www.satinflame.com/blog/2016/01/cps-neu/ Sun, 03 Jan 2016 15:02:57 -0600 https://www.satinflame.com/blog/2016/01/cps-neu/ In the summer of 2014, I had the opportunity to develop the code for a design created by the team at I-SITE, INC. for the College of Professional Students in Boston, MA. Unlike new development work, this redesign required an update to the base code using only minimal CSS. Before updating, this Web page had used mobile queries to (unfortunately) simply hide the “unnecessary” mobile elements to make the content disappear on smaller devices. https://www.satinflame.com/about/ Mon, 01 Jan 0001 00:00:00 +0000 https://www.satinflame.com/about/ Jeanine Schoessler, Front-End Web Developer Jeanine enjoys crafting web experiences for higher education. Her passions include listening to music, supporting others on their journey to learn web development, and visiting every aircraft museum she and her husband can find. In 2020, she joined Professional Services at Khoros and received the Khoros C.O.R.E-terly Award in 2022. In 2015, she graduated from the Leadership MSU program and was nominated for MSU Employee of the Year. https://www.satinflame.com/contact/ Mon, 01 Jan 0001 00:00:00 +0000 https://www.satinflame.com/contact/ Contact Me View my experience at Linkedin Browse through my current GitHub or Codepen projects   Thanks for your interest—I am not accepting new clients at this time. https://www.satinflame.com/offline/ Mon, 01 Jan 0001 00:00:00 +0000 https://www.satinflame.com/offline/ Offline Please connect to a network to view. https://www.satinflame.com/authors/omniupdate/ Mon, 01 Jan 0001 00:00:00 +0000 https://www.satinflame.com/authors/omniupdate/ OmniUpdate OmniUpdate is the definitive partner of choice among web content management system (CMS) providers in higher education. Backed by award-winning training and support, OmniUpdate’s OU Campus® CMS is the easiest to use with features and modules designed to meet higher ed’s unique needs. https://www.satinflame.com/search/ Mon, 01 Jan 0001 00:00:00 +0000 https://www.satinflame.com/search/ Search https://www.satinflame.com/stock-photos/ Mon, 01 Jan 0001 00:00:00 +0000 https://www.satinflame.com/stock-photos/ Stock Photos Photos I’ve taken that can be used freely in any lawful use: in digital format on websites, blog posts, social media, advertisements, film and television productions, web and mobile applications in printed materials such as magazines, newspapers, books, brochures, flyers, product packaging for decorative use in your home, office or any public place personal use or commercial use mountains in Montana Sikorksy UH-60 chocolate cake Glacier National Park sun shining through treetops patio set in Cancun hummingbird at a feeder https://www.satinflame.com/uses/ Mon, 01 Jan 0001 00:00:00 +0000 https://www.satinflame.com/uses/ 🔗 Web apps DigitalOcean (Web Hosting)* Namecheap (Web Domains) Teamwork (Project Management)* Wave Apps (Small Business Accounting) * These are affiliate links to services I use daily. I’m grateful to these companies and would recommend you give them a try! Please tweet @satinflame if you have any questions. 🌎 Browser extensions Accessibility Insights for Web AdBlock Auto Refresh Plus axe - Web Accessibility Testing ChromeVox Classic Extension Design Grid Overlay Full Page Screen Capture Google Keep Chrome Extension Grammarly for Chrome HTML5 Outliner JSON Viewer Lighthouse Momentum Quick Javascript Switcher Save as eBook Siteimprove Accessibility Checker Web Developer Checklist ⌨️ IDE Notepad++ Git Bash integrated terminal VSCode with the following extensions: Auto Close Tag Beautify Better Comments Better TOML Blackboard Theme Bracket Pair Colorizer 2 ES Lint expand-region generate-react-component Jest jsx Node Debug Path Intellisense PHP Debug PHP Extension Pack React Native Tools React Redux ES6 Snippets React Toolbox Snippets react-beautify REST Client Sass Typescript React/Redux Snippets Useful React Snippets Vetur vscode-icons WakaTime 💻 Favorite programs Figma Dropbox Adobe Photoshop Microsoft Outlook Snipping Tool WinSCP 📻 Music Last.