Articles, Blog

Large Fixed Width Elements – Responsive Web Design Fundamentals

So Pete, I’m going to talk element widths for a second. I’ve heard that relative widths are better suited for responsive design. Why is that? Sure. Let’s take a look at this website for a second. It’s got a beautiful, panoramic image that’s 1200 pixels wide. On this laptop screen
Continue Reading
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
Continue Reading
Articles, Blog

Pixelation Solution – Responsive Web Design Fundamentals

And the correct answer is hardware pixels. This mobile device has 1920 pixels going across horizontally in landscape mode, and 1080 pixels going vertically in landscape mode. And these are the actual physical pixels on the device.
Continue Reading
Articles, Blog

Equal-height layouts with flexbox – Web design tutorial (using the Old UI)

Here are three div blocks, each containing content. Each div block has the same class applied: Pricing Block. Let’s say we want to sit them side-by-side. We can actually use our container element here. Let’s drag that in. And we’ll create a class — let’s call it Flex Container (you
Continue Reading
Articles, Blog

📱👍 6 Things OVERLOOKED In Mobile-Friendly Website Design

Are you watching this video on a monitor or in the smartphone? There is a 50% probability that your answer is gonna be a “smartphone” since, in recent years, over 50% of web traffic has been generated by mobile devices. This means that half of the people who visit your
Continue Reading
Articles, Blog

HTML Introduction – Basics | Heading and Paragraph | Web Development Series | Class 1

Hello friends my name is Sahil Khanna and you are watching intellectual indies this video is being recorded via webcam of my imac this series is being done via webcam only hope you will like it your target is we will do web development,app development so from starting we do
Continue Reading
Articles, Blog

Text links – Web design tutorial

Text Links are standalone links. And they’re used when the only thing you need that text element for is a link. For example, let’s say we want to add a new line under this paragraph. If we do a paragraph element — if we drop in a paragraph, now we
Continue Reading
Articles, Blog

Text blocks – Web design tutorial

Text Blocks can be styled just like a paragraph, but they’re meant to be used any time you need text on the page that isn’t supposed to be treated like a heading, or a paragraph, or a link. And a good example of this would be a copyright notice. In
Continue Reading
Articles, Blog

What’s the Difference? Solution – Responsive Web Design Fundamentals

For the first one, no. While CSS can act a little strangely sometimes, the situation you see here is not one that would be caused by quirks in the way different browsers handle CSS. For the second one, yes. Different device pixel ratios can definitely change the size of content
Continue Reading