Texturize It: How to Create Textured Text Using CSS

Posted in Coding, HTML & CSS, Tutorials3 days ago • Written by Leave a comment

Still remember the old days where in you are just starting out with Photoshop? You designed an image-based text and then just uploaded it on your website?

Instead of doing this with Photoshop, the good news is, it is now possible to create textured text using CSS3. Webkit now supports the background-clip CSS3 property that does exactly what Photoshop does.

Aside from that, you can also use the mask-image CSS property to do almost the same effect; however, this property clips the visible portion of an element according to the transparency of the mask images.

In today’s tutorial, you will learn how to apply these effects and create a cool textured text using CSS3 and HTML5.

Texturize It: How to Create Textured Text Using CSS Read More

Create a WordPress Settings Page with No Sweat Needed

Posted in Coding, PHP, Tutorials1 week ago • Written by 4 Comments

If you are a WordPress user, you might be familiar with the theme settings page. This page can be found under the Appearance Menu or in the Administrator Menu itself. Basically it allows the administrator to change specific settings like logo, text color, Google Analytics code and so on. Perhaps one of the first things you do is tweak that WordPress settings page, for sure.

Though there are some free WordPress templates that have theme theme settings page, a Premium WordPress theme commonly have this kind of options.

In today’s tutorial, you will learn how to create a simple theme options page for your WordPress theme.

Create a WordPress Settings Page with No Sweat Needed Read More

Make Shapes with CSS: How to Create Different Shapes in CSS

Posted in Coding, HTML & CSS3 weeks ago • Written by 8 Comments

One of best cool features of CSS3 is that it reduces the use of images in web designs and allows you to create different shapes in CSS. Commonforms that you usually see in Photoshop or Illustrator can now be done using CSS3. New CSS properties like transform and border-radius add complexity with shapes instead of creating them in drawing applications.

In today’s tutorial, let’s create a simple list of the most common shapes that can be done using CSS3.

Make Shapes with CSS: How to Create Different Shapes in CSS Read More

How to Create a Registration Page Validation Using jQuery

Posted in Coding, HTML & CSS1 month ago • Written by 3 Comments

Registration page validation using jQuery ensures that the information provided by the user is correct so the user can fill out the complete online form easily with little amount of time.

Although HTML5 has a validation form feature and there are many of JavaScript plugins out there, you must carefully choose the best one that will work on old browsers as well as for your cross-browser functionality considerations.

In today’s tutorial, I will show you how to set up a front-end validation that will work on old browsers. I will also be using the jQuery plugin name Validator jQuery Plugin by Yair Even-Or. There is a live demo download package that you can check out. So let’s get started.

How to Create a Registration Page Validation Using jQuery Read More

Don’t Be a Wimp with GIMP Tutorials

Posted in Photography, Tutorials1 month ago • Written by 3 Comments

GIMP is the GNU Image Manipulation program. It has been distributed as an open source, so therefore, anyone can easily download the software without any donation. It can easily work on different operating systems. It is also available in many languages as well. Are you ready for some awesome GIMP tutorials?

You can use GIMP in a variety of web designing activities such as:

  • Photo retouching
  • Image composition
  • Image authoring

GIMP is packed with plenty of awesome features.

  • It has a customizable interface that allows you to easily customize the view and behavior of the image as you like it.
  • GIMP saves you from other unnecessary details using the clone tool.
  • The hardware of the GIMP includes a unique support for the various input devices.
  • You can change the size, angle, or even the opacity of a brush while you are painting, binding your favorite scripts to buttons.
Don’t Be a Wimp with GIMP Tutorials Read More

Learn Fast with These 15 Apple Swift Tutorials

Posted in Coding, Showcase, Tutorials1 month ago • Written by 1 Comment

Swift is the Apple’s new programming language that has become so popular among the programming community. Apple announced the release of Swift programming language 4 years ago. It was one of the many experiments done for replacing the next era of Objective-C language.

Since then, there are plenty of Apple Swift tutorials that have been released on the Internet by programmers. Although many of them are free, the problem with these tutorials is that most of them are not very good, especially the ones developed during the early stages of Swift.

However, you don’t need to worry because we have collected the best on Swift tutorials. You will surely find something worth learning from these tutorials. Swift is very important to any career related to  iOS development. If you are an experienced programmer looking to make some money, this is the perfect time for you to learn the Swift and stay in the developing game.

Here are some useful tutorials that are of the highest quality and have the ability to teach you everything about Swift. Hope you will find something useful from these tutorials.

Learn Fast with These 15 Apple Swift Tutorials Read More

Customize Your Anchor Link Tooltips Using This Tutorial

Posted in Coding, HTML & CSS, Tutorials1 month ago • Written by 1 Comment

Tooltips, also referred to as ScreenTips, are a great way to show more information or messages that appears when a cursor is positioned over a hyperlink, icon, images or any other element. There are many ways to create anchor link tooltips.

The idea of tooltips came from older Microsoft applications like Microsoft Word. It had a toolbar where moving the mouse over the buttons displayed the tooltips.

In today’s tutorial, you will learn how to customize your tooltips using pure HTML and CSS3 using a span element. Let’s get started.

Customize Your Anchor Link Tooltips Using This Tutorial Read More

Create Your Own Page Load Progress Bar with Pace.js

Posted in Coding, JS & AJAX, Tutorials1 month ago • Written by 2 Comments

Progress bar informs the user about the waiting time for a page or specific task to load. Usually when the server loads so slow, the user waits and waits for a long time without having any idea how long it will finish loading. A progress bar gives user-friendly experience, thus, adds more value to the website.

Although you can create a page load progress bar with CSS3 animation, it is not dynamic at all. Good thing there is this built-in JavaScript plugin called Progess Automatically Certain to Entertain (Pace.js), a lightweight JavaScript library that consists of a cool and amazing progress bar indicator for your page load and Ajax navigation.

What’s great with Pace.js:

  • You can automatically load a progress bar within any web page you have in your website.
  • Pace.js is executed using a document-read state, event loop and Ajax requests within a specific element of the web pages.
  • It comes with 14 built-in themes (at the time of this writing) that you can choose from.
  • Progress is detected automatically.

In today’s tutorial, I am going to show you how to use this amazing plugin to load a progress bar on your site.

Create Your Own Page Load Progress Bar with Pace.js Read More

Shine Bright like a Diamond: How to Create CSS3 Diamond Grids

Posted in Coding, HTML & CSS, Tutorials2 months ago • Written by 3 Comments

CSS has come a long way. Creating of shapes using CSS3 alone without the use of images was made possible with its new properties. This enables developers and designers to experiment and do more with this basic shapes.

Creating a diamond shape using CSS is cool but how about combining diamonds to create a grid? Today’s tutorial will show you how to do CSS3 diamond grids.

Shine Bright like a Diamond: How to Create CSS3 Diamond Grids Read More

How to Use CSS3 and Photoshop to Animate Objects

Posted in Coding, HTML & CSS, Tutorials2 months ago • Written by 2 Comments

Back in the old days, animations with CSS is only limited to hovering effects. Thanks to the power of CSS3 animation, it is now possible to create amazing effects without the use of JavaScript plugins.

The introduction of CSS3 keyframes rule has increased the ability of CSS to create or animate objects in a  more advanced and amazing way. Using this rule, you can change the set of CSS styles many times.

In today’s tutorial, I am going to show you how to animate a giraffe vector character walking forward with the fences, clouds and background. Please take note that this is not an introductory tutorial for CSS3 animation. If you don’t know how CSS3 animation works, I suggest visiting this page.

How to Use CSS3 and Photoshop to Animate Objects Read More
54.196.194.141 - unknown - unknown - US