Quantcast
Channel: 1stwebdesigner » Tutorials
Browsing all 48 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Visualize Data Beautifully With Chart.js Library

Creating charts that look presentable can be a bit of a pain sometimes. Most often, web designers or developers use graphics to display data using Photoshop or Illustrator, which may take a lot time to...

View Article


Image may be NSFW.
Clik here to view.

Create Reflection Effect Using CSS3 and Reflection.js

One of the amazing effects you can do with today’s modern web design is to create an image reflection effect. However, creating an image reflection effect using CSS3 alone for your site can be time...

View Article


Image may be NSFW.
Clik here to view.

An Easy Way of Building Responsive CV Websites

Resume websites a.k.a Curriculum vitae (CV) websites have been on the Internet over the years. The trend dictates that more and more people are into responsive CV websites. These kinds of website...

View Article

Image may be NSFW.
Clik here to view.

PHP vs Ruby vs Python: Three Programming Languages in a Nutshell

There are lots programming languages out there and each works to do specific and unique tasks. Each language has a unique set of keywords and special syntaxes for organizing program commands. In...

View Article

Image may be NSFW.
Clik here to view.

How to Customize WordPress Login Page with Ease

Over the years of WordPress development, the default login screen design hasn’t changed and remains simple and clean that works on different screen sizes. However, when building websites for specific...

View Article


Image may be NSFW.
Clik here to view.

Final Countdown: Adding a Countdown Timer on the Coming Soon Page

A website that is not yet ready to be launched needs a “Coming Soon” Page to notify the visitors that it would be soon launched on a specific time frame. As the modern web development evolved, this...

View Article

Image may be NSFW.
Clik here to view.

Bring Your Website to Life Using This Animate.css Tutorial

CSS3 animation is a great new feature of CSS3. With this feature, it is possible to animate transitions from one CSS style to another. The introduction of CSS keyframes rule made it possible to have...

View Article

Image may be NSFW.
Clik here to view.

10 Best WordPress Tutorial Sites to Help You Understand WordPress Better

WordPress is among the most popular platforms used for publishing. WordPress can be used for your personal or commercial blogs and also for your online businesses. The best thing about it is that you...

View Article


Image may be NSFW.
Clik here to view.

How to Use CSS3 and Photoshop to Animate Objects

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....

View Article


Image may be NSFW.
Clik here to view.

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

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...

View Article

Image may be NSFW.
Clik here to view.

Create Your Own Page Load Progress Bar with Pace.js

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...

View Article

Image may be NSFW.
Clik here to view.

Customize Your Anchor Link Tooltips Using This Tutorial

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...

View Article

Image may be NSFW.
Clik here to view.

Learn Fast with These 15 Apple Swift Tutorials

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...

View Article


Image may be NSFW.
Clik here to view.

Don’t Be a Wimp with GIMP Tutorials

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...

View Article

Image may be NSFW.
Clik here to view.

How to Create a Simple WordPress Settings Page

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...

View Article


Image may be NSFW.
Clik here to view.

Texturize It: How to Create Textured Text Using CSS

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...

View Article

Image may be NSFW.
Clik here to view.

How to Create a Music Player UI Using Adobe Illustrator

There have been a lot of UI kits swarming around the market lately. Some include complete sets of User Interface elements and, some, focus on just one element. These kits often serve as a basis and...

View Article


Image may be NSFW.
Clik here to view.

How to Create WordPress Widgets

WordPress widgets give you the ability to edit a certain part of your WordPress theme, usually on the sidebar. Using its drag-and-drop features, it’s really easy for beginners to add, customize or...

View Article

Image may be NSFW.
Clik here to view.

How to Create Anchor Tooltips Custom Shortcode in Minutes!

Tooltips are very useful in displaying information. These are small hover boxes that contain information about the text or item being hovered over. It appears without clicking the text, something which...

View Article

Image may be NSFW.
Clik here to view.

Dress Up Your Site: How to Customize WordPress Themes

You’ve already installed your favorite WordPress theme on your site, but you feel that it needs to be tweaked a bit to make it look better, which leads you to  ask “How does one customize WordPress...

View Article
Browsing all 48 articles
Browse latest View live