reallynattu

349 Flips | 6 Magazines | 146 Likes | 16 Following | 731 Followers | @reallynattu | Keep up with reallynattu on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “reallynattu”

Free animation files build for Lottie, Bodymovin

CSS3 Animations Leadfooted

With the introduction of CSS3 we are able to use animated hover effects and other transitions. These transitions can be induced through the use of …

An Introduction to Cascading Style Sheets (CSS) — SitePoint

<b>This introduction isn’t meant to teach you everything about Cascading Style Sheets, but is rather meant as an overview of what can be done with CSS.</b> …

HugeDomains.com - Creatskills.com is for sale (Creatskills)

Hurry - once it's sold this opportunity will be gone!<p>Besides being memorable, .com domains are unique: This is the one and only .com name of it's …

Advanced CSS Selectors you never knew about

CSS is awesome. It paints the web with designs we all know and love. Often times content behind the scenes gets targeted by adding a simple id or …

Interaction Design: The Final Ingredient to a Perfect Website

If you have a website for your company or are trying to promote your personal brand through social media, odds are you know a couple things about the …

UX Design

Why npm Scripts?

<i>The following is a guest post by Damon Bauer. There has been a growing sentiment (for instance) that using node packages directly, with the command</i> …

JavaScript

CSS Lessons Learned the Hard Way (ConvergeSE)

A collection of mistakes I've made in my CSS, how I fixed them, and how trying and failing has made me better.

Just One of Those Weird Things About CSS: Background on <body> | CSS-Tricks

By Chris Coyier On May 24, 2013<p>So you want to make the background of your website red eh? You'll probably put this in your CSS:<p>Done!<p>You're going …

HTML Symbols, Entities, Characters and Codes — HTML Arrows

Easily find HTML symbols, entities, characters and codes with ASCII, HEX, CSS and Unicode values for HTML arrow, ASCII arrow, and more in grid or …

Codes

Is it just me or is networking really hard?

Last week I found this discussion on Reddit:I’ve been trying to understand and implement networking in a game for the last few months, and every …

Linux

Great Font Combinations You Need to Try

In flat and material design, we use more bare typography on web pages. And we need fonts to look nice in combination with each other.<p>You’ve surely …

Typography

The Debate Around "Do We Even Need CSS Anymore?" | CSS-Tricks

By Chris Coyier On June 26, 2015<p>This has become quite the hot topic lately. It's been talked about at a number of conferences and meetups I've been …

The Future Generation of CSS Selectors

Back in January 2014 I wrote the article The Current Generation of CSS3 Selectors. The goal of that article was to introduce the new generation of …

Freebie: Learn front-end development with this hands-on CSS course

Whether you're looking to master front-end development, or just want some practice playing around with a new coding language, check out this free …

Freebies

Sticky Positioning with Nothing but CSS

Sticking elements, when the user scrolls to a certain point, has become a common pattern in modern web design. This behaviour has been proposed (and …

Web Design

How to vertically center a clipped image in CSS — Jon Rohan

How to vertically center a clipped image in CSS<p>May 08, 2015 · 2 min read · Share social-designernewsDesigner News social-hacker-newsHacker News …

CSS

Best Tutorials on SVG & CSS3 Animation

Once you understand the basics of CSS it’s natural to move onto more detailed subjects. Animation is one such area which has been quite complicated …

20 Snippets for Things You Never Thought were Possible with CSS

Web developers are always curious to learn about the newest techniques for building websites. CSS3 has been a major turning point for frontend …

Center with CSS Transform and Translate

Ever wanted to perfectly center with CSS and not have to rely on JavaScript? Then I may have a solution for you.<p>The problem with absolute positioning …

Web Development

Upcoming Material Design CSS library - a Twitter Bootstrap killer?

May 9th 2015May 25, 2015<p>Google is developing a new Material Design CSS library, that will compete with other popular CSS frameworks such as Twitter …

Material Design

21 CSS techniques I used for my new about me page

Recently, I designed my “about me” page without using any CSS frameworks. Here are some of the CSS techniques I used, along with the resources to …

Make full screen sections with 1 line of CSS

Modern websites nowadays are having full screen sections on their homepage. If they are not full screen, they take at least 80–90% percent of the …

OS Specific Fonts in CSS | CSS-Tricks

By Chris Coyier On December 7, 2014 webfont<p>I'm not sure what the exact use case was, but Sam Stephenson recently asked me:<p>@chriscoyier What's the …

A Collection of Simple SVG Loaders and Spinners

Posted· Category: MIT License, Upload<p>If you are into designing for multiple resolutions, SVG is the best option to turn to as far as the use of …

Simple CSS-Only Row and Column Highlighting | CSS-Tricks

By Chris Coyier On January 30, 2015<p>Highlighting rows of a table is pretty darn easy in CSS. tr:hover { background: yellow; } does well there. But …

Practical Tips for Web and Mobile Usability Tests

Damian Rees, Co-founder of Experience Solutions, helps explain how he adapted website usability testing for the most optimized experience. Because anyone can use the Internet, one of his core principles is setting criteria and expectations up front so that your tests proceed with the right level of …