we 30 Awesome Latest Free High Quality Web Templates By sharebrain.info Published On :: Fri, 03 Aug 2012 14:06:00 +0000 Hello friends, I have compiled some of the beautiful web templates, now if you want to design a website you can probably use these templates, this will help you to reduce your designing work. Thanks to the original designers for sharing such wonderful templates for free.View and Vote Full Article Freebies
we 45 High Quality And Free Web Templates In PSD By sharebrain.info Published On :: Fri, 03 Aug 2012 20:59:00 +0000 Finding out high quality and premium PSD files is extremely difficult but keeping them in the toolbox is tremendously important for the web designers because such PSD files always come in handy and save loads of time.View and Vote Full Article Photoshop
we Sweet Plugin: TablePress, the successor to WP-Table Reloaded By wpcandy.com Published On :: Fri, 08 Feb 2013 22:45:29 +0000 About two years ago (yeah, really!) I reviewed the WP-Table Reloaded WordPress plugin on our show The Sweet Plugin. After a rebranding and reworking of the code, WP-Table Reloaded is now TablePress. The developer Tobias relaunched the plugin, renamed it with a much better name, and revamped a number of the plugin’s features. One of […] The post Sweet Plugin: TablePress, the successor to WP-Table Reloaded appeared first on WPCandy. Full Article The Sweet Plugin Plugins
we Western researchers closing in on treatment for long COVID By news.westernu.ca Published On :: Tue, 29 Oct 2024 09:12:12 EDT Western University researchers are taking a unique global approach to finding an effective treatment for people living with long COVID. Led by Schulich School of Medicine & Dentistry professor Dr. Douglas Fraser, the projects represent the first multi-continental research conducted on long COVID, with study sites in Africa and North and South Americas. The long-term effects of long COVID – including symptoms such as brain fog, fatigue and difficulty breathing – can be debilitating and greatly impact quality of life. At least 65 million people around the world are affected by the condition. Full Article
we How Can We Better Support the Mental Well-Being of Veterans Returning from Service? By www.bu.edu Published On :: Wed, 06 Nov 2024 08:12:39 EST Military service is difficult, dangerous, and demanding. But for some veterans, returning to civilian life can also be a challenge. Going from the structure of active duty—with its purpose-driven roles, full-throttle environment, and sense of camaraderie—to the relatively humdrum life of a civilian can be jarring, particularly for veterans who’ve experienced trauma during their service and may suffer from post-traumatic stress disorder (PTSD). Researchers at Boston University, including Dawne Vogt and Casey Taft—both professors of psychiatry in the Chobanian & Avedisian School of Medicine—are utilizing a variety of data-backed strategies to support veterans struggling to adapt to their new normal lives. Full Article
we 13 Awesome Tools & Resources for Designers and Agencies for 2023 By webdesignledger.com Published On :: Thu, 26 Jan 2023 08:00:26 +0000 Web design tools and resources, both free and premium, are designed to help you take full advantage of your creativity. Thereby enhance your ability to create stunning websites. There is a huge variety of products and services to choose from. They are ranging from complete platforms to specialized software applications. Just like design frameworks, wireframing […] Full Article Editors Pick Featured Resources Tools tools for web designers Web Design Resources
we Transform Your Website with These 10 Multipurpose WordPress Themes for 2023 By webdesignledger.com Published On :: Thu, 27 Apr 2023 08:00:52 +0000 If you are looking for the best multipurpose WordPress theme you might feel the need to clearly understand what “best” means. On the other hand, you shouldn’t worry about that too much since you don’t have to drill down to selecting a single multipurpose WordPress theme at the exclusion of all others; and the reason […] Full Article Inspiration Resources Trends Web Design WordPress multipurpose themes multipurpose WordPress Themes
we 10+ Excellent Web Design Tools & Resources to Use in 2024 By webdesignledger.com Published On :: Thu, 15 Feb 2024 13:00:00 +0000 It’s a New Year, but one thing hasn’t changed. The number of web design resources and tools just keeps on increasing. That’s a good thing. But it does make it that much more difficult to find a theme, plugin, or resource you really have a need for if you are to stay abreast of or […] Full Article Editors Pick Featured Resources Tools best web design resources tools for web designers Web Design Tools
we Webdesigners Favorite Comfort Purchases By webdesignledger.com Published On :: Mon, 08 Jul 2024 20:17:40 +0000 Burts bees Full Article Uncategorized
we New Auphonic Website, Free Advanced Algorithms and More Examples By auphonic.com Published On :: Wed, 01 Mar 2023 10:30:19 +0000 To start a new decade of automatic audio post production with Auphonic, we are happy to launch a few updates: New Website Design Opening the new homepage today, you might have noticed that our website looked different from what you had been used to before. Keeping our customers’ feedback from last year in mind, we designed a new vision for Auphonic. Our new website features a refreshed look with an improved, more engaging, and functional user experience. Moreover, a more straightforward, intuitive, and accessible navigation will give you a seamless workflow and a comfortable exploration of Auphonic’s features. We hope it will be easier to explore the diversity of applications that Auphonic has. In the end, however, as before, you will have the same full functionality of Auphonic available to you and some extra features if you are using our paid packages or subscriptions. Take a look yourself: New Auphonic Landing Page Free Access to our Advanced and Beta Algorithms In the past, only paying Auphonic users had access to the advanced algorithm parameters, to multitrack advanced audio algorithms, and to our Dynamic Denoising and AutoEQ beta models. We now enabled all advanced algorithms for free users, and you can use them for 2 hours of audio free each month! Using the Dynamic Denoiser, you can define whether Auphonic should remove only static or also fast-changing noises and if we should keep or eliminate music. For even greater speech intelligibility control, it is possible to manually adjust the amount of denoising to strike the perfect balance between clarity and ambiance. The AutoEQ automatically analyzes and optimizes the frequency spectrum of a voice recording to remove sibilance (De-Esser) and to create a clear, warm, and pleasant sound. The equalization of multi-speaker audio can be complex and time-consuming, as each voice requires its own unique frequency spectrum equalization. Our AutoEQ simplifies this process by creating separate, time-dependent EQ profiles for each speaker, ensuring a consistent and pleasant sound output despite any changes in the voices during the recording. Our advanced algorithm parameters help you to meet all common audio specifications of platforms like Netflix, Audible, podcasts, broadcasters (EBU R128, ATSC A/85, radio and mobile, commercials) in one click. You can define a set of target parameters (integrated loudness, true peak level, dialog normalization, MaxLRA, MaxM, MaxS), like -16 LUFS for podcasts, and we will produce the audio accordingly. In addition, they offer more control for multitrack productions and for the Adaptive Leveler. We would like to give away free hours for new Auphonic users, to try out our free advanced algorithms. Please use this URL to register your new Auphonic account. the code is valid till end of March 2023 and will give you 5 extra production hours for the next month. Happy content creation! More Audio Examples There is no better way to experience Auphonic than hearing the difference our post production tool makes when applied to different types of audio and content. We are happy to share that our new features page now contains some new audio examples you can listen to explore our web tool, and we will add even more examples in the next weeks. Full Article News
we Stephan Moccio: The Power of Pauses in Life (and Music) By chasejarvis.com Published On :: Wed, 15 May 2024 13:00:12 +0000 Words and tools are powerful, but are they our only way of making a mark? *Pause for emphasis* Stephan Moccio doesn’t think so. An artist, composer, and producer, he’s the name behind some of the most well-known songs and soundtracks on the planet. But surprisingly enough, all that success with sound has come through silence. In this podcast, I have the privilege of sitting down with him to discuss how strategic refrain and thought can benefit creative power. Creativity as a Muscle Skill can come naturally, but people rarely get to the top through their natural-born talents alone. Even 6’9″ LeBron James wouldn’t be where he is as a basketball player without putting in the unseen hours of success. Whether physical or mental, training effectively determines performance. “I’ve learned that to get great things and to achieve great things requires a lot of work behind the curtain…” Creative practice isn’t different from other forms of training in that making a habit out of it is hard. We all have lives outside of our passions, and those passions aren’t always fully funded. Many of us work day jobs while pursuing creative endeavors. Stephan has had to balance paying bills, raising a... The post Stephan Moccio: The Power of Pauses in Life (and Music) first appeared on Chase Jarvis. The post Stephan Moccio: The Power of Pauses in Life (and Music) appeared first on Chase Jarvis. Full Article chasejarvisLIVE Podcast career growth creative process creativity writers block
we The Deep Connection Between Creativity and Meditation By chasejarvis.com Published On :: Wed, 10 Jul 2024 13:00:04 +0000 We often think of creativity and meditation as separate practices – one active and expressive, the other quiet and introspective. But what if these two seemingly different pursuits are actually deeply interconnected, each enhancing and amplifying the other? This fascinating relationship between creativity and meditation was at the heart of my recent conversation with Henry Shukman, an award-winning poet, author, and Zen master. Henry’s unique background bridges the worlds of artistic expression and contemplative practice, giving him profound insights into how meditation can unlock our creative potential. The Creative Benefits of a Quiet Mind One of the core benefits of meditation is learning to quiet the constant chatter of our minds. As Henry explained, this mental stillness creates space for new ideas and inspirations to emerge: “When we meditate regularly, we’re training our minds to be less caught up in the constant stream of thoughts and worries. And in that spaciousness, creativity has room to flourish. Novel connections and insights can bubble up from our subconscious.” This aligns with what many great artists and innovators have reported – that their best ideas often come during moments of mental quiet and relaxation. By cultivating a meditation practice, we’re essentially preparing fertile... The post The Deep Connection Between Creativity and Meditation first appeared on Chase Jarvis. The post The Deep Connection Between Creativity and Meditation appeared first on Chase Jarvis. Full Article chasejarvisLIVE Podcast brain health creativity healing meditation mindset nervous system zen
we You’re Underestimating the Power of Breath By chasejarvis.com Published On :: Wed, 31 Jul 2024 13:00:37 +0000 In this episode, Finnian Kelly shares insights from his new book Intentionality: A Groundbreaking Guide to Breath Consciousness and Radical Self Transformation. Finnian debunks the myth that “people don’t change” and explores the power of instantaneous transformation with vivid examples from his life. We go into the significance of self-trust, childhood experiences, and overcoming fear through intentional breathwork. Finnian shares personal stories of financial loss, identity crises, and the profound effects of breathwork on managing fear and enhancing creativity. Some highlights we explore: Energy interventions like breathwork, cold exposure, and sensory deprivation. The importance of creating space for creativity and high performance. The role of childhood experiences in shaping adult behavior. Techniques to leverage energy over time for productivity. And more! Enjoy! FOLLOW FINNIAN KELLY: instagram | facebook | twitter | website Listen to the Podcast Subscribe The post You’re Underestimating the Power of Breath first appeared on Chase Jarvis. The post You’re Underestimating the Power of Breath appeared first on Chase Jarvis. Full Article chasejarvisLIVE Podcast
we Stop Chasing Followers: Why Real Influence Comes from Mastery By chasejarvis.com Published On :: Mon, 12 Aug 2024 13:00:11 +0000 Focus on mastering your craft rather than chasing followers. Real influence comes from consistently creating meaningful work and engaging with your community. The post Stop Chasing Followers: Why Real Influence Comes from Mastery first appeared on Chase Jarvis. The post Stop Chasing Followers: Why Real Influence Comes from Mastery appeared first on Chase Jarvis. Full Article chasejarvisLIVE Podcast collaboration consistency creative career finding your niche influence influencer mastery Skills development
we The Creative Pause: Why We Need to Stop Asking “What’s Next?” By chasejarvis.com Published On :: Mon, 09 Sep 2024 13:00:24 +0000 Learn why a "creative pause" after major achievements is essential for growth. Simone Biles shows us how to embrace rest and reflection over constant pressure. The post The Creative Pause: Why We Need to Stop Asking “What’s Next?” first appeared on Chase Jarvis. The post The Creative Pause: Why We Need to Stop Asking “What’s Next?” appeared first on Chase Jarvis. Full Article chasejarvisLIVE Podcast achievement creative pause intuition pressure pressure to perform Reflection rest slow down success tinkering
we OECD Regional Well-Being By well-formed-data.net Published On :: Mon, 23 Jun 2014 10:23:54 +0000 OECD Regional Well-Being: A new site for the OECD, and once again with my great collaborator Dominikus Baur and some help from my friends over at Raureif. The site presents an exciting new perspective on more than 300 regions worldwide. As we all know, conditions inside a country can differ quite drastically, so going beyond […] Full Article Announcements better life index better life initiative oecd regional well-being
we Harnessing the Power of Email Signatures and Banners in Digital Marketing By cssdeck.com Published On :: Wed, 10 Jul 2024 14:21:15 +0000 When exploring the arsenal of digital marketing tools, the concepts of email signature banner prominently feature as pivotal elements for interaction and outreach within the expansive domain of email marketing. While at a glance they may appear similar, email signatures [...] Read Article The post Harnessing the Power of Email Signatures and Banners in Digital Marketing first appeared on CSS Reset. Full Article Uncategorized
we Leveraging Automated Market Analyzers: A Developer’s Guide to Building Financial Tools with Web Technologies By cssdeck.com Published On :: Tue, 22 Oct 2024 15:51:10 +0000 Building financial tools has never been more accessible. With the rise of web technologies, developers can create powerful market analyzers that are quick, responsive, and packed with features that were previously only available to large trading platforms. Here, we outline [...] Read Article The post Leveraging Automated Market Analyzers: A Developer’s Guide to Building Financial Tools with Web Technologies first appeared on CSS Reset. Full Article Uncategorized
we wesztyweb By welovewp.com Published On :: Wed, 17 May 2023 14:30:10 +0000 This is my personal stylish-looking blog built with WordPress, where I got a perfect 100 performance score from Google on both mobile & desktop. Full Article Personal Portfolio We Love... WordPress Gallery Animation Clean Fun
we Top Website Testing Tools that Show you the Mirror By blogohblog.com Published On :: Mon, 01 Jun 2015 20:59:18 +0000 If you are running a website or a blog, it becomes essential to keep track of different statistics that serve as a benchmark for all the hard work that you have done. These statistics may include your search engine rankings, incoming links, keyword density, traffic monitoring, code validation, website speed, mobile compatibility etc. Today I... Full Article Internet Resources WebTools Testing Tools Website
we Beautiful Jewels Inspired by the Ocean By www.fubiz.net Published On :: Thu, 15 Dec 2022 22:48:33 +0000 Mademoiselle Salty est une marque née dans l’esprit de Marion Ferrari, lors d’une année de vie en Indonésie. L’équipe derrière elle, liée par une passion de l’océan, du surf, des voyages, des bijoux et de la culture indonésienne, propose des bagues, colliers ou encore des bracelets et accessoires fabriqués à la main. Ces derniers sont […] Full Article Design Fashion Product product
we How (and why) I went from being a night owl to waking up at 5AM By nathanrice.me Published On :: Wed, 05 Aug 2020 12:24:05 +0000 I was born in the mid-80s, so I’m about as “90s kid” as you can possibly be. I grew up loving Nicktoons and TGIF, eating Dunkaroos and drinking Surge. I loved my SNES, but eventually became a Playstation kid. I may or may not have dreamed of being a Ninja Turtle. But when I was … The post How (and why) I went from being a night owl to waking up at 5AM appeared first on Nathan Rice. Full Article Personal Development
we Harry Potter If It Was Made By Wes Anderson By icanbecreative.com Published On :: Mon, 01 May 23 15:40:46 +0300 Attention all Muggles and Wizards! ✨🧙♂️🔮 If Harry Potter was directed by the one and only Wes Anderson, you ca ... Full Article Design Inspiration
we Abeeja Honey: Bee The Power Of Creative Packaging By icanbecreative.com Published On :: Sun, 21 May 23 12:22:23 +0300 When it comes to the sweet nectar that delights our taste buds and adds a touch of magic to our daily routines, nothing beats honey. Whether it's a comforti ... Full Article Design Inspiration
we Best AI Website Builders For Fast Web Design By icanbecreative.com Published On :: Wed, 02 Aug 23 22:26:19 +0300 The Rise of AI Website Builders: Revolutionizing Website Creation with Professionalism 1. Introduction to AI website builders. In today's fast-paced d ... Full Article Learning
we Millions Of People No Longer Have An Address. Yet We Know How To Reach Them. By icanbecreative.com Published On :: Fri, 15 Dec 23 16:46:05 +0200 Imagine an empty apartment block, stark and desolate, with just a single light flickering in the overwhelming darkness. This is not a scene from a movie; it ... Full Article Design Inspiration
we Similar DeviantArt Websites: Alternatives For Free Art Exposure By icanbecreative.com Published On :: Fri, 26 Jul 24 18:21:29 +0300 DeviantArt has long been a go-to platform for artists seeking to showcase their work and connect with others in the creative community. However, as the digi ... Full Article Learning
we Beadme Jewelry By ndesign-studio.com Published On :: Fri, 10 Dec 2010 17:24:58 +0000 A friend of mine just setup an online shop to sell bead jewelry made with quality beads and silver. Below is a gallery of their products. Check out Beadme.ca to buy or see more. [nggallery id=15] Full Article Blog Photos
we Web Designer Wall Redesign By ndesign-studio.com Published On :: Thu, 10 Mar 2011 18:17:53 +0000 After 3.5+ years, I finally gave Web Designer Wall a new look. The new design is not just visually appealing, but well coded in technical point of view. I incorporated a lot of new web standard techniques such as HTML5, CSS3, and media queries. The new design works on all devices and resolutions. The design […] Full Article Blog Updates
we Best Web Gallery Redesigned By ndesign-studio.com Published On :: Thu, 01 Sep 2011 21:13:20 +0000 I recently redesigned Best Web Gallery with responsive features. Check it out! Full Article Blog Updates
we New Illustration: Redesign The Web By ndesign-studio.com Published On :: Thu, 12 Jul 2012 22:08:55 +0000 Below is the latest illustration, Redesign the Web Poster, that I did for Smashing Magazine’s poster design contest: Redesign the Web, Redesign the World. The work is done with Adobe Illustrator and then touched up with Photoshop. Full Article Blog Updates
we Saltwell Towers, Gateshead By www.tzplanet.com Published On :: Mon, 28 Jul 2014 22:39:51 +0000 The Saltwell Towers are located in the center of Saltwell Park, Gateshead, England. Related posts: Dry St Mary’s Lighthouse Pathway to the Lighthouse (St Mary’s) Full Article Focus on Images Featured Home Gateshead HDR Park Saltwell Towers
we Migrating from GoDaddy Website Builder to WooCommerce By woocommerce.com Published On :: Thu, 26 Sep 2024 09:00:00 +0000 Ready to migrate from GoDaddy to WooCommerce? 6 signs you should make the move. GoDaddy vs Woo comparison chart. Pros & cons. 3 ways to switch. Full Article Enterprise Ecommerce Sell Online
we 40 Excellent Examples of Websites Using the Astra WordPress Theme (2022) By wphacks.com Published On :: Tue, 04 Jan 2022 07:51:00 +0000 Struggling to find the perfect theme for your new website? You’re not alone. There are countless options out there to […] The post 40 Excellent Examples of Websites Using the Astra WordPress Theme (2022) appeared first on WPHacks. Full Article Showcase
we 6 of the Best WordPress Landing Page Plugins for Your Website (2023) By wphacks.com Published On :: Fri, 07 Jan 2022 11:03:00 +0000 Do you need to create a high-converting landing page for your website? Thankfully, there are some well-developed WordPress landing page […] The post 6 of the Best WordPress Landing Page Plugins for Your Website (2023) appeared first on WPHacks. Full Article Showcase
we Sony NP-FW50 Batteries: Charge ’em without AC Power By alphatracks.com Published On :: Fri, 01 Apr 2022 18:51:24 +0000 Don’t lose a shot, Keep your Sony NP-FW50 batteries topped off, even without an AC... The post Sony NP-FW50 Batteries: Charge ’em without AC Power appeared first on Alphatracks. Full Article Battery equipment Tips & Tricks battery battery charger NP-FW50 power bank
we Building Magic with Webflow: A UI Developer's Perspective By www.viget.com Published On :: Mon, 17 Jun 2024 10:00:00 -0400 In the fast moving and constantly changing landscape of web development, codeless solutions like Webflow and Squarespace have emerged as an alternative to more traditional development. These platforms allow users to design and build websites through intuitive visual interfaces, and are viable solutions for many use cases out there. For the past several months, I've been working as a frontend development support specialist alongside one of our talented designers, Blair Culbreth, who is managing a large, established Webflow project. Here are my candid thoughts and impressions from this experience, along with some critical considerations for those looking to integrate Webflow into their own workflow. Spoiler alert: while Webflow has some impressive strengths, it also comes with limitations that can be both unexpected and frustrating at times.What Webflow Does Really WellSmall Team EfficiencyWebflow truly shines for smaller teams or products, especially those with limited resources. For a team that’s just a single designer or a small development crew, Webflow can help lower the technical debt involved with getting a website to production. By mitigating some of the more complex aspects of development such as responsive design, cross-browser compatibility, and hosting, teams are able to focus on other aspects of the site. This makes it a strong option for startups, freelancers, or small businesses looking to create professional-grade websites efficiently and effectively without the necessity of a developer.Animation ToolingWhen I say professional-grade websites, I’m talking about more than just functional designs. Webflow has some fantastic animation tooling making it incredibly simple to build rich, full-page animations and interactions without ever touching a line of code. Users can create scroll-bound animations or interactive moments of joy all from the comfort of a relatively simple and straightforward GUI. Through the use of animation keyframes, you can elevate a static site into something that feels modern and expensive. Heck, I could even see using the animation tooling itself as a prototyping tool for design handoff in a more traditional web development process. This ability to easily add sophisticated animations allows smaller teams to produce polished, dynamic websites that rival those created by much larger teams with dedicated development resources. Documentation & EducationBeyond its design capabilities, Webflow also stands out for its educational impact. The platform offers incredible documentation that covers core frontend principles, effectively bridging the divide between design and development. Through simple, digestible, and intuitive videos and written documentation, Webflow equips designers with knowledge that shores up many concepts and intricacies of web development.Working with Webflow provides designers with numerous takeaways they can apply to future projects, including those outside the realm of Webflow. The platform educates users on HTML structure, CSS styling properties, and responsive design. This deeper understanding of web development makes designers more versatile and effective in their roles and inherently benefits communication between designers and developers, as their thinking will be more aligned with one another.Navigating Webflow’s LimitationsClass StylesWebflow's class-based styling system is a standout feature, especially to those familiar with CSS. It allows you to bundle properties into classes and apply them efficiently across different elements, minimizing code duplication. When used effectively, this approach facilitates the creation of reusable styles and design systems; however, mastering it requires attention to detail, similar to working with CSS directly, which can be made challenging within the Webflow UI.Due to the separation of pages and content in Webflow, tracking down existing CSS classes and applying styles consistently throughout a project can be challenging. Keeping track of which class names apply what styles can be a struggle. While Webflow offers a Style Manager to help organize and manage classes, it can be difficult to use for quickly identifying how styles are being applied across the platform.Moreover, the inability to open multiple pages in designer mode at once presents a significant frustration. Without the ability to compare elements across different pages simultaneously, users may face challenges in ensuring consistency and troubleshooting design issues efficiently. This limitation may lead to a slower, more cumbersome workflow, particularly in larger projects where maintaining a coherent design system is critical.Another struggle with managing styles within the UI comes in the form of applying styles to combo classes. Combo classes are when you combine multiple classes together to create a variation or modified state of an element. Inadvertently applying styles to a combo class when intending to apply a style for the base class was a common issue I found myself running into, highlighting some challenges users should be aware of, especially when getting more familiar with Webflow.These challenges underscore the value of implementing a strong and consistent CSS class naming system, such as BEM (Block Element Modifier). Adhering to a standardized naming convention will help mitigate some of the challenges posed by Webflow's class-based styling system, but it does come with the added overhead of needing to learn a new class naming convention.Preset Web ElementsWebflow provides users with a diverse selection of default web elements, ranging from simple divs to intricate lightbox elements, which serve as the foundational building blocks for websites. These preset elements occasionally impose rigid structural constraints. For instance, when attempting to create a tabs menu with a filter, users may encounter a problem with adding additional elements to the tab menu block. This restriction forces users to either conform their design to Webflow’s constraints or devise creative workarounds to achieve their desired functionality.Navigating such limitations can be challenging, particularly when striving to realize a specific design vision. It may involve exploring alternative solutions or compromising on the original plan. Yet, as users gain familiarity with the platform, those limitations can be anticipated, allowing them to develop strategies to circumvent the constraints.Custom ScriptsOne of the most powerful aspects of Webflow is also one of the most challenging features to balance. It requires careful management to avoid issues like performance degradation and increased technical debt. It’s incredibly easy to have a website get bogged down with bloat, especially when a larger team might be working on a project.Webflow lacks a built-in feature to view all custom scripts at a glance, making it difficult to track and manage them. Maintaining a documented list of all custom scripts used in your project and detailing their purposes and locations can help mitigate this issue, but that’s a fair amount of overhead to maintain. Additionally, custom scripts do not function in Webflow’s editor mode, requiring a site deploy for testing and troubleshooting, which can be time-consuming. The ability to add custom scripts opens up a world of options, including third-party plugins and libraries that can expand Webflow's native features. Tools like Jetboost or Finsweet can help fill in the gaps, and are oftentimes worth the investment as they provide relatively easy-to-use integrations that will make for a better user experience.That’s all to say that applying custom scripts to a Webflow project is not necessarily bad, but should be approached with considerations on how to mitigate technical debt. Here are a few suggestions to help with integrating custom scripts into your Webflow project:Maximize Native Features: Use Webflow’s built-in features as much as possible. If a design can be achieved with Webflow’s interactions and animations, avoid adding custom JavaScript.External Development: Develop and test scripts in an external environment to reduce time spent deploying and debugging within Webflow.Reusable Components: Save frequently used custom code as reusable components to simplify maintenance and ensure consistency across the site.Regular Audits: Periodically review and clean up scripts to ensure that only necessary ones are loaded, improving site performance and maintainability.Mitigating Difficulty Through TeamworkI started this article by mentioning that I recently served as a frontend development support specialist alongside our designer, Blair, on this project. Blair took on the primary responsibility of building many of the pages, and I want to share more about our collaborative experience. Webflow is as close as you can get to building a traditionally coded website without necessarily needing to touch code, but that doesn’t mean there’s no value in having someone more familiar with the technical side of website building available. From accessibility considerations to complex layout structures, a lot of time can be saved by having a developer serve as a pseudo consultant on the project.On numerous occasions, Blair reached out to me to help set up more complex custom implementations that required JavaScript or weren’t coming together as expected. By being able to jump in and solve those issues quickly for Blair, she was able to focus on building out the other pages. Similarly, I was able to audit and review her work to ensure it was inclusive for all types of users.There are various development tricks we can implement to enhance user experiences for visually impaired users. For example, hiding text specific to a screen reader to provide greater context is a technique that a designer might not generally think about or even be aware of, but a good frontend developer would know to include. By being involved in the building process, I was able to highlight and advise on such instances, ensuring our project was accessible and user-friendly for everyone.ConclusionWebflow presents a robust solution for web development, particularly for smaller teams or projects with limited resources. Its intuitive visual interface and powerful animation tools enable the creation of professional-grade websites without the need for extensive coding knowledge. Webflow’s educational resources also empower designers to deepen their understanding of web development, bridging the gap between design and development and fostering better collaboration.Webflow is not without its limitations. The class-based styling system, while efficient, can be challenging to manage, and the need for site deployment to test custom scripts adds to both the complexity and time investment required to build a project. Despite these challenges, many of the difficulties can be mitigated through careful planning and teamwork. Leveraging native features, developing and testing scripts externally, and creating reusable components are all strategies that can help maintain site performance and manage technical debt.Collaborative efforts between designers and developers can further enhance the process, as seen in my experience working alongside Blair. This teamwork allows for efficient problem-solving and ensures that accessibility and user experience are prioritized throughout the project. By combining the strengths of Webflow with thoughtful collaboration and strategic planning, teams can create dynamic, user-friendly websites that meet modern standards. Full Article Design & Content Tooling
we Your Website Transition Checklist By www.viget.com Published On :: Thu, 20 Jun 2024 11:00:00 -0400 When onboarding a new partner to redesign your website, take over maintenance, or rescue a project going sideways, you'll need to carefully transition access to a variety of critical systems and tools. And if you're navigating a contentious relationship or onboarding into a new organization without documentation, you might not know where to start.Does that sound scary? It doesn't have to be. Here's a comprehensive checklist to ensure that you retain full control of your website and avoid any potential hiccups during a transition. Codebase access. Ensure you have ownership or administrative access to the existing codebase or code repository. Popular platforms like Bitbucket and GitHub are often used for this purpose.Content Management System access. Ensure you have the highest level of access (super admin) for your Content Management System (CMS). Hosting information and access. Gather all hosting information and ensure you have access to the account that owns the workspace. This is crucial to prevent unauthorized updates or changes to your site. For hosted platforms, you’ll need Owner access, not just Administrator access. Additional services information and access. This might include your domain registrar (e.g., GoDaddy), DNS settings, email services, your content delivery network (CDN), if applicable. This could also include any third-party services that are integrated with your website. Common examples might include: Algolia, Hubspot, Stripe, etc. Analytics and Data. Make sure you have access to all analytics tools used to monitor your website traffic and user behavior. This might include both old Google Universal Analytics data and current GA4 data, Google Tag Manager, or any other analytics services used on your website (e.g., Mixpanel, Hotjar, Adobe Analytics, etc.). Backups. Secure a full backup of your site, including the file system. Plugins like UpdraftPlus for WordPress can be very helpful for this process. Also, ensure you have backups of shared files, such as those in Google Drive, Box, or Dropbox.Design Assets. Retain copies of raw design assets (e.g., Figma files). We always transfer ownership of Figma files to our client teams to ensure they have the ability to extend the design system in the future.Licenses. Make sure you own any required licenses, such as font/photo licenses, CMS licenses, API keys, or premium plugins. We insist that our client teams purchase any required licenses/subscriptions using their corporate information so we’re never blocking access to those critical resources. Transitioning website partners can be a smooth process with foresight and preparation. While ideally there would never be gaps in access to these critical resources and services, by following this checklist, you can ensure that you’re not missing anything when offboarding old partners or getting your bearings with a new team or organization. Do you need help figuring out how this checklist might apply to your situation? Be in touch, and we’d be happy to discuss your current status and suggest next steps for your website transition. Full Article Strategy Process Project Management
we How we use DDEV, Vite and Tailwind with Craft CMS By www.viget.com Published On :: Wed, 10 Jul 2024 11:00:00 -0400 In 2022 we changed our dev tooling for new Craft CMS projects. Goodbye complex esoteric Webpack configuration, hello Vite. Goodbye complex esoteric Docker Compose configuration, hello DDEV. This small change in tooling has completely transformed our development experience. We start work faster and avoid wasting billable time debugging Webpack and Docker. From Webpack to Vite # Webpack has been the defacto way of bundling JavaScript and front end assets. It’s a powerful tool… but with that great power comes great responsibility complexity. Vite bills itself as the “next generation” of frontend tooling. Vite is much faster at bundling. But more importantly… its default configurations work great for most website projects. Before (Webpack) # Well over 300 lines of configuration spanning three files. Good luck making changes! After (Vite) # A crisp 30 - 50 lines of code. Want to switch to TypeScript? Need to drop in a popular front-end framework? Easy! All it takes is adding a plugin and 2-3 lines of config. Deleting old code has never felt this good! From Docker to DDEV # Docker is another development staple. It isolates server infrastructure into virtual “containers.” This helps avoid issues that arise from each developer having a slightly different setup. However, Docker can have a learning curve. Config changes, PHP upgrades and unexpected issues often eat up precious project time. Enter DDEV! DDEV describes itself as “Container superpowers with zero required Docker skills: environments in minutes, multiple concurrent projects, and less time to deployment.” We’ve found that statement to be 100% true. Before (Docker) # Every Craft project has a different Docker config. Bugs and upgrades required deep Docker experience. Last (but not least), it was difficult to run several projects at one time (ports often conflict). After (DDEV) # Performance is consistently better than our hand-rolled setup thanks to Mutagen and faster DB import/exports. Simultaneous projects run out of the box. DDEV provides (and maintains) a growing list of helpful shortcuts and DX features. Getting started # Ready to make the switch? Here’s how to set up DDEV, Vite and Tailwind on your own Craft project. Show me the config files already! # If you would rather see full config files instead of following step by step, check out our Craft Site Starter on GitHub. DDEV # Let’s set up a fresh DDEV project and start customizing. Make sure you have DDEV installed on your computer. If you’re a PHPStorm user, install the exceedingly helpful DDEV plugin. VS Code users have a similar plugin too! Follow Craft’s guide for creating a new project (they love DDEV too). Now you have a fresh .ddev/config.yaml just waiting to be customized. Node Version # Open your DDEV config and make sure your Node JS version matches Vite’s recommendations. nodejs_version: '20' # Vite 5 expects Node 18+ Ports for Vite’s dev server # Next, expose ports that Vite’s dev server uses will use to serve assets. web_extra_exposed_ports: - name: vite container_port: 3000 http_port: 3000 https_port: 3001 Routing ports can sometimes be confusing. This diagram might help! Vite’s dev server runs inside of DDEV’s web container (a Docker container). Until we expose these extra ports, any custom port within DDEV is unavailable to your host machine (your computer). When it’s time to configure Vite, we’ll use port 3000 HTTP and HTTPS traffic must use separate ports. We use port 3000 for http traffic and 3001 for https Run Vite automatically # Usually, you’ll want Vite to watch and build files automatically after you start a DDEV project. Using web_extra_daemons adds a separate background process (daemon) for Vite. web_extra_daemons: # Run Vite in a separate process - name: 'vite' command: 'npm install && npm run dev' directory: /var/www/html Use hooks to improve DX # DDEV’s powerful hooks system can run tasks before or after various DDEV commands. These post-start tasks keep dependencies and schemas up to date every time you start DDEV. hooks: post-start: - composer: install # Keeps installed packages up to date - exec: ./craft up # Apply migrations & project config changes Time for Vite # Vite is a Node app that’s installed with NPM. Your project will need a package.json. If you don’t have one set up yet, follow NPMs initialization script. ddev npm init # Don't forget to ignore node_modules! echo node_modules >> .gitignore ????Why ddev at the start of the command? This let’s us run NPM from within DDEV’s Docker containers. This means you’ll always be using the Node version configured for this project. DDEV has a bunch of shortcuts and aliases for running CLI commands (such as npm, yarn, craft and composer). Make sure your NPM package is configured for ES Modules # Our various config files will be using ES Module syntax for imports and exports. ddev npm pkg set type=module Install Vite! # ddev npm install --save-dev vite Add convenience scripts to package.json # "scripts": { "dev": "vite", "build": "vite build" } npm run dev runs Vite in dev mode. It watches and builds your files every save. Files are served through Vite’s dev server. npm run build bundles your JavaScript, CSS and static images for production. Your deploy process will usually call this script. Configure vite.config.js # Running Vite for a server rendered CMS requires some extra configuration. These options put production files in the right spot and keeps Vite’s dev server running on a specific port. import { defineConfig, loadEnv } from 'vite' // Match ports in .ddev/config.yaml and config/vite.php const HTTP_PORT = 3000 const HTTPS_PORT = 3001 export default defineConfig(({ command, mode }) => { const env = loadEnv(mode, process.cwd(), '') return { // In dev mode, we serve assets at the root of https://my.ddev.site:3000 // In production, files live in the /dist directory base: command === 'serve' ? '' : '/dist/', build: { manifest: true, // Where your production files end up outDir: './web/dist/', rollupOptions: { input: { // The entry point for Vite, we'll create this file soon app: 'src/js/app.js', }, }, }, server: { // Special address that respond to all network requests host: '0.0.0.0', // Use a strict port because we have to hard code this in vite.php strictPort: true, // This is the port running "inside" the Web container // It's the same as continer_port in .ddev/config.yaml port: HTTP_PORT, // Setting a specific origin ensures that your fonts & images load // correctly. Assumes you're accessing the front-end over https origin: env.PRIMARY_SITE_URL + ':' + HTTPS_PORT, }, } }) Add JavaScript and CSS files (Entrypoint) # Vite needs an entry point to determine what JavaScript, CSS and Front End assets it needs to compile. Remember src/js/app.js that we defined in vite.config.js? Let's make that file now. /* Make a file in src/js/app.js */ import '../css/app.css' console.log('Hello Craft CMS') We’ll also add our CSS as an import in app.js . In plain-old-JavaScript you can’t import CSS files. However, Vite uses this to figure out CSS dependencies for the project. Once Vite builds everything for production, you end up with a separate CSS file. The Craft Vite plugin includes this automatically with along your JavaScript bundle. /* Make a file in src/css/app.css */ body { background-color: peachpuff; } Install the Vite Craft Plugin # ddev composer require nystudio107/craft-vite ddev craft plugin/install vite Vite assets have different URLs in dev mode vs. production. In dev mode, assets are served from Vite’s dev server. It uses the ports that we defined in our DDEV & Vite configs. When Vite builds for production, filenames are hashed (app.js becomes app-BZi_KJSq.js). These hashes change when the contents of the file changes. Browser can cache these files indefinitely. When an asset changes, a whole new file is served. To help find these hashed filenames, Vite creates a manifest.json file. The manifest associates the name of your asset src/js/app.js to the hashed file that ends up on your server web/dist/assets/app-BZi_KJSq.js The Craft Vite Plugin by NYStudio107 takes care of all this routing for you. { "src/js/app.js": { "file": "assets/app-BZi_KJSq.js", "name": "app", "src": "src/js/app.js", "isEntry": true, "css": ["assets/app-BXePGY5I.css"] } } Configure the Vite Craft Plugin # Make a new plugin config file in config/vite.php <?php use crafthelpersApp; // Use the current host for dev server requests. Otherwise fall back to the primary site. $host = Craft::$app->getRequest()->getIsConsoleRequest() ? App::env('PRIMARY_SITE_URL') : Craft::$app->getRequest()->getHostInfo(); return [ 'devServerPublic' => "$host:3001", // Matches https_port in .ddev/config.yaml 'serverPublic' => '/dist/', 'useDevServer' => App::env('CRAFT_ENVIRONMENT') === 'dev', 'manifestPath' => '@webroot/dist/.vite/manifest.json', // Optional if using React or Preact // 'includeReactRefreshShim' => true, ]; Include your Vite bundles in Twig # The script and asset functions includes the appropriate files depending on in if you’re in dev mode or production. Clear out your templates/index.twig file and add the following snippet to your <head> tag. {# Load our main CSS file in dev mode to avoid FOUC #} {% if craft.vite.devServerRunning() %} <link rel="stylesheet" href="{{ craft.vite.asset("src/css/app.css") }}"> {% endif %} {{ craft.vite.script('src/js/app.js', false) }} Whew! ???? We’re at a point now where we can test our integration. Run ddev restart and then ddev launch . You should see “Hello Craft CMS” in your browser console. Setup Tailwind # Now that Vite is processing src/css/app.css, it’s time to install Tailwind and really get cooking. These steps are based on Tailwind’s official installation guide. But make sure to run all commands from within DDEV. Install packages # ddev npm install -D tailwindcss postcss cssnano autoprefixer # No DDEV shortcut for npx :( ddev exec npx tailwindcss init -p Configure template paths in tailwind.config.js # /** @type {import('tailwindcss').Config} */ export default { // Watch Twig templates and any JS or JSX that might use Tailwind classes. content: ['./templates/**/*.twig', './src/**/*.{js,jsx,ts,tsx,svg}'], theme: { extend: {}, }, plugins: [], } Configure postcss.config.js for production # export default { plugins: { tailwindcss: {}, autoprefixer: {}, ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {}) } } Add Tailwind directives to src/css/app.css # @tailwind base; @tailwind components; @tailwind utilities; You’ll most likely need to run ddev restart again to get Vite to recognize your new Tailwind config. ❓ Do i need to set up live reload of Twig? Turns out it’s already done for you! Styling a Tailwind project means editing Twig files to change styles. It’s super handy to reload your browser every time you save. Normally you’d reach for vite-plugin-restart to get this functionality. However, Tailwind’s JIT mode automatically notifies Vite when CSS has compiled and the page should reload. That's a wrap! # That’s all it takes to configure a minimal DDEV and Vite project! We’ve found that both of these tools are easy to extend as a project get more complo'ex. Adding things like Redis or React are just a plugin install and a few lines of config away. ???? If you'd like to see this setup (and more) in a real-world Craft CMS project, check out our Craft Site Starter on GitHub. Go forth and Vite + DDEV to your heart’s desire. Full Article Code Content Management Tooling
we Building Well-Connected Distributed Teams By www.viget.com Published On :: Tue, 06 Aug 2024 09:30:00 -0400 Five years ago, without consciously trying, I would have noticed if a coworker was taking a break, feeling extra chatty, or looking hyper-focused. I got to choose whether to respond and how I might build rapport by responding (I’m sure I didn’t always get it right). Now that more of the Viget team works from home than in an office, I feel a loss. I have less awareness of other people's states of mind and fewer chances to demonstrate my interest. I need to learn new ways of connecting. I took notice when Adam Grant recently posted about pebbling: Sending memes, links, and videos to others isn't trivial. It signals that you're thinking of them and want them to share your joy. It's known as pebbling, based on penguins gifting pebbles to potential partners. Pebbling is an act of care. Every pebble is a bid for connection.” Grant acknowledges that the term "pebbling" comes from penguins, but he also uses the phrase “bid for connection,” which I associate with John Gottman. Gottman is a well-known psychologist who has researched marital stability and relationships. His work provides insights into how small interactions, or "bids," play a crucial role in building strong relationships. Gottman defines a "bid" as any attempt from one person to another for attention, affirmation, affection, or any positive connection. A bid can be as explicit as saying, “I had such a hard day,” or as random as saying, “Did you see the size of that red bird?” The impact of responding with interest (turning toward) or ignoring or dismissing (turning away from) significantly influences the quality of the relationship. A simple, “Tell me what happened,” or “What? No, I missed it!” can foster closeness and trust. Silence or something like, “Here we go again,” will spark feelings of neglect and distance.Gottman's research is widely cited and has impacted my understanding of relationships. I'm interested in bids for connection at work, particularly as our work environment has changed dramatically in recent years.Connections at WorkFinding the right balance of work and non-work is a central challenge for most of us as we navigate demands on our time and energy. I generally hope work is a small enough part of a person’s life that they have time for many other things, but also that their work environment is engaging and meaningful enough that they enjoy it. I hope friendships emerge at work, mostly through collaboration or out of the gaps between responsibilities. As remote work has become commonplace, I find it’s harder to foster connections than it was before. The lack of proximity, and therefore organic social interactions, makes it harder for me to know my coworkers and be known by them. I’m not advocating for returning to offices. I’m noticing that after working with people for years in an office, I knew them better – their nerves before a presentation, their ability to set new people at ease, their grandma’s soup recipe, their knack for deadpan humor – and that made my life better. While many of my coworkers collaborate with each other daily through pair programming, design critiques, or iteration planning meetings, my work on a small People Team has always been less collaborative. For me, fewer organic in-person interactions means fewer interactions of any kind at work. The decline in ad-hoc opportunities for connecting impacts us all differently, but I am particularly interested because an aspect of my role at Viget is to nurture a strong company culture. For us that means a culture where we do excellent work, learn a lot, support each other, and – yes – make some friends. I’m looking for ways we can adapt our employee engagement efforts to the new work environment and evolve how we cultivate alignment.The concept of "bids for connection" seems useful for understanding the building blocks of connection and, over time, friendships. As a mostly remote company, I want to be sure we’re asking: How do people make bids? How do others respond to them? What parts of the work environment encourage us to turn towards a bid? Bids While DistributedThere needs to be “space” for these interactions to happen across a distributed company, and we need to notice what is working and why. One opportunity for bids to play out is in recurring meetings. At Viget, we try to be efficient with our time, but we also build in time for informal interactions. Daily Stand-up MeetingsThe discipline and project teams that do daily stand-ups are careful to keep them brief. These meetings need to be reliably quick-paced in order to fulfill their purpose. Still, without sacrificing efficiency, these meetings can spark strong bids for connection. Sharing work updates in small, daily increments encourages people to open up about specific elements of their progress. The specificity allows for connection in ways that broad strokes do not. Hearing someone say, “Progress was slow, but I’m finally done with the feature,” I might respond, “Oh, good.” But hearing someone say, “If I don’t figure out how to debug this API integration by noon, we need to update the launch timeline," gives me a chance to be curious, helpful, and invested in something very specific. Weekly All-Hands MeetingEvery Friday, our whole company meets for about an hour. The first 15 minutes are deliberately set aside for informal conversations and sharing, which mostly happens over Slack. We often play music or show a live stream of something noteworthy, like an eagle’s nest, to which we can react. Someone might share where they were when they first heard this song. Someone else might reveal they are an experienced falconer. The whole company gets a chance to see or hear these things, and while only a handful may react, we are all building shared awareness and memories.Monthly Team MeetingDuring a team meeting, a small group of same-discipline-peers comes together to talk shop, share lessons learned, or bond. These meetings allow for exercises that don’t scale to a whole company – like getting feedback or planning progress – and over time, certain activities can become team favorites. A monthly “rose, bud, thorn” or an annual “sharing circle” ritual prompts people to share in ways that otherwise might feel too awkward or vulnerable. Another way to make and respond to bids for connection across locations is on Slack. Different kinds of Slack channels offer different kinds of opportunities.Interest-based Slack ChannelsAt Viget we have channels like #woodworking, #sewing, #starwars, #hot-sauce, #gardening, #home-improvement, and many, many more. These types of channels allow people to go deeper than they might in more general channels. You know you’re talking to like-minded people, so why not dive fully into your opinion on robot vacuum cleaners?"Random" Slack ChannelIn our #random channel, I’ve seen everything from a heads up on free Firehouse subs to a recommendation for an estate planning system. The responses vary, too – sometimes they spark day-long conversations. At a minimum, posts will get a smattering of emoji responses and the impact can be significant. For example, a post might get a sympathetic :heart: but then a couple :same: or :it-me: come in and before you know it, there’s a subset of coworkers who realize they share the same rare phobia. I also think a share in #random can signal, “I’m between tasks. I’m open to distractions right now,” and folks can follow up with a DM.Project-Specific Slack ChannelIn channels where everyone is working on the same project with shared goals, stresses, and deadlines, we might see bids that build momentum. A PM might post something in the morning to encourage the team to rally behind a tough deadline. A designer might post mid-week, acknowledging the drudgery of certain tasks, implicitly giving everyone else permission to do the same. A developer might be slowly building a little arsenal of inside jokes and call-backs over weeks, dropping a note at just the right time to get others laughing. Someone might turn one of those jokes into a custom emoji that lives well beyond the project timeline and every time that inside-joke-emoji gets used, it's a bid for folks who worked on that team to recognize each other and reconnect. Recognizing BidsWe all grew up learning in-person social norms and have a mostly shared understanding of what’s considered warm, polite, stand-off-ish, or rude in the workplace. Now that we’re distributed, we may need to learn to recognize new signals and define new norms. A bid is an action that invites connection, but sometimes the action is so small, we might not notice it or realize it has potential value. Understanding the concept of bids can help us notice them and respond with more awareness. If we train ourselves to see bids for what they are and respond accordingly, we may get more mileage out of the limited impromptu interactions we have as remote coworkers. Actions like responding to an open-ended question in a Slack channel or acknowledging someone’s request for help during a meeting go a long way. Each response builds trust and camaraderie, even if in tiny doses. When a comment or question is ignored or dismissed, the negative effect is compounding; that person is less likely to reach out again.Adam Grant said sharing memes and links are a way to invite someone to share in your joy. At a distributed company, “bids” take a lot of different shapes, but they all communicate things like, “I am here,” and “let’s work together,” and “you can trust me.”I’m encouraged to think we already have some infrastructure in place at Viget to support remote bids for connection. I’m excited to work with Aubrey Lear and others to find ways to evolve that infrastructure. We’ll continue to hire people who want to develop friendships with coworkers and who are willing to take personal responsibility for making and turning towards bids. Together, we can make sure Viget remains a great place to work as the workplace continues to evolve. Full Article News & Culture Employee Engagement
we 10 Things I Learned in My 10 Weeks at Viget By www.viget.com Published On :: Wed, 07 Aug 2024 09:56:00 -0400 This summer, I was the Application Developer Intern at Viget. This being my first internship, I was pleasantly surprised by how much I learned. Rather than being tasked with fetching coffee or doing busy work, the internship focused primarily on our growth and development as interns. As my time at Viget comes to a close, I wanted to reflect on ten key things I learned during my experience here.Following the real-world development cycleGoing into this internship, my development process involved me sitting down and coding until the feature was completed, and that's it. During this internship, I learned and practiced the development cycle used at Viget. For each feature, I created a Branch. Then, I submitted a Pull Request once it was completed. After that, my advisor reviewed my code and gave feedback. Once I had completed the requested changes (if any), I would rebase and merge into the main branch. This cycle made the code cleaner, and the feedback on my code always ensured I was going in the right direction.Maintaining a clean git historyDuring my development process at Viget, my advisor ensured I took the necessary steps to maintain a clean git history in my projects. I put the corresponding issue number next to each git commit and pull request. This made it much easier to see which commits belonged to which feature when reviewing git history. I also learned to always use “rebase and merge” rather than “create a merge commit” when merging a pull request. This helped when reviewing git history as merge commits make it much more difficult to understand what’s going on, and rebase and merge provided a clean git history.Getting introduced to DevOpsNevin Morgan hosted a MicroClass where he went over the basics of DevOps. Going in, I didn’t know much about DevOps, but the class gave me a solid understanding of the basics. DevOps is a combination of philosophies, practices, and tools designed to improve the speed of development. Their responsibilities include:Keeping Communication clear for development teamsMaking sure teams continue collaboratingEnsuring deployments are quick and reliableI also got the chance to pair with Nevin when he set up AWS deployment for one of my projects, and when he was setting up Grafana for Viget. Getting to see DevOps in action gave me a good idea of what goes into being part of the DevOps team.Learning to work with clientsAt the start of our intern group project, Nathan Long gave us a presentation on what it's like to work with clients. He covered the typical client project cycle, client presentations, and how to handle client feedback. For our project, we simulated a client relationship with Viget as our client. They provided us with their requirements, and me and the other interns planned out the details of what we would deliver. Throughout the process, we gave several client presentations, received valuable feedback, and iterated on our product. Two weeks later, we had a finished product, which we presented to the client in a live demo. This whole process was designed to mimic what Viget goes through with real clients, and seeing the different perspective required when working with clients was really eye-opening for me.Exploring digital accessibilityNathan Schmidt hosted a MicroClass for the interns on Accessibility. He gave us an overview of what digital accessibility is and who it impacts. I learned that digital accessibility is the lens through which we ensure that people of all abilities, and particularly those with disabilities, are able to engage with the digital world. Every website is graded to a level set from the Web Content Accessibility Guidelines (WCAG). These guidelines include video captions, text size, color contrast, and many more requirements. It is the industry standard to follow these WCAG guidelines so that your website can be accessible to a broad range of consumers.Building confidence in public speakingWhen the summer began and I learned that I would need to present to the entire company, I felt intimidated. Public speaking has always been a source of anxiety for me, but I had numerous opportunities to work on this skill. Throughout the summer, I became increasingly confident. First, my fellow interns and I presented our group project to everyone at Viget at the company-wide all hands meeting known as TTT. I presented my personal project to the Dev team, discussing the libraries I used and walking through my code. The most significant presentation I delivered was my final one, where I spoke to everyone at Viget about my Gap Year through a Viget Tradition known as LabShares. Public speaking is a skill that improves with practice, and the various opportunities I had greatly boosted my confidence in this area.Diving into Vanilla JavaScriptGoing into this summer, I had never written a line of JavaScript in my life. I quickly learned that JavaScript is essential if you’re going to work in web development. On my personal project, which was an audio sharing social media app, I had a for you page, and I wanted to make the page update as soon as the user went to the next sound. This would require me to write JavaScript. I went through and wrote Vanilla JavaScript to update all the necessary information from the server's response. Although it was a challenging and tedious process, it significantly enhanced my understanding of how websites work and the role of JavaScript in web development.Getting my feet wet with RailsFor the first half of the internship, I got my foothold in Ruby on Rails. This was my first time writing in Ruby, so there was a bit of a learning curve. I started with the Rails tutorial and then made a Hacker News clone. This exposed me to a broad range of the application stack and got me prepared for the Intern project, where I also used Rails. I found Rails’ Model, View, Controller setup to be very intuitive, so the learning process was relatively painless.Discovering the benefits of TailwindBeing the only Application Developer Intern, my focus throughout the internship was primarily on the back-end. However, I did have the chance to use Tailwind for the first time during my personal project. The biggest thing that stuck out to me was how it was convenient to not have to go through and change the stylesheets myself. With Tailwind's utility-first approach, you can quickly apply predefined classes for spacing, colors, typography, and more, without having to write custom CSS. This makes it much faster to prototype and iterate on designs, as you can see changes immediately by simply adjusting the class names in your HTML.Exploring the Basics of ReactChris Manning hosted a MicroClass on React. I had never actually used React, but he made the class very beginner friendly. React is a JavaScript library, whose main strength is how dynamically it responds to user input and cascades UI changes. Chris went over JSX and React components, props, children, and state memory. I didn’t have time to actually write any React this summer, but I appreciate that Chris hosted this class after I said React was something I was interested in!Reflecting on what I’ve learned here at Viget, I realize how invaluable this experience has been for both my personal and professional growth. From learning Rails and JavaScript, to understanding the intricacies of client relationships, I've gained a wealth of knowledge that extends far beyond technical skills. The opportunity to work alongside experienced professionals and receive constructive feedback has been a huge source of development for me. As I move forward, I am excited to apply these lessons and continue exploring the world of Software Development, confident in the foundation this internship has provided. Full Article Code News & Culture Back-end Engineering Internships and Apprenticeships
we Founders Welcoming Business Partners By www.viget.com Published On :: Mon, 21 Oct 2024 15:54:00 -0400 When Viget was founded in 1999, Andy and I used the title “Founding Partner.” We were founders of the business and also committed business partners. Within a couple of years, we switched to more specific titles: Co-Founder and President (Andy) and Co-Founder and CEO (me), but “business partners” was always the key structure.We divided responsibilities of leadership, delivery, and operations in ways that optimized our different strengths and weaknesses. Key decision making has always been a collaborative process, with healthy debate between the two of us. I know some incredible solo entrepreneurs, but for us, having a partner to lean on, leverage, and grow with has been not only rewarding, it’s been essential to Viget’s longevity and success.Also key to our success has been a founding principle of hiring incredible people who share our values and vision, value longevity and lasting relationships, and take pride in their work and careers. As they’ve joined, we’ve shared the opportunities and responsibilities that come with running a healthy business. Empowering others to lead key parts of Viget has taken us further than we’d ever gone otherwise.Being owners and partners in the business has always been a privilege, an honor, and, at times, a stressful burden. When things go well – clients are happy, the team is gelling, the finances are solid – I’m filled with pride, satisfaction, and calm. When things aren’t going well – projects are sideways, turnover seems contagious, and the metrics point in the wrong direction – I’m filled with anxiety, frustration, and self-doubt. In either scenario, having a partner to navigate the waters with has been vital.In recent years, three key areas of our business have matured thanks to the overall strength of our team and especially strong leadership. Our sales and marketing systems, tools, and strategies have fed a much more predictable revenue engine with great clients. Our client delivery processes and best practices have helped us consistently deliver value for our clients with more clarity, less risk, and better results. Finally, through some very challenging years in our industry, our culture has grown stronger and more adaptable, still centered on meaningful human connections at the core.These three business areas have been led by Zach Robbins (sales and marketing), Kelly Kenny (delivery), and Emily Bloom (culture). They are the pillars upon which all other aspects of the business are built. These leaders have truly grown up with the business, having joined more than 13, 14, and 17 years ago, respectively. Their impact first as individual contributors, then managers, and eventually strategic leaders has been immeasurable.Viget is coming up on a major milestone: we’ll soon eclipse 25 years since our founding on December 27, 1999. As Andy and I looked out at the next decade and beyond of our business, expanding our partnership became a clear goal. Embracing additional partners to not just lead their area of the business but to weigh in on all major decisions would help Viget continue to mature into the business we believe it can be. We saw an opportunity to invite others into the deep water of business partnership – the good, bad, and ugly – so that our shared decision making can be sharper, more insightful, and more strategic in the years to come. At our fall retreat last week, we announced that we're welcoming Emily, Zach, and Kelly as partners at Viget. They’ve each been here for more than half of Viget’s history, each shaping Viget into what it is today. As partners, they’ll have even more influence as we take Viget into our second quarter century and beyond. Full Article News & Culture
we 3 Branding Tips for Web Design Firms By www.crazyleafdesign.com Published On :: Wed, 11 Oct 2023 08:40:04 +0000 In a sea of web design companies, standing out is both an art and a strategy. After all, if a web design firm can’t effectively brand itself, how will potential clients trust it to brand them? If you’re looking for helpful tips on how to improve your firm’s brand identity, this article has everything you […] Full Article Graphic Design
we The Psychology of Colour in Web Design: How to Influence Customer Perception By www.crazyleafdesign.com Published On :: Tue, 19 Dec 2023 19:43:13 +0000 There are over 7000 languages spoken in the world today, and it’s constantly increasing. Without the help of translation tools, many of us would not be able to make friends or do business with people beyond our geographical borders due to language barriers. However, if there is one language everybody on this planet speaks fluently […] Full Article Graphic Design
we A Guide for Writing Brochures and Uploading Them to Your Website By www.crazyleafdesign.com Published On :: Mon, 26 Feb 2024 18:43:56 +0000 Even though digital types of content have taken over the marketing landscape, brochures still hold an enduring relevance as a powerful communication device. These portable companions, often overlooked in the modern age, hold the potential to inform, inspire, and captivate, which is why they’re an indispensable asset for any business. Exploring the Evolving Role of […] Full Article Marketing
we Web Designer Must-Have Skills As A Pro in 2024 – Web Design Tips By www.crazyleafdesign.com Published On :: Fri, 30 Aug 2024 19:38:53 +0000 As we navigate the ever-evolving landscape of web design, it’s crucial to stay ahead of the curve and continuously expand our skill set. As a seasoned web designer with years of experience, I’ve witnessed firsthand the rapid changes in our industry. Today, I’ll share my insights on the must-have skills for professional web designers in […] Full Article Web Design Adobe XD advanced web design tools AI in web design CMS for web design content management systems continuous learning in web design design prototyping tools design systems ethical web design Figma for web design Git for web designers HTML CSS JavaScript microinteractions in web design mobile-first design modern web design trends must have web design skills privacy and security in web design professional web designer Responsive web design SEO best practices Sketch for web design user experience design ux design version control for web designers web accessibility web design animation web design collaboration tools web design skills 2024 web designer skills 2024 website performance optimization
we The Apple TV 4K Device is a Deeply Flawed and Frustrating Product… for Me By thomashawk.com Published On :: Thu, 27 Sep 2018 00:19:25 +0000 About 12 years ago, in 2006, I had what at the time felt like the biggest technological change in my life. I switched from a PC to my first MacBook Pro. Switching computer operating systems at the time seemed like a massive chasm to overcome, but I did it and I’m glad I did. My … Continue reading "The Apple TV 4K Device is a Deeply Flawed and Frustrating Product… for Me" Full Article Apple AppleTV
we Adobe Illustrator 2025 Splash Screen Illustration: TRÜF’s “Weird Fishes” By abduzeedo.com Published On :: Mon, 04 Nov 2024 13:33:42 +0000 Adobe Illustrator 2025 Splash Screen Illustration: TRÜF’s “Weird Fishes” abduzeedo1104—24 Discover how TRÜF’s “Weird Fishes” splash screen for Adobe Illustrator 2025 celebrates creativity with vibrant, minimalist illustration. The Adobe Illustrator 2025 splash screen opens with a statement: creativity meets minimalism. Designed by TRÜF Studio, the “Weird Fishes” artwork that greets users embodies Adobe’s tools while making an instant visual impact. This splash screen not only excites users about the app but also showcases Illustrator’s dynamic possibilities, creating a memorable start to the creative process. Here’s a look at the creative vision, tools, and collaboration behind this unique splash screen update. “Weird Fishes”: A Showcase of Creative Tools TRÜF’s “Weird Fishes” centers on playfully stylized fish, created using Adobe Illustrator’s updated typography and 3D tools, which highlight the 2025 release’s expanded capabilities. This splash screen is a celebration of how Illustrator can bring out unique textures, gradients, and typographic designs, making it feel like a blend of traditional and digital artistry. The design follows Adam G’s distinctive style—minimal yet quirky, with each element purposefully crafted to show off Adobe’s creative potential. The splash screen, as Adobe intended, isn’t just a loading screen. It’s a reminder of what Illustrator users can “Dream Up.” As Alex Fernald and Gleren Meneghin, Adobe’s staff designers, emphasized, the splash screens are not only entry points into the app but connections to Adobe’s creative community. They bring in commissioned art, linking Illustrator users to other creators while inviting exploration of the software’s capabilities. Balancing Art and Function in the Design This splash screen’s journey began the old-fashioned way—on paper. This initial sketching phase gave TRÜF the freedom to experiment with the composition, exploring the balance of shapes and lines. Once refined, the concept moved into Illustrator, where TRÜF fully explored the software’s features to enhance the digital version. In a brief, 90-second process video, TRÜF showcased their workflow from sketch to the finished splash screen, a rare peek into how minimalist, impactful design comes together. A User-Centric Approach to Illustration Adobe’s splash screens, including “Weird Fishes,” are a result of ongoing feedback from users. Through surveys sent to product teams, Adobe designers Alex and Gleren learned the nuances that users valued in the loading screen—like minimal launch delays and artist recognition. This feedback shaped the design, ensuring the new splash screens would spotlight the artist while maintaining the program’s efficiency. To make the splash screen visually immersive, Adobe made adjustments based on past feedback. The artwork was enlarged, and the artist’s name appears in a larger, bold typeface, creating a clearer hierarchy that celebrates both the art and artist. As the Adobe Spectrum design system evolved, so did the splash screens, aligning with modern standards while preserving Adobe’s commitment to showcasing diverse creative voices. Reflecting Adobe’s Evolution with Modern Minimalism Historically, Illustrator splash screens have evolved alongside the Adobe brand. From early versions in the 1980s, featuring iconic art references, to today’s community-focused pieces, these screens highlight a shift from static visuals to dynamic creative introductions. Adobe’s recent redesign, led by Fernald and Meneghin, reimagined this format to center both the artist and the Adobe brand, using clean type and colors while expanding the visual space for the artwork. This shift reaffirms Adobe’s mission to foster connections within its creative ecosystem. The splash screens across Adobe products are meant to offer a consistent brand experience, but each one also tells a unique story, showcasing the latest in illustration and design through collaboration with Studio team artists. Adobe’s team expanded the artwork’s size, adjusting its specs back to 2019 dimensions to create a more immersive user experience. The Adobe wordmark in red stands beside the product name in black, emphasizing the connection between Adobe and its creative community. The Legacy and Future of Adobe Splash Screens “What’s next?” is a question Adobe’s designers are always answering. With the 2025 Illustrator splash screen’s debut at Adobe MAX 2024, Adobe introduced the latest evolution in Creative Cloud. These splash screens remain essential touchpoints, showcasing new work, enhancing user experience, and connecting each user to Adobe’s creative network. TRÜF’s “Weird Fishes” invites Illustrator users to think beyond the ordinary. It’s a nod to the creative possibilities the software enables, a tribute to digital and analog techniques, and a reminder that every creative journey begins with opening Adobe Illustrator. This splash screen illustration is a subtle invitation for creatives to make the most of Illustrator’s tools and capabilities, setting the stage for inspired design from the moment they open the app. Illustration artifacts Pillow manufactured by Adobe. Photo courtesy of Adobe Full Article
we Explore ChainGPT Labs’ Web3 Brand Identity & Web Design By abduzeedo.com Published On :: Tue, 12 Nov 2024 03:23:35 +0000 Explore ChainGPT Labs’ Web3 Brand Identity & Web Design abduzeedo1111—24 Discover ChainGPT Labs’ unique Web3 branding and web design with seamless 3D animations and a modern interface. ChainGPT Labs stands as an ambitious venture, propelling innovation in the blockchain and Web3 startup world. A project backed by the ChainGPT team, this platform provides strategic funding, incubation, and acceleration services tailored for the Web3 ecosystem. To visually represent such a forward-thinking initiative, a distinctive and cohesive brand identity was crucial. The design challenge was clear: introduce ChainGPT Labs as a part of the existing ChainGPT ecosystem while ensuring it had its unique presence. The team behind this creative endeavor adopted a strategy that balanced modernity with a recognizable brand connection. Typeface Selection and Visual Cohesion One of the design cornerstones is the typographic identity. The chosen typeface blends sleek, experimental, and monospace styles, reminiscent of sci-fi aesthetics yet grounded enough to maintain clarity. This combination brings a futuristic yet approachable vibe, mirroring ChainGPT Labs’ mission of bridging advanced technology with user-friendly design. The website, crafted with a focus on interaction, features seamless 3D animations. These animations not only add depth but also engage users in an immersive digital experience. The modern, functional interface ensures smooth navigation while highlighting essential content. The design isn’t just about aesthetics; it delivers on usability, ensuring every visual element contributes to a cohesive narrative. 3D Animations: Bringing Ideas to Life 3D animation plays a pivotal role in elevating the digital experience. Each animation is thoughtfully integrated, making the browsing experience lively without compromising performance. These elements align with Web3’s ethos, suggesting a digital landscape that’s both dynamic and innovative. Balancing Innovation and Brand Familiarity Designers also needed to ensure that ChainGPT Labs felt like an extension of ChainGPT’s established identity. The visual ecosystem leans into bold aesthetics while subtly referencing familiar brand cues. Strategic use of color, shape, and layout ties the Labs’ identity back to its origins, achieving a harmonious balance between innovation and brand recognition. Why It Matters for Design Enthusiasts For graphic and interface designers, ChainGPT Labs offers an inspiring case study in brand expansion. The project exemplifies how visual elements can maintain brand consistency while pushing creative boundaries. This thoughtful integration of typography, 3D animation, and a user-focused interface marks a new chapter for digital design in the Web3 space. For a full breakdown of the design elements, visit the work of Sigma Software Design at https://sigmasoftware.design/. Visit the website at labs.chaingpt.org Web design artifacts Full Article
we What Is a Website Redesign & How To Plan For It Effectively By designshard.com Published On :: Thu, 22 Nov 2018 10:45:24 +0000 Websites have become essential marketing tools for businesses and it’s mandatory to keep them up to date and fresh always. This can be justified with the help of the statement made by a Danish computer scientist, Jakob Nielsen: “A bad website is like a grumpy salesperson.” This is where the need for website redesigning comes … Continue reading What Is a Website Redesign & How To Plan For It Effectively The post What Is a Website Redesign & How To Plan For It Effectively appeared first on Design Shard. Full Article Web Design Design Marketing