You Are Here: Home » Code

Free JavaScript Codes for Dynamic Animations

Web animation was always a possibility even dating back to the 1990s. But back then very few people had Internet access, and the technologies were so new it was difficult to create meaningful effects. Nowadays there are significantly more resources for animated web effects – yet there’s still an even balance between meaningful and silly animations. This gallery focuses on 20+ interesting animated effects th ...

Read more

CodePen Challenge #1: Style Section Links with CSS

What better way to run a web design Community Project than on CodePen ? In this, the first of such challenges, I want you to check out our example pen, fork it and improve it. That’s all you have to do. The best examples will be showcased in a week or so! The Challenge A couple of weeks ago Jonathan wrote a tutorial about adding dynamic section links to a web page. The idea is that a snippet of JavaScript r ...

Read more

Bootstrap 3 Succinctly: Additional Changed Components Features

In this series on Bootstrap 3, we're taking you through all the new features in the latest version of this popular framework. In the last tutorial we looked at some changes to components, and this time we'll finish off by looking at changes to other components, such as labels, badges, list groups, and panels. Label and Badge Changes This is going to be a very short section, because there have only been two ...

Read more

Sketch for Beginners: Design a Bold Email Newsletter

What You'll Be Creating In this tutorial we’re going to learn how to create a simple and bold email newsletter template using Sketch. The Brief If you engage in sending out email newsletters, they should be considered a key point in your marketing strategies. They give us direct contact with potential customers but we have to pay attention to how we design them to communicate properly, grab attention and (m ...

Read more

Harnessing Flexbox For Today’s Web Apps

Although the syntax might be initially confounding, flexbox 1 lives up to its name. It creates intelligent boxes that are stretchable, squeezable and capable of changing visual order. It provides simple solutions to layout paradigms that CSS has always struggled with: vertical centering and equal heights. Flex items are truly accommodating and a pleasure to work with. Chris Coyier sums up flexbox 2 nicely: ...

Read more

The Complete Beginner’s Guide to Chinese Fonts

How many glyphs are there in a Chinese font set? Does Chinese have “serifs” and “sans-serifs”? What is the Helvetica of the Chinese font world? We’ll answer all these questions and more as we cannonball into the deep end of East Asian typography. Why You Should Care From a practical perspective, I’m getting an increasing number of calls from web and graphic designers who are being asked to produce Chinese-l ...

Read more

CSS Feature Detection: Modernizr or Feature Queries?

In this tutorial, I’ll go over two approaches for detecting whether a browser supports certain CSS features or not. The first one takes advantage of Modernizr , a popular JavaScript library and the second one  feature queries , a promising CSS solution. So, let’s start! Detecting Features Using Modernizr As mentioned above, Modernizr is a lightweight JavaScript library which detects HTML5 and CSS3 features ...

Read more

Build Your Own Product Hunt With Telescope And Meteor

Over in startup land, one of the big stories of 2014 was, without a doubt, the success of Product Hunt 1 . It’s is a community where people post, vote on and comment on new products they’ve discovered or launched. Whether you’re looking for the next big thing to invest in or just want to find a better weather app, Product Hunt has got you covered. Coincidentally, in addition to being a fan of the website, I ...

Read more

© 2011 Powered By Wordpress, Goodnews Theme By Momizat Team

Wordpress SEO Plugin by SEOPressor
Scroll to top