Learn Fast with These 15 Apple Swift Tutorials

Posted in Coding, Showcase, Tutorials • Posted on 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, Tutorials • Posted on 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, Tutorials • Posted on 3 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, Tutorials • Posted on 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, Tutorials • Posted on 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

10 Best WordPress Tutorial Sites to Help You Understand WordPress Better

Posted in Tools, Tutorials, WordPress • Posted on 3 Comments

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 can easily customize it without having much coding knowledge. The more knowledge you have about the WordPress, the more easily you can manage your blogs and websites.

For this purpose, plenty of online tutorials and websites are available to help you with understanding the concepts about WordPress.

Tutorial websites allow you to handle different WordPress problems and improve your overall knowledge about the WordPress.

In today’s post, we have collected 10 best WordPress tutorial sites that provide you proper knowledge on WordPress and its features.

10 Best WordPress Tutorial Sites to Help You Understand WordPress Better Read More

Bring Your Website to Life Using This Animate.css Tutorial

Posted in Coding, HTML & CSS, Tutorials • Posted on 1 Comment

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 intermediate waypoints along the way of animation.

Compiling all of the useful CSS animations in one CSS library is a great idea but may take some time. Good thing there is already a prebuilt library that compiles all good CSS animations.

Introducing Animate.css, a free prebuilt CSS library, created by Dan Eden. It is consist of over 50 amazing, cross-browser CSS animations that save you from writing a little more lines of CSS to animate elements on your site projects.

Today, we’re going to check how we can apply cool animations using  this Animate.css tutorial. You can feature this animation in a landing page. Let’s get started!

Bring Your Website to Life Using This Animate.css Tutorial Read More

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

Posted in Coding, HTML & CSS, Tutorials • Posted on 5 Comments

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 page is more than just a simple text page or an under construction image.

Designing the “Coming Soon” page increases the level of expectation of the visitors, thus, giving them the thrill of what will be soon published on the site. Aside from the design, you can also collect information of interested users by inserting a “Notify Me” textbox and a “Subscription Button” on the page.

In today’s tutorial, we are going to create a coming soon page that has a countdown timer on it using jQuery Countdown plugin by Keith Wood

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

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

Posted in PHP, Tutorials, Usability • Posted on 11 Comments

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 today’s article, we’re going to take a look at the three popular languages: PHP vs Ruby vs Python. We will check how they work, how they differ from each other, who uses them and how popular each language is.

At the end of this article, you will have the idea which one to learn and which the best option for each specific task is.

PHP vs Ruby vs Python: Three Programming Languages in a Nutshell Read More
54.167.10.244 - unknown - unknown - US