• All Courses
  • All Books
  • Memberships
  • Gift Card

    Cart

    No products in the cart.

    Sign in
    OSTraining

    Cart

    No products in the cart.

    OSTraining

    • All Courses
    • All Books
    • Memberships
    • Gift Card
    Sign in

    Category: Web Design

    Open Source Alternatives for Creatives

    Open Source Alternatives for Creatives

    So you want to get creative, huh?  Whether you’re a student, freelancer, or company looking to add a creative department, one thing is for sure…

    Mikall Hill June 9, 2020
    0 Comments
    TemplateToaster Website Builder Review

    TemplateToaster Website Builder Review

    Website development has been a difficult task for developers, especially those who are new in this field. But, with the advancement in technology, you can…

    Steve Burge April 1, 2020
    2 Comments
    5 Easy Steps to Resizing an Image in GIMP 2.10.14

    5 Easy Steps to Resizing an Image in GIMP 2.x

    Sometimes a client complains that their photo-heavy site takes “forever” to load and that is a major issue for their users. The truth is that…

    Mikall Hill March 3, 2020
    6 Comments
    Designing Blind - 5 Steps Toward Fostering Designer Excitement

    Designing Blind – 5 Steps Toward Fostering Designer Excitement

    It’s the challenge of creating something that will “wow” and go beyond what a client could have ever imagined possible that is motivating and exciting…

    Mikall Hill February 13, 2020
    2 Comments
    Using CSS Variables With CSS Flexbox

    CSS Flexbox # 17. Using CSS Variables With CSS Flexbox

    We’ve already determined that CSS Flexbox is super cool, so let’s look at mixing in another super cool CSS tool. Custom Properties (also known as…

    Jorge Montoya October 1, 2019
    0 Comments

    CSS Flexbox #16. How to Create Column Patterns with Flexbox

    Sometimes, when you start learning how to build websites, you often are confronted with a finished design and you start coding based on it with…

    Jorge Montoya August 22, 2019
    0 Comments
    How to Create a Flexbox Megamenu for a Newspaper

    CSS Flexbox #15. How to Create a Megamenu With Flexbox

    If you have a busy website, you often have a busy menu. That is why the navigation menus on these sites gradually start to look…

    Jorge Montoya August 19, 2019
    0 Comments

    CSS Flexbox #14: How to Build a Card Layout in Flexbox

    Card designs are very popular all over the web. You see them on social media sites and online shops. They are so popular as they…

    Jorge Montoya July 30, 2019
    2 Comments
    CSS Flexbox #13. Create a Navigation Menu with Flexbox

    CSS Flexbox #13. Create a Navigation Menu with Flexbox

    The navigation speeds up the search of your users within your site. With CSS Flexbox, it is quite practical to code a basic navigation bar…

    Jorge Montoya July 15, 2019
    1 Comment
    CSS Flexbox #12. The flex-flow shorthand property

    CSS Flexbox #12. The flex-flow shorthand property

    In past tutorials of this series, you learned about the flex-direction and the flex-wrap properties. They determine the orientation of flex items. They also determine…

    Jorge Montoya July 11, 2019
    0 Comments
    CSS Flexbox #11. Shorthand Default Values

    CSS Flexbox #11. Shorthand Default Values

    In the last tutorial, you learned about the flex shorthand property. It groups three flexbox properties in one in the following order: flex-grow flex-shrink flex-basis.…

    Jorge Montoya June 25, 2019
    1 Comment
    An Beginners Introduction to Flexbox

    A Beginners Introduction to CSS Flexbox

    The CSS Flexbox Specification is a CSS module that gives you great flexibility when creating layouts. CSS Flexbox is an elegant and lightweight approach to…

    Jorge Montoya June 18, 2019
    0 Comments
    CSS Flexbox # 10. The flex Shorthand Property

    CSS Flexbox #10. The flex Shorthand Property

    In the previous tutorials of the “CSS Flexbox” series, you learned that the flex-grow property specifies how items expand relative to each other to fill…

    Jorge Montoya June 3, 2019
    1 Comment
    CSS Flexbox #9. The align-content Property

    CSS Flexbox #9. The align-content Property

    In the third tutorial of this series, you learned that the align-items flexbox property specifies how flex-items are distributed along the cross axis of the…

    Jorge Montoya May 24, 2019
    0 Comments
    CSS Flexbox #8. The align-content Property

    CSS Flexbox #8. The flex-wrap Property

    Until now, you have seen that flex-items stay on the same line, regardless of the content inside them and the space available. With the flex-wrap…

    Jorge Montoya May 24, 2019
    0 Comments
    CSS Flexbox #7. The order Property

    CSS Flexbox #7. The order Property

    If you want to place flex-items in a particular sequence inside their flex-container, independently of how they are placed in the HTML code, you use…

    Jorge Montoya May 7, 2019
    0 Comments
    CSS Flexbox flex-basis property

    CSS Flexbox #6. The flex-basis Property

    The flex-basis property sets the initial length of the flex-items inside a flex-container. You can think of it as an improved version of the width…

    Jorge Montoya May 1, 2019
    3 Comments
    3 Reasons You Should Never Use Iframes

    3 Reasons You Might Not Want To Use Iframes

    One of our customers implemented an iframe on their website. They right away bumped into a layout issue. This was very typical of the iframe tag.…

    Alex Smirnov April 30, 2019
    29 Comments
    CSS Flexbox #5. The flex-shrink Propery

    CSS Flexbox #5. The flex-shrink Property

    As you already learned, the flex-grow property specifies how items grow (or expand) to fill the available space in the flex-container. The flex-shrink property specifies…

    Jorge Montoya April 13, 2019
    0 Comments
    How to Use Font Awesome in Photoshop Designs

    How to Use Font Awesome in Photoshop Designs

    The old-fashioned technique to create icons used to be manually cropping images to work as icons. This was extremely time-consuming. Now Google’s Font Awesome icons…

    Alex Smirnov April 2, 2019
    50 Comments
    Load More
    Back to Blog Home

    Blog Categories

    • CMS Platforms
    • Coding Tutorials
    • Drupal
    • General
    • Ghost
    • Joomla
    • Live Blog Posts
    • Magento Tutorials
    • Marketing
    • New Tech Cities
    • OSTraining News
    • Podcasts
    • Sponsored
    • Tools
    • Web Design
    • WooCommerce
    • WordPress

    Latest Comments

    1. robbieadair on View your Joomla Site as a Public User while Set OfflineMay 10, 2022

      Awesome! So glad it fit the bill!

    2. robbieadair on View your Joomla Site as a Public User while Set OfflineMay 10, 2022

      You're welcome! Glad it helped!

    3. webiedesign on View your Joomla Site as a Public User while Set OfflineMay 10, 2022

      Thank you Robbie ! This is just what I needed.

    4. richardhobbs on How to use the Slick Module in Drupal 8May 5, 2022

      Good Tutorial I can't quite get the text to align on right of the image instead of below

    5. robbieadair on Adjusting Your Joomla! 3.x Session Time for your UsersApril 11, 2022

      Yes, you can configure Filezilla to allow only one connection at a time or multiple.

    Recent Posts

    • How to Use the Layout Grid Block Plugin in WordPress
    • How to Use Bootstrap 5 and SASS in Drupal 9
    • How to Use the Cool Timeline Plugin in WordPress
    • How to Use the Shortcodes Ultimate Plugin for WordPress
    • How to Use the Smart Slider Plugin for WordPress

    ^^ Back to Top ^^

    • About
    • Our Team
    • Podcast
    • Blog
    • Privacy Policy
    • Terms of Service
    • Refund Policy
    • Contact Us
    © 2022 - OSTraining, LLC. All Rights Reserved.

    Report

    Harassment or bullying behavior
    Contains mature or sensitive content
    Contains misleading or false information
    Contains abusive or derogatory content
    Contains spam, fake content or potential malware

    Block Member?

    Please confirm you want to block this member.

    You will no longer be able to:

    • See blocked member's posts
    • Mention this member in posts
    • Invite this member to groups
    • Add this member as a connection

    Please note: This action will also remove this member from your connections and send a report to the site admin. Please allow a few minutes for this process to complete.

    Report

    You have already reported this
    Clear Clear All