🌐 Public

Learn Web Design

By Rajanand Ilangovan

1 What No One Told You About Z-Index — Philip Walton

The problem with z-index is that very few people understand how it really works. It's not complicated, but it if you've never taken the time to read its specification, there are almost certainly crucial aspects that you're completely unaware of. Don't believe me? Well, see if you can solve this problem: The ProblemIn the following HTML you have three <div>

Added by Rajanand Ilangovan: “A showcase of traditionally hard CSS problems, easily solved using flexbox.

2 Solved by Flexbox — Cleaner, hack-free CSS

About the CodeAll of the code samples on this site show how to solve a particular design problem with Flexbox. They show just the code that's needed to make the demos work in a spec-compliant browser. Some browsers do not fully comply with the latest version of the spec, so sadly, a few workarounds were necessary. Workarounds for non-compliant browsers

7 CSS3 Animation Cheat Sheet

How it worksThe CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated. The CSS3 Animation Cheat Sheet uses CSS3 @keyframes and works on all the latest browsers (that's IE 10).

8 CSS3 Box Shadow and Inset Shadow - Jack Osborne

I'm sure by now you will have seen multiple tutorials on how to create a box-shadow effect with CSS but I'm pretty sure that you will not have seen as many tutorials on how to go about creating an inner/inset shadow. Before we get started it's probably worth mentioning two things: Box Shadow was recently removed from the CSS3 borders

10 Troubleshooting CSS

Sometimes CSS can be frustrating. Learn about some tricky properties, the common issues they can cause and how to solve them. CSS is a mess. First introduced in ~1995, it was meant to style basic text documents. Not websites. Not applications. Text documents. It has come a long way since then. Probably a bit too long. A lot of things

11 Learning Principles for Improving Your CSS

This article will cover some basic principles and tips on how to learn and become better at CSS, based on personal experience. In today's article I will mostly talk about my own experience, and what I have learned about CSS after almost one year and a half of heavy practicing. First, let me remind you that CSS is an extremely

12 How to Center Anything With CSS | Design Shack

Recently, we took a dive into the very core concepts behind CSS layout and explored the differences between absolute and relative positioning. We're going to follow that up with another CSS layout talk, this time based around a fundamental question that almost every new developer asks: how do you center something? There are a bunch of different types of web

Added by Rajanand Ilangovan: “Web designer quiz.

13 Are You A Trendy Designer?

So you've got a Dribbble account, you tweet at least 3 times a day and maybe you even recognize that this type is in Proxima Nova (your favourite font). Yes you know you're hip, but just how trendy a designer are you? Take the test and find out.

15 An Introduction To Object Oriented CSS (OOCSS) - Smashing Magazine

Have you ever heard the phrase "Content is King"? Being a Web developer, and therefore having a job that's often linked to content creation, it's likely you have. It's a fairly overused but true statement about what draws visitors to a site. From a Web developer's perspective, however, some may argue that speed is king. More and more, I'm starting

16 Absolute Horizontal And Vertical Centering In CSS

We've all seen margin: 0 auto; for horizontal centering, but margin: auto; has refused to work for vertical centering... until now! But actually (spoiler alert!) absolute centering only requires a declared height* and these styles: .Absolute-Center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }I'm not the pioneer of this method (yet I have dared

17 Mastering CSS Coding: Getting Started

CSS has become the standard for building websites in today's industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between programming and design, and any Web professional must have some general knowledge of it. If you are getting your feet wet with CSS, this is the perfect time to fire

21 Replacing the -9999px hack (new image replacement)

IN THE BEGINNING was FIR, AKA Fahrner Image Replacement (note that one of the following links returns a 404): The Daily Report's 2003 redesign uses (and our book explained) an image replacement technique intended to combine the benefits of accessibility with the power of graphic design. We christened this method Fahrner Image Replacement (FIR) in honor of Todd Fahrner, who

22 CSS Naming Conventions: Less Rules, more Fun

CSS Naming Conventions: Less Rules, more FunThe ease of using straightforward CSS Naming Conventions in large scale projects.Naming Conventions have proven to be a great guide line for all kind of things people want to name. There are Systematic Names in biology and chemistry, and a specific scheme for postal codes which are kind of a naming convention for regions.

Ruslan Marin

Freshman

  • 0 Playlists
  • 0 Followers

Florian Sänger

Freshman

  • 0 Playlists
  • 0 Followers

Mary

Freshman

  • 0 Playlists
  • 0 Followers

Paul Solomon

Freshman

  • 0 Playlists
  • 0 Followers

Sejin Han

Freshman

  • 0 Playlists
  • 0 Followers

Sen

Freshman

  • 0 Playlists
  • 0 Followers

Anastasia Zaikina

Freshman

  • 0 Playlists
  • 0 Followers

Mădălina Cătălin

Freshman

  • 0 Playlists
  • 0 Followers

Kathyatwork

Freshman

  • 0 Playlists
  • 0 Followers

monteroramses

Freshman

  • 0 Playlists
  • 0 Followers

Paresh sagar

Excellent WebWorld is a bunch of talented young minds of designers, marketers, communication specialist, project ...

  • 1 Playlists
  • 0 Followers

FenfenDong

Freshman

  • 3 Playlists
  • 0 Followers

symphonie

Freshman

  • 0 Playlists
  • 0 Followers

Stefanos Raptogiannis

Freshman

  • 1 Playlists
  • 0 Followers

Tony Seeds

Freshman

  • 1 Playlists
  • 0 Followers

Vladimir Milojevic

Freshman

  • 1 Playlists
  • 1 Followers

Jamie Barton

Full Stack Web Developer

  • 0 Playlists
  • 0 Followers

braino

Freshman

  • 0 Playlists
  • 0 Followers

ReeMan

#CivilEngineering student from Gliwice, #Madridista, #GraphicDesigner, #BookLover

  • 0 Playlists
  • 0 Followers

Ivan Anikienko

Freshman

  • 0 Playlists
  • 0 Followers
Load more

Delete your comment

Are you sure you want to delete your comment?