Git Product home page Git Product logo

Hongkiat's Projects

css-variables icon css-variables

This demo shows whether your browser support CSS variables or not.

css3-3d-transforms icon css3-3d-transforms

This demo shows a flipping card effect that similar to the one on OSX & how this effect can be achieved with CSS3 transforms.

css3-bounce-effect icon css3-bounce-effect

This demo how shows a notification bar with bouncing effect that is achieved with CSS3 animation.

css3-checkbox-radio icon css3-checkbox-radio

This demo shows how we can customized the look of checkbox and radio input using CSS3.

css3-circular-ellipitical-gradient icon css3-circular-ellipitical-gradient

With the CSS3 specification, we are now able to create color gradients. Including elliptical and circular form of gradient. This demo show you how to this effect is achieved.

css3-flexbox icon css3-flexbox

This demo shows how to use CSS3 Flexbox to create columns.

css3-glossy-effect icon css3-glossy-effect

This demo shows how to create a nice glossy effect with a combination of CSS3 gradients.

css3-image-captions icon css3-image-captions

Say good bye to jQuery plugins. Today, we can create similar image caption effect only with CSS3. This demo shows how this effects runs.

css3-multi-columns icon css3-multi-columns

Today, we can lay out the web content into columns more seamlessly with CSS3 Columns. This demo shows how to create it.

css3-multiple-backgrounds icon css3-multiple-backgrounds

CSS3 allows us to add multiple backgrounds with a single background-image property. This demo shows how we utilize this feature to create a Flash-less animation.

css3-regions icon css3-regions

How to flow the content in the container like in a magazine

css3-repeating-gradients icon css3-repeating-gradients

In this demo we extend CSS3 linear and radial gradients into repeating gradients. This demo also shows how to utilize this feature to create Paperline pattern.

css3-shapes icon css3-shapes

This demo shows some basic examples for the application of CSS3 exclusions.

design-responsive-youtube icon design-responsive-youtube

In this demo we tried to make the Youtube homepage to be responsive. Resize your browser window smaller, or view it in small screen size to see the effect.

google-webfont-optimized icon google-webfont-optimized

This demo shows how to optimize Google Web Fonts by subsetting the font set, specifying only certain font styles and using only certain font characters.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.