• 17 Responsive Web Design Trends You NEED to know in 2017
    Articles,  Blog

    17 Responsive Web Design Trends You NEED to know in 2017

    Hey everybody. Daniel here and we’ve got 17 Responsive Design Trends that’s going to shape your 2017 and well beyond. Designers working on web projects face a ton of challenges this year. They have to make products that work across a variety of devices, are engaging, and appeal to a global audience. Speaking of which, that audience is more tech savvy and design literate than ever before and expect a seamless experience on all of their devices. It’s more important than ever for designers to keep up with emerging solutions and patterns that solve common problems so they can keep their audiences engaged and provide a seamless experience. Over the…

  • Articles

    Website Audit of sunshinecoastdaily.com.au – C+

    Brodey Sheppard: Hello, welcome to another video of our series where we audit websites around the world and write them from good to bad depending on, uh, uh, various different categories of optimization, whether for UI, UX, uh, social proof, performance titles, everything. We audit everything. So sunshine goes daily, is local to us as a business where based in the sunshine coast, also down in Melbourne, but sunshine coast for this. Central goes daily’s pot of news, Coke, a very large news company here in Australia. They may be worldwide, probably should do some research on that, but very big company nonetheless. They’ve got a lot of different websites.…

  • Rich text – Web design tutorial
    Articles,  Blog

    Rich text – Web design tutorial

    Rich Text is a one-stop shop for a ton of content: headings, paragraphs, links, lists, blockquotes, images, or videos. Often, we want super precise control over each and every element and class. But Rich Text Elements (or RTEs as they’re affectionately abbreviated) can chunk a lot of this into just one place. This is huge for convenience. Why? Well it keeps everything together which is great for long-form content, but it’s also great for collaborators (like customers, clients…). They can easily go in and create or modify rich content from the Editor. Let’s cover three different pieces to Rich Text Elements: adding content, styling content (the basic route), and Styling…

  • Centering elements with flexbox – Web design tutorial (using the Old UI)
    Articles,  Blog

    Centering elements with flexbox – Web design tutorial (using the Old UI)

    Until recently, vertically centering a child element inside a parent element required absolute positioning, transforming along the y-axis, and a graduate degree in materials engineering. With Flexbox, centering is straightforward and highly effective. We’ll do this with a single element, then we’ll do it again with multiple elements, then we’ll do it yet again with a single element containing multiple elements. Let’s do it with a single element. Super simple. Now in all these examples, we’re using Sections with set heights, so that we can demonstrate vertically centering flex items. Let’s go to our asset manager, and drag in an image. All we have to do is select the section,…

  • Navigate Your Web Design Process in 5 Steps
    Articles,  Blog

    Navigate Your Web Design Process in 5 Steps

    Designing a website your audience will appreciate can be a daunting task and sometimes the most difficult part is not knowing where to start. Today we will help you navigate your website design process in five easy steps. Step one: Discovery. The discovery meeting is a kickstart to your web design initiatives, it helps clarify the wants and needs for your websites functionality and design. Step two: Brainstorming. After you’ve discovered your website goals, it’s time to brainstorm how those goals will be reflected in the design. A good brainstorming session will help refine internal and external perspectives that eventually shape the outcome of your website. Step three: Wire framing.…

  • The box model for beginners web design tutorial
    Articles,  Blog

    The box model for beginners web design tutorial

    This is a basic webpage. It’s plain, and we can obviously see it’s made of up a heading, some filler paragraphs, a few images, and some illegibly small buttons. The box model is the simple idea that each of these HTML elements is treated as a box — you can imagine a boundary on each of them. These boxes sit next to each other and stack on top of one another depending on the properties we give them. It’s helpful to think of web content not like a PowerPoint slide, where content is simply positioned wherever — everything having a fixed width and height. But more like a Word document…

  • Hamburger menu in the responsive navigation bar – Web design tutorial
    Articles,  Blog

    Hamburger menu in the responsive navigation bar – Web design tutorial

    The menu button is an excellent alternative to horizontally cramming multiple menu links. And it goes by many names. As a visual abstraction, the common menu button can remind us of a hamburger. Or gluten-free pancakes. The menu button is built right into the default Navbar element. And it can be accessed and configured in a number of ways. We’ll cover four aspects of the menu button: we’re going to look at the Trigger itself (what’s happening when we press the button), we’ll look at Device visibility (how it shows up on different devices), then Menu types (some of the options we have there), and finally, styling our menu button.…

  • How To Make a WordPress Website – AMAZING!
    Articles,  Blog

    How To Make a WordPress Website – AMAZING!

    Hi, I’m Greg and if you want to make a website But are a little bit confused by all the information then you’re not alone I too once wanted to make a website But I wondered what everyone was talking in such a strange language about this thing called WordPress And why no one could explain the easiest things to me in simple? Layman’s terms well if you want to make a website This is the perfect video for you because not only are you gonna walk away with your own website creation? But you’re gonna walk away with the understanding of how it all works so whether when you…

  • Building a web form – Web design tutorial
    Articles,  Blog

    Building a web form – Web design tutorial

    Forms of course can capture valuable information — and their design and functionality can easily make or break the user experience. Five things we’re covering: adding a form, anatomy of a form, configuring form elements, success and error messages, and finally, form submissions. We’ll start with adding. We’ll visit the Elements Panel and go down to grab a Form Block to drag right into our project. And the Form Block comes prepared with some essentials. A good starting point. And the reason we start here when adding a form, rather than just going to grab an individual form element, is because the Form Block itself is required to capture this…

  • Element hierarchy, nesting, and style cascading – Web design tutorial
    Articles,  Blog

    Element hierarchy, nesting, and style cascading – Web design tutorial

    Hierarchy is one of those funny words which came from the Germans. Literally translated from 15th-century text, it means: “website levels.” In our Webflow projects, we’ll talk about hierarchy in three ways: 1. How objects nest inside of one another and become parents, children, siblings. 2. How text styling passes down through this hierarchy. …and 3. How the size of parent elements and child elements can affect one another. Let’s start with nesting. Nesting is simply placing one object inside another. So if we have a section in our project and inside that we add a Heading, that Heading has now been placed or nested inside the section. We can…