Creative Punch
1.3K views | +0 today
Your new post is loading...
Your new post is loading...
Scooped by Creative Punch
Scoop.it!

Umbrella. Digital painting. Printable download.

Umbrella. Digital painting. Printable download. | Creative Punch | Scoop.it
Digital painting of a girl with an umbrella. Size: 17 x 21 cm Made with Photohop CC + Bamboo tablet.
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Preserve HTML in text output with AngularJS - Creative Punch

Preserve HTML in text output with AngularJS - Creative Punch | Creative Punch | Scoop.it
In this quick-tip I will show you how you can preserve HTML in text output with AngularJS 1.1 and AngularJS 1.2.
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

3D rotator using jQuery - Creative Punch

3D rotator using jQuery - Creative Punch | Creative Punch | Scoop.it
In this article I would like to show you a 360 degree rotator you can make with jQuery. It'll listen for mouse events to rotate a teapot like a 3D turntable
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Long Shadow Buttons with CSS3 and Sass - Creative Punch

Long Shadow Buttons with CSS3 and Sass - Creative Punch | Creative Punch | Scoop.it
In this article I will show you how you can easily make long shadow buttons with CSS3 box-shadow by using Sass.
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Simple animated HTML5 / CSS / jQuery bar chart - Creative Punch

Simple animated HTML5 / CSS / jQuery bar chart - Creative Punch | Creative Punch | Scoop.it
Hey all, in this article I’ll briefly go over how I made this animated bar chart with CSS and jQuery. The demo and source are available below, I used Less, but you can view the compiled CSS in the demo,...
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Make a basic single touch drawing app for Android - Creative Punch

Make a basic single touch drawing app for Android - Creative Punch | Creative Punch | Scoop.it
Some times, android applications will consist of more than some buttons and some text. Or maybe you are looking into Android game development. Maybe you want to make a sketching application? You’ll have to know the basics about using the onTouch event....
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Create a CSS3 post-it note without images - Creative Punch

Create a CSS3 post-it note without images - Creative Punch | Creative Punch | Scoop.it
In this article we will look at how we can create a CSS3 post-it note, AKA a sticky note using only CSS. No images! Before we proceed, let’s look at what we will be creating: In this case, I used...
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

How to make a pure CSS loader animation using Sass and Compass

How to make a pure CSS loader animation using Sass and Compass | Creative Punch | Scoop.it
In this article I will show you how to make a very cool, animated, pure CSS loader using Sass and Compass' sin() function.
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Colorful gradient text with CSS3 - Creative Punch

Colorful gradient text with CSS3 - Creative Punch | Creative Punch | Scoop.it
In this tutorial you will learn how to create text that has a colorful gradient by using CSS3 background-clip and text-fill-color
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

3 Tips to write faster and more efficient code - Creative Punch

3 Tips to write faster and more efficient code - Creative Punch | Creative Punch | Scoop.it
In this general programming article, I will show you some ways you can use to write faster code. These methods apply to any programming language out there!
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Making animated CSS3 social buttons - Creative Punch

Making animated CSS3 social buttons - Creative Punch | Creative Punch | Scoop.it
In this article we will create a few sets of animated social buttons with CSS3. We will be making use of CSS3 border-radius, transition and transform. We will also be using the icon font Brandico. This will allow us to...
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

3 User experience improving JavaScript libraries you should know about

3 User experience improving JavaScript libraries you should know about | Creative Punch | Scoop.it
The following JavaScript libraries are relatively new and already proving to be very useful! They provide some really awesome functionality that looks cool, enhances user experience or makes your development life easier. Without further ado, I present to you these...
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Laravel 4 packages showcase #2 - Creative Punch

Laravel 4 packages showcase #2 - Creative Punch | Creative Punch | Scoop.it
Since my last Laravel 4 packages showcase, I have gotten a few suggestions and discovered some more packages myself. The following list of packages will make your Laravel development life a lot easier and faster!
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Intro to the HTML5 Speech Synthesis API - Creative Punch

Intro to the HTML5 Speech Synthesis API - Creative Punch | Creative Punch | Scoop.it
In this quick tutorial I will give you a little introduction to the HTML5 Speech Synthesis API. We will learn how HTML5 Speech Synthesis works by...
Creative Punch's insight:

Intro to the Speech Synthesis #API - Text to Speech using #HTML5 and#JavaScript | #webdev

more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Creative-Punch/jQuery.adaptive-slider

Creative-Punch/jQuery.adaptive-slider | Creative Punch | Scoop.it
jQuery.adaptive-slider - A jQuery plugin for a slider with adaptive colored figcaption and navigation.
Creative Punch's insight:

This plugin will take a list of figure elements containing an image and a figcaption element and automagically insert navigation and color the figcaption background color and the navigation according to the main color found in the current image in the slider/carousel.

more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Tools for modern front-end workflow: Yeoman, Grunt and Bower

Tools for modern front-end workflow: Yeoman, Grunt and Bower | Creative Punch | Scoop.it
We will talk about some tools for modern front-end workflow. These tools help you quickly scaffold (set up and prototype) your front-end projects.
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Making a scroll-dependent menu bar with CSS3 and JavaScript

Making a scroll-dependent menu bar with CSS3 and JavaScript | Creative Punch | Scoop.it
Making your menu bar fix to the top of the page is something that’s been done a lot. However what if you don’t want to start your menu out as being fixed to the top? And how do you make...
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Animated image gallery percentage preloader with CSS and jQuery

Animated image gallery percentage preloader with CSS and jQuery | Creative Punch | Scoop.it
When you know you have a lot of images to load, or that they are big in size, it can be handy to make a preloader! So let’s make an animated image gallery percentage preloader with CSS and jQuery. Demo...
Creative Punch's insight:

#UX #Webdev #tutorial - Animated image gallery percentage preloader with #CSS and #jQuery

more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Making an animated radial menu with CSS3 and JavaScript

Making an animated radial menu with CSS3 and JavaScript | Creative Punch | Scoop.it
Easily make a radial menu with CSS3 and JavaScript. Allows you to use any number of child a elements in your menu and the JavaScript will do the rest!
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Creating an app to post tweets with Laravel and the Twitter API

Creating an app to post tweets with Laravel and the Twitter API | Creative Punch | Scoop.it
In this tutorial we will build a fun little tool for internal/personal usage that posts random tweets at pre-defined times with Laravel and the Twitter API.
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

How to make a drop down box by using CSS3 animations and checkbox hack

How to make a drop down box by using CSS3 animations and checkbox hack | Creative Punch | Scoop.it
In this tutorial I will show you how to make a drop down box by using CSS3 animations and a checkbox hack. Usually these are made with the help of jQuery but thanks to CSS3 we can do this with the...
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Perfect CSS hexagons in any size using transform and calc() - Creative Punch

Perfect CSS hexagons in any size using transform and calc() - Creative Punch | Creative Punch | Scoop.it
In this tutorial I will how you how to create perfect CSS hexagons in any size using transform and calc() to calculate the size and positioning.
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

How to make a transparent glass menu bar with CSS3 - Creative Punch

How to make a transparent glass menu bar with CSS3 - Creative Punch | Creative Punch | Scoop.it
Thanks to CSS3, our design and development options have grown a lot. In this tutorial I will how you how to make a transparent glass menu bar with CSS3.
more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Responsive gallery with directional-aware hover - Creative Punch

Responsive gallery with directional-aware hover - Creative Punch | Creative Punch | Scoop.it

Learn how to create a responsive gallery with directional-aware hover. Description of the image slides from the direction your mouse entered the image.

more...
No comment yet.
Scooped by Creative Punch
Scoop.it!

Opening, displaying and saving images with Qt 5 - Creative Punch

Opening, displaying and saving images with Qt 5 - Creative Punch | Creative Punch | Scoop.it
This is an introductory tutorial about opening, displaying and saving images with Qt using a QGraphicsView and QFileDialog.
more...
No comment yet.