Front-End Web Daily

Front-End Web Daily

By Front-End Web DailyNewsDaily News
Download on the App Store

Front-End Web Daily episodes

  • Tuesday Tips | The Negative Effects of Disabling Your Website

    Today is March 31, 2020, and for this Tuesday Tips episode we're covering The Negative Effects of Disabling Your Website During a Closure

    Let's dive in!

    ----

    Cornonavirus has forced many businesses to adopt a remote working model. However, many more businesses have been forced to close, at least temporarily, such as retailers and restaurants. Even though your business may be closed it is important to approach pausing your website correctly so that you don’t lose the search engine data for your website.

    First, do not disable your site. Even a few days of having your website disabled could cause a significant decrease in search visibility. It will be very difficult to bring your site back to the same visibility.

    If you have to, limit the functionality of your website. Removing certain features can minimize any negative effects and also disable actions that you do not want the user to take.

    Some examples of limiting functionality could be to disable the cart functionality or mark items as sold out in an online store. Additionally, if you are changing functionality you should let your customs know, such as a pop up or banner.

    For more information, visit Google’s guidelines on structured data, event changes, and other business resources.

    Today’s Tuesday Tips was adapted from a post on searchengineland.com and another on the Google Webmaster Central blog.

    ----

    Want to know more? Head to fewdaily.com for more of today’s topics and other front-end web content! If you liked what you heard be sure to rate, review, and subscribe on your platform of choice. That's all for today, tune in tomorrow!

    2 min
  • Monday Medley | IE Support in Bootstrap 5, Dribbble Redesign, New Media Queries, & Leading Remotely

    Today is March 30, 2020, and for this Monday Medley episode we're covering:

    • No IE Support in Bootstrap 5
    • Dribbble Website Redesign
    • New CSS Media Queries
    • Leading a Remote Team
    • Let's dive in!

      ----

      A recent Themesberg post discussed Bootstrap 5, which will be released later this spring, and how it will not support Internet Explorer 10 or 11. This decision is being made in the web community more often with many large companies already dropping support for IE. Despite the lowering usage Microsoft will continue to support IE 11 through 2025.

      ----

      Dribbble, a social networking platform for designers and creatives, recently rolled out a new website design. This is the first redesign for the Dribbble website in ten years and strives to showcase the designers more. Included in the redesign is updated profiles, new collections and a new curator profile.

      ----

      Logrocket released a post a few weeks back about the forthcoming new CSS media queries. Some of the new media queries include light level, preference-based queries, and even custom media queries. These new media queries are still in spec, so some are available while others are still being worked on.

      ----

      Mark Boulton recently wrote about leading a remote team, giving tips for leaders that are new to working remotely. Information like this is becoming increasingly important as teams are currently being forced into remote work longer than originally thought. Learn about creating rituals, asynchronous communication, and prioritizing your people.

      ----

      Want to know more? Head to fewdaily.com for more of today’s topics and other front-end web content! If you liked what you heard be sure to rate, review, and subscribe on your platform of choice. That's all for today, tune in tomorrow!

      2 min
    • Thursday Thoughts | GitHub npm Acquisition, Distributed Work, Bootstrap 5 Icons, & Freelance Finance

      Today is March 26, 2020, and for this Thursday Thoughts episode we're covering:

      • GitHub Acquires npm
      • Why Distributed Teams Are the Future of Workforce
      • Bootstrap 5 Icons vs Font Awesome
      • How to Manage Freelance Finances in a Crisis
      • Let's dive in!

        ----

        Last week GitHub announced that they would be acquiring the JavaScript package manager npm. GitHub stated that they would focus on the infrastructure, core experience, and engaging with the npm community. Additionally, GitHub will look to integrate npm into their services and structure.

        ----

        A recent blog post by Taskade discussed why distributed teams are the future of the workforce. The post discusses benefits and how to build distributed teams. With the current COVID-19 pandemic many companies have been forced into a distributed workplace and are looking for ways to improve virtual work now and in the future.

        ----

        Themesberg released a blog post comparing Font Awesome and Bootstrap 5 Icons, which will be available when Bootstrap 5 is released later this spring. Currently, the Bootstrap icons are open source SVGs that can be added on an individual basis to your website. While not as easy to use as Font Awesome this does have the benefit of a smaller file size because the entire library does not need to be included.

        ----

        Webdesigner Depot posted about how to manage freelance finances during a crisis. With the current uncertainty around what the coming weeks or months will look like it is important to put your business on the best footing possible. Some tips include contacting clients, cutting expenses, and looking for ways to supplement your income.

        ----

        Want to know more? Head to fewdaily.com for more of today’s topics and other front-end web content! If you liked what you heard be sure to rate, review, and subscribe on your platform of choice. That's all for today, tune in tomorrow!

        3 min
      • Wednesday Wisdom | GitHub Mobile App, Helping in a Crisis, WPBlockTalk, and the MonoLisa Font

        Today is March 18, 2020, and for this Wednesday Wisdom episode we're covering:

        • New GitHub Mobile App
        • Web Designers Can Help in a Crisis
        • WPBlockTalk
        • MonoLisa Font
        • Let's dive in!

          ----

          GitHub, the popular development version control software, has launched its mobile app. The app lets users manage their projects, such as through merge and pull requests. The app does not yet have the ability to edit your code, but a lot of other features are available in an easy to use interface. GitHub is available on both iOS and Android devices.

          ----

          The COVID-19 pandemic is affecting nearly every person in the world. However, there are quite a few ways that web designers can help during this crisis. For example, volunteering your services, raising money, or helping clients that are affected. Just because we’re stuck at home doesn’t mean we can’t do our part to help others. Read more from the article at speckyboy.com.

          ----

          WordPress is hosting an online event called WPBlockTalk, which focuses on the block editor. Topics will include building the core block editor, developing new blocks, and designing with blocks. The event will be held virtually on April 2nd and will be available after the event on WordPress.tv. You can also join the email list for more information and updates.

          ----

          There is a new font that has developers buzzing. MonoLisa is a monospace font designed to “improve developers’ productivity and reduce fatigue”. The font has many features that set it apart, including an increased width, better distinction of characters, and improved reading flow. MonoLisa is currently available for purchase at two levels, a limited version for personal use at $59 and the full version for professional use at $279.

          ----

          Want to know more? Head to fewdaily.com for more of today’s topics and other front-end web content! If you liked what you heard be sure to rate, review, and subscribe on your platform of choice. That's all for today, tune in tomorrow!

          3 min
        • Tuesday Tips | Target Specific Internet Explorer Versions in CSS

          Today is March 17, 2020, and for this Tuesday Tips episode we're covering Media Queries and Selectors to Write CSS for a Specific Version of Internet Explorer

          Let's dive in!

          ----

          Did you know that you can target specific versions of Internet Explorer right in your CSS stylesheet? There are several media queries and selectors that can combine to allow you to write CSS for a version of Internet Explorer. There are even queries that can select multiple versions in one fell swoop. This changes the game for how many designers and developers create their websites. Check out some examples below and view more at browserhacks.com!

          ----

          _:-ms-fullscreen,
          :root .ie11up {
             property: value;
          }

          ----

          _:-ms-lang(x),
          .ie10 {
             property: value\9;
          }

          ----

          @media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
             // IE9 CSS
             .ie9 {
                 property: value;
             }
          }

          ----

          @media \0screen {
             .ie8 {
                 property: value;
             }
          }

          ----

          * + html .ie7 {
             property: value;
          }

          ----

          .ie6 {
             _property: value;
          }

          ----

          @media \0screen\, screen\9 {
             .ie678 {
                 property: value;
             }
          }

          ----

          @media screen\0 {
             .ie8910 {
                 property: value;
             }
          }

          ----

          @media screen and (min-width: 0\0) {
             .ie910 {
                 property: value\9;
             } /* backslash-9 removes ie11+ */
          }

          ----

          @supports (-ms-ime-align: auto) {
             .selector {
                 property: value;
             }
          }

          ----

          Want to know more? Head to fewdaily.com for more of today’s topics and other front-end web content! If you liked what you heard be sure to rate, review, and subscribe on your platform of choice. That's all for today, tune in tomorrow!

          1 min
        • Monday Medley | The CSS Podcast, WordPress 5.4, and Variable Fonts

          Today is March 16, 2020, and for this Monday Medley episode we're covering:

          • The CSS Podcast
          • WordPress 5.4
          • Variable Fonts Performance Effects
          • Let's dive in!

            ----

            Una Kravets and Adam Argyle, two developer advocates at Google, have started a podcast to discuss everything CSS. Aptly named The CSS Podcast, they’re covering all aspects of the web’s core styling language. So far there has been one episode released on March 12 that discusses the Box Model. The CSS Podcast is available on Apple Podcasts, Spotify and more.

            ----

            WordPress 5.4 will be packed with updates and new features. Most notably are the updates to the block editor, including a new social icons block, a new buttons block that allows more than one inline button, and several updates to existing core block editor features. WordPress 5.4 is scheduled for release on March 31st. For more information, check out the Kinsta and WPBeginner blogs for more information, or see the WordPress 5.4 development cycle.

            ----

            Variable fonts are a hot topic in the web design community because they include all the variations of a typeface in a single file, rather than individual files for each variation. However, it is important to recognize the performance effects of a single large file and how to mitigate them. For example, if you’re loading 12 variations of a static font, it is typically quicker to load the variable font. Read more about use cases and test cases for variable fonts on the LogRocket blog.

            ----

            Want to know more? Head to fewdaily.com for more of today’s topics and other front-end web content! If you liked what you heard be sure to rate, review, and subscribe on your platform of choice. That's all for today, tune in tomorrow!

            2 min
          • Front-End Web Daily Trailer
            Front-End Web Daily is the number one source for front-end news, tips, and more delivered daily on your favorite platforms. Topics include HTML, CSS, JavaScript, jQuery, front-end frameworks, preprocessors, APIs, responsive design, cross-browser development, content management systems, Git and so much more! Tune in each day to stay up to date on the latest web trends. Head to fewdaily.com for more information and to discover all the channels where you can follow us.
            ---
            Support this podcast: https://anchor.fm/fewdaily/support (https://anchor.fm/fewdaily/support)
            1 min

          About Front-End Web Daily

          From the publisher's feed

          Front-end web news, tips, and more delivered daily.