Category: tutorials

Working with HTML we sometimes face with necessity of saving the results as image. The image can be saved on server or we can force downloading the result directly into your browser. You may think it might be complex, but it is not in fact. 01 <canvas id=”my-canvas” width=”600″ height=”300″></canvas> 02 <script> 03     var canvas = document.getElementById(‘my-canvas’); 04     var context = canvas.getContext(‘2d’); 05     var x = 125, y = 100; 06     // begin custom shape 07     context.beginPath(); 08     context.moveTo(x, y); 09     context.bezierCurveTo(x – 40, y + 20, x – 40, y + 70, x + 60, y + 70); 10     context.bezierCurveTo(x…

Currently it is quite difficult to find a company that does not use this method of project management. Since we have quite a lot of advantages, and we are talking not only about the field of software development, but also in other sectors. But let’s look at the agile development in details. SCRUM is an…

High-energy electromagnetic radiation or x-raying your architecture The next step is to setup CloudWatch logs and start using X-Ray to make the debugging and tracing of what is going on with nodes of your AWS architecture easier. To utilize X-Ray you will need to use SDK or to set up out of the box X-Ray…

You may have heard about microservices, about their advantages and disadvantages. I tried to gather all the possible information in order to create a comprehensive documentation on microservices. This guide will act as a helping hand for those who want to know this in details. Definitions ARN – Amazon resource name AWS – Amazon Web…

Today we continue our post about microservices Serverless With the release of the AWS serverless services and the rising popularity of micro services and serverless architecture accompanied with the increased demand on the use of NoSQL databases, there have been a lot of questions from developers community about how these two technologies relate to each…

The menu is one of the most important marketing elements. It is the last stage before the customer decides to spend his / her money. Therefore, you need to try to create a truly selling menu that can make new visitors interested and ensure repeated sales. How to Start Developing a Menu for a Restaurant…

If you already know the main concept, the closures are not hard to understand. But it is difficult to understand by reading only theoretical explanations. Our article is for programmers with any experience. For easier understanding, the examples are in javascript. Closures Explanation When a function (foo) declares other functions (bar and baz), the family…

Project management rings the bell with the majority of business owners. It allows planning, arranging, and coordinating activities aimed at accomplishing a number of objectives or a certain task. As a result, there is a great need for tools that can assist in coping with everyday workload in the most convenient and efficient way. The…

Look at the graph given above, and you can quickly see how extensively HTML 5 is growing popularity. The Semantic HTML 5 has almost replaced the HTML. Now, we are going to discuss Semantic HTML 5 and how it is used for structuring the document If you have the basic idea about HTML language that…

Bootstrap slider. Twitter Bootstrap 3 is one of the best CSS frameworks to develop and design content management systems. With Bootstrap you can easily create blogs or pages of the portfolio using a system of grids Twitter Bootstrap (grid layout). At the heart of many CMS systems we usually have a base component “Slider” (Carousel),…

Many developers ask this question, trying to understand this dependency injection, other differences, advantages and disadvantages of these AngularJS objects. In this article I will try to explain in details everything we know about the providers, services and factories. The answer come to be around service and factory, and this difference between them is like…

Who doesn’t want to build interactive websites that involve JavaScript for better user attention? Have you experienced the low responsive websites or applications, only to have nothing happen when you just tapped a link or scroll down? We are pretty sure all of us have been with this. JavaScript is still considered the most expensive…

In today’s lesson we will continue developing backend Web API and our goal is database access. We will be creating CRUD API entry points handling GET, POST, PUT and DELETE requests. As you probably remember that last time we simply hardcoded objects (Users) in the code. Today we will solve this issue. Prerequisites First of…

Web scraping is not an illegal activity, but that does not mean you can scrape any site you want. There are some sites that explicitly block any sort of automated data extraction either via the robots.txt file or their Terms of service page. Disclaimer: You can find no legal advice in any respect here. The…

When you are designing a logo for your online business, blog, or website, then you want it to look professional, appealing, and unique. To achieve that feat, understanding the right process is a must. However, you needn’t fret, for you have come to the right place! To create a top-notch logo that’s one of a…

Bootstrap tutorial / parallax scrolling tutorial. It is no secret that the bootstrap is used on many websites now. This allows to save time and create excellent results in a short period of time. In particular it concerns the markup and styles. Last time, when we wrote about the bootstrap, we received many positive comments,…

Our lessons on webgl continue. Today we review Threejs cameras. Threejs library provides two different cameras: orthographic camera (OrthographicCamera) and perspective camera (PerspectiveCamera). The best way to understand the difference between these cameras – try every one of them with your own eyes. PerspectiveCamera This is camera with perspective projection. PerspectiveCamera parameters: Argument Description Fov…

Our new tutorial tells us about creation of animated 3D Sphere (through direct access to pixels of canvas). The sphere itself is getting around the canvas continuously. This example should work in the most of modern browsers (like Firefox, Chrome, Safari and even in IE). In the result, you should to get something like this:…

I am pretty sure that you understand the importance of website navigation menu and it’s correlation with on site engagement. Here are ten UX tips to make it more usable. Navigation is an important part for any website of any scale or any business. Because navigation is the only way your visitors will get to…

Polaroid – we did not talk about photo galleries for a while, however enough time has already passed and here could be new galleries. Not so long ago, I stumbled on a new jquery plugin gallery, which builds the photos in a stack of Polaroid pictures. It seemed to me it was fun and can…

Web surveys serve as an excellent information gathering tool from target audience. Since they can be designed for any kind of demographics, web surveys can be used in almost any manner for gathering data. Why do Surveys Fail? The success of web surveys is completely dependent on how they have been developed and the technique…

AngularJS is a dynamically developing framework for building dynamic web applications. As framework, it provides many functions out of the box. To start with, in our tutorial we will show you how to build a basic single page application. It will help you understand main concepts of working with the AngularJS, and next time you…

Last week we started the new page layout with Bootstrap 3, today we are going to finish it. Today we consider creation of the following elements: sidebar, quotation, main content, ‘our team’ block, footer, twitter feed, site map and social buttons. As usual, we will add them step by step, stylizing our elements. Sidebar In…

I think that you have already seen various animated menus with LavaLamp effect (based on jQuery plugin). Today I would like to tell you how to repeat the same behavior only with CSS3 (without any javascript). I had to use CSS3 transitions in our menu (to animate elements). So, if you are ready, let’s start.   Here…

Dear readers, today we continue our Bootstrap 3 lessons, and for this lesson I prepared a new page layout that would suit different purposes. The huge advantage of using CSS frameworks is that the developer does not need to think about different issues of the layout, most of which were solved by creators of frameworks.…

Scripting is always a preferred choice for IT, businesses, server administrators, DBAs and professionals who aim to automate or schedule their routine tasks with flexibility and control. It not only makes you more productive but also improves your daily tasks. The lack of task automation makes an emerging business lose most of its time and…

In today’s competitive world, everyone desires to have a respectful position in the market to become the topmost business owner. In order to fulfill this need, having a well-designed business card is of utmost importance. If you wish to make your business stand out of the rest, then it is vital for you to have…

Today there are many kinds of icons namely flat Icons, line icons and solid icons which are based on their usage by web or application developer. The kind of icons constant used by developers is no other than line icons. We are showcasing this article basically let you know the thousands of the good line…

Bootstrap forms, do you know them? Our new article is for beginners and will show the process of creating pages using the bootstrap. Also we will tell you what is bootstrap, its purpose, installing, and the process of designing forms. GETTING START WITH BOOTSTRAP FORMS Content What is bootstrap Components of bootstrap Importance of bootstrap…

Our sixth jQuery Mobile tutorial – final article in this series. Today we discuss how to create ul-li lists, how to theme the lists, numbered lists. Also we explain how to use thumbnails and icons in the lists, how to make search and login forms using different form elements. All examples are supported with code…

Our fourth jQuery Mobile tutorial. In this section we continue talking about using various data- attributes, linking external pages, using grid system, building collapsible content. Also we will tell how to make footer, header, navbar and so on. Everything is supported with code snippets. EXTERNAL PAGES jQuery Mobile will also handle external pages as well.…

Our third jQuery Mobile tutorial is ready. The new lesson tells about mobile page orientation, page events (pagebeforecreate, pagecreate, pageinit etc), touch and swipe events, virtual mouse events. Multiple examples demonstrates how you can use these events. ADAPTING TO THE ORIENTATION EVENT When viewing a mobile device, there are two options or modes for screen…

Whenever one thinks of video or audio communication online, they remember Skype with its voice and video calls. However, Skype service is not the only option and is far from the best one. When there is a need to create a software product (be it a web app or website) that supports voice and video…

Today we continue our lessons about jQuery Mobile. In this lesson we will look at examples of jQuery Mobile initialization, creation of pages, event handlers, page transitions and other. INCLUDING JQUERY MOBILE IN YOUR SITE Implementing the jQuery framework into your site is as straight forward as adding any external Javascript file. 01 <!DOCTYPE html>…

Our fifth jQuery Mobile tutorial. Today we continue talking about built-in set of icons, icon placement, creating custom buttons, using of swatches, making custom themes and so on. All examples are supported with code snippets. ADDING ICONS TO BUTTONS These images, or icons, allow us to know what the button is without having to read…

In a new series of articles, we will talk about jQuery Mobile framework, which easily allows you to create responsive mobile websites. GETTING STARTED WITH jQuery MOBILE WHAT IS JQUERY MOBILE jQuery Mobile is a reliable support for all the abundance of mobile development kits and tools that makes a mobile site responsive, flexible and…

To start with, I’d like to tell that the Flat design is style of UI design with minimum use of style elements that give the illusion of three dimensions (e.g. additional borders, shadows, gradients or textures) and is focused on a minimalist use of ordinary elements, typography and flat colors. Today we have new collection…

At the same time Google released their Lollipop version of the Android OS, they also introduced a new visual design language known simply as Material Design. The goal? To create a cohesive design standard that could work across all of Google’s various products. It has a set of principles and styles, along with plenty of…

New SASS tutorial tells about many aspects of using SASS: installation, known facts, variables, mixins, nested rules, inline imports, and more. It certainly will be useful for beginners programmers and advanced guru. SASS Sass is a CSS pre-processor: a good implement that any web builder needs in a finesse style design of a work. BEFORE…

As we know, websites widely use email for mass mailing of news and other messages. This is one of the main means of delivering information. The letter itself plays a big role – many things depend on it: from the initial understanding the importance of website and even trust level of website. Today we look…

Mobile phones with color screen enabled with Java that could access the internet through were introduced to the world only in the year 1999. However, the real usage of mobile web started only after 2000. Back then, the websites were designed solely for the desktops and no special optimizations were made to the webpages for…

We like to think of a good PHP Framework as a good foundation of any sustainable home: you can never see the foundation of a house, and it doesn’t help you lead a more satisfying lifestyle, but without it, your house will collapse in the next earthquake. The same goes with frameworks for quality websites.…

UI/UX designing is an umbrella term that has a broad meaning and even broader sense when we discuss about the technique for the present web scenario. UI is all about the designing interface and UX, on the other hand, is how your users are feeling when browsing a particular site. Both of these factors matter…

Joomla has evolved as one of the leading content management systems on the web. It allows people to create, modify, publish and manage different niches of websites with ease. This is an ideal platform for building functional and dynamic eCommerce sites. Joomla is popular among professional web developers and webmasters as it offers plenty of…

Web designing has come up a long way in the past few years. From simple static designs to dynamic 3D and 5D designs, designing technology has revolutionized the conventions of web designing. If you go through the sites, you would see how the pattern has changed in last few years, where sites are no longer…

The modern web is changing so fast that it is becoming increasingly difficult to reach out to users. Outdated strategies are no longer work while new ones are just emerging. It is not always clear what works for and against you. Sometimes the ideas you find excellent may turn into a funny, confusing, and even…

Several facts about PHP7. Is it true that you are a web designer or a site proprietor? Do your locales keep running on PHP-empowered CMS, for example, WordPress, Magento, Drupal, or Joomla? At that point we have uplifting news: the component complete beta of this all new PHP 7 was as of late discharged. The…

Vertical Timeline tutorial. Internet users love graphics that make it easier to digest information. Even more, they love interactive graphics that allow them to participate above and beyond just reading. Is it any wonder that vertical timelines do very well as a form of online content? A vertical timeline can tell the story of your…

WordPress is pretty easy to use and customize, what with all the themes and plugins and widgets available at one’s fingertips. But is that all? What about the admin interface? How customizable is that? A lot actually. WordPress admin interface, known around the web for its user friendliness can also be customized to fit your…

The web development is a frequently changing field that introduces several new tools and best practices for constructing usable web solutions. So, it becomes a little tough to foretell the trends that will be shaping the web development industry. However, based on the pattern of recent trends that have been maturing, I’ve listed some of…

AngularJS is a modern-age JavaScript Framework, used to build highly-interactive and dynamic Single Page Applications. It basically extends the HTML DOM with additional attributes to make it more scalable and responsive to user actions. AngularJS is an open source JS framework that performs the DOM manipulation and integrates all the necessary features offered by the…

Symfony 2 tutorial. Mobile application has taken a huge leap. Today, mobile applications are not just apps anymore – they are actually solutions to business issues. From a simple informative app to a critical business application, mobile apps have become a powerful tool that efficiently supports marketing strategies of a business. Just open your phone…

Sass and LESS both are CSS Preprocessors. These are two of the most commonly used processors in the industry. CSS processors are very powerful and help you to streamline the development process. Although, both of these share many similarities in syntax, the main difference between them is the way they are processed. LESS is a…

Bloggers across the world use WordPress that stands as an appropriate CMS solution. For gaining a proper user experience, great speed for your WordPress site is hugely essential. Performance acts as one of the vital factor of a flourishing website. Few WordPress websites are not able to make the best use of its potential. WordPress…

Webdesign trends 2016: “What separates design from art is that design is supposed to be functional,” says veteran designer Cameron Moll. A great looking web design without functionality is like a sports car with no engine, and that is what makes web design so complicated. Unlike a sports car, the kind of functionality desired from a…

PDF forms with PDFtk & PHP. As we know that PDF files comes to be one of the most common options for people to share various documents online, whether the question comes about passing our client’s material to a third-party service providers such as banks, insurance companies and many other such firms or whether we…

AngularJS is one of the fastest growing javascript framework. And it is not surprising – we may use MVC and MVVM design patterns that are essential to build modern websites at the present time. This framework let us use such features as data binding, controller, deep linking, form validation, communication with server, directives, localization and…

In our new tutorial we will create animated flask with bubbles. Not so long ago I was tasked to create an animation in the form of bubbles emitting from the flask. It was the original step of an advertising agency. Very often when you want to create the animation, we think about using javascript, but…

Today we assembled new UI design styles collection for your inspiration that contains 15 new elegant designs for you. These designs help you find a special and useful for your projects. If you are not familiar with UI design, you can familiarize with it below User interface design (UI) or user interface engineering is the…

Well, when anything changes we must acclimatize to that change, and this can sometimes hit your pocket hard. Why don’t these developers develop a fortified solution to this problem? Well yes! They have certainly developed one. Everyone was after mobile apps at a point and after some point came the craze of tablets. So now…

Anyone who lands up on your website would need a reason to stay. CSS i.e Cascading Style Sheets gives you that reason. CSS is basically a way to style your web pages and also to create animations. CSS Animations let you inspirit your website. No matter how useful content you have supplied on the website,…

WordPress theme development is more than just creating an appealing design. It includes writing clean code, testing of all types of content, and using the right template files. However, one of the most important things to take care of is the WordPress theme development standards. Yes, there are certain Theme Development standards set by WordPress…

Language Reference Web programming are located in this section

Dear reader, today we are going to tell you about new plugin that we discovered – Magic Layout. This simply plugin serves only one task – it animates blocks on web page. You can see the possibilities of the plugin on demo page. Continue reading to see how author describes the process of creation of…

There is a lot of pressure in the web design community for web designers to discard tables as a designing tool for page layout. Moreover, the W3C (the community responsible for crafting web standard recommendations) advised that don’t use tables for layout until they are linearized. Web designers can also use CSS for layout, rather…

As of 2015, WordPress runs a whopping 4.5% of the entire internet. 74.6 million Websites are powered by WordPress. Such a large system is obviously targeted by hackers. But WordPress security is no laughing matter. While a vast majority of hackers get blocked, there are those few who are persistent. With the sheer number of…

IBM Bluemix Cloud Contest: on your marks, get set, code! $2.200 CASH TO WIN & JUST AS MUCH IN HIGHTECH ITEMS Who has never dreamed of challenging the greatest? And what if the possibility to win incredible prizes while improving performance were added to that? This is what’s happening right now on CoderPower, the micro-learning…

Gone are the days when developing an app took multiple days and even weeks. Today, the world of mobile app development is filled with stunning open source front-end SDKs(Software Development Kits) and frameworks which have made it possible for the developer to build an awesome app within a few minutes. Ionic is one such HTML5…

Today we will create a single page template for our portfolio. As you know, your own portfolio has always been an important attribute for almost everyone. As a rule, they emphasize the character and originality. It describes the strengths (and sometimes weaknesses) features. It is quite important to show originality. Sometimes such sites known as…

DhtmxScheduler is a JavaScript tool that allows you to create your own online event calendar. In this article we’ll try to create an application of such a kind and then add some extra features to it. There are several ways of data loading among which you can choose. With dhtmlxScheduler, you can use three formats:…

Autonomy is a modern, photo-centric responsive site template. Multiple page layouts. Black, brown, and white color scheme. The package includes HTML files (four layouts), stylesheets and supporting images/JS scripts. Live Demo [sociallocker] download template [/sociallocker]

Pricing tables are widely used on many websites. If you haven’t created pricing tables with bootstrap, our tutorial will be useful for you. Simple responsive pricing tables – they look great on all devices. On big screens, we see the entire table, three columns in a row. On small screens, they will be placed from…

As a web designer, working with grids is indeed one of the best things that you can do for delivering a top-quality website or web application. Believed to be one of the most vital components of a web design, a grid is capable of structuring your web pages and create a unique rhythm that can…

Animation in 3D space – one of the integral and exciting processes. Animation gives life to your static scene. I think you have already thought about the animation of objects when working with three.js. Yes, animate objects is possible with functions of three.js, we can change the position, size, rotation, and other properties of objects…

Imagine automatically checking if your emails land in the spam folder before sending them out to your lists. Or getting a delivery report on every newsletter you send out. This article is a quick guide to doing that and more with Inboxtrail’s email delivery testing API. Inboxtrail will tell you if your emails land in…

One way that fonts influence our emotions is through taste. Sounds weird, right? But each font has a unique “flavor” based on the shapes and boldness of the letters. We associate the shape and weight of a font with certain emotions, and then we connect those emotions to food. For example, a thin sans serif…

Today we prepared Material Design UI Kits. It contains 15 graceful designs that are free of charge. If you are not familiar with the material design, continue reading. Material design offers a system for designing functional and elegant software. How does your brand fit into the framework? We’ve created a step-by-step guide to staying on-brand…

Specially for us, Vecteezy provided an exclusive freebie – vector art. Here are two sets of rounded icons: flat social media icons, retro office icons, banking icons, network and database icons and office icons. All the icons are provided in vector in the following formats: ai, eps, png and psd. They say a good mind…

It’s no secret that the internet, computers and software are developing rapidly. There are more and more IT companies, and more and more programmers are demanded. And this is true. For this reason, many young people choose this profession, as confidence in the future of employment. However, not everyone is doing well, and therefore, programmers…

Without products a Magento shop is useless. Of course you can create Magento products from backend, but some particular circumstances may lead to a need of creating products manually, using coding (programmatically). Developers or store owners use this method when they need to create a large number of products fast for testing, or when they…

30 Responsive WordPress themes can completely change your perception of modern technologies. They are extremely flexible, customizable and at the same time user-friendly. These responsive templates will help you to create almost any kind of professional website. Responsive and affordable web design is no more a fiction. And we are proud to show you the…

The blog post features 20 free WordPress Art and Photography themes from the most reputable providers. Guess what we are going to offer you in this blog post? Not much of a mystery here as the article title pointedly reveals our intentions. Yes, you will see 20 mind-boggling WordPress Art and Photography themes outlined below.…

The Drag and Drop feature is one of important features of nearly every interactive environment. Use the mouse to interact and drag and drop objects is very native. However this feature is not supported in three.js by default. In our tenth lesson we explain how to implement this drag-and-drop function. Live Demo The demo generates…

Comparison of Susy and Bootstrap. Susy and Bootstrap comparison. Ever since the inception of grid system layouts, they are widely used in website designs to arrange graphical elements like images and text. With the rising popularity of grid layouts, there are myriads of grid frameworks available in the market today. One of the most popular…

WordPress widgets. Half a decade back, when I was looking for an elegant, easy to follow, robust blogging platform, WordPress turned out to be a beast for me. Of course, with time it has grown into a bigger (and tamable) beast – thanks to the consistent self-reinventions. However, truth to be told, the WordPress defaults…

What is Logo? Logo means much more than only an image for customers to look at while they use a product or service. It is the face of an entire brand, a symbol that determines how people think about that particular company. In the end it forms the attitude of people to the company. We…

Chat tutorial. Today, online chat solutions are witnessing a continuous increase in their popularity across the world. If you’ve used any of the Internet Relay Chat(IRC) clients lately, then you’d be probably well familiar with the overall performance of an online chat service. Even before AJAX was born, online chat solutions had been successful in…

No matter what’s the basic purpose of your website, if you’ve equipped it with a fully-functional Javascript slideshow, you’ve reduced the gap between your business and the targeted customers. As an incredible way of displaying lots and lots of information within a relatively small space, the Javascript slideshows have served as great add-ons for web…

Microsoft Azure tutorial. Despite the fact that WordPress now runs almost a quarter (23.5%) of all websites, it’s still not a perfect CMS to scale up for enterprise-level sites driving a massive amount of traffic. As a general rule, we prefer to make use of various caching plug-ins to maximize the performance of our WordPress…

As you probably know, Parallax is a visual effect, where positions of objects look differently when we view them from different positions. The parallax scrolling creates the illusion that the two objects that are in line of sight, but at a distance from each other, moving at different speeds. This effect we can see everywhere…

No wonder, Facebook is social network number one that is used widely (especially in advertising) by nearly all companies worldwide. It is much more convenient to use the most known network where almost everyone living on our planet is registered in. This brings huge traffic, and many companies are working with their customers using their…

A bright, minimal, fully responsive site template. Flat and modern. Multiple page layouts. CC0-licensed photos via Unsplash. This is responsive HTML5 site template released for free under the Creative Commons Attribution license. Live Demo [sociallocker] download template [/sociallocker]

PHP or Hypertext Preprocessor is reflected upon as one of the most demanded web programming language that is nowadays utilized by most of the websites. PHP is hugely in trend due to its remarkable HTML, interactive features, database integration support, and simple in learning too. As per W3Techs survey, almost 82% of web servers have…

Premium WordPress Themes – do you want to have a modern web-resource that will promote your business and attract new visitors? It is possible and quite easy now. We present you a brilliant collection of 30+ free and premium WordPress themes for stunning photo, education and real estate websites. They are all highly functional, and…

Material Design Bootstrap 3. Today we review Material Design Bootstrap 3 theme. This theme is a new skin for your website, in case if your website is built with the Bootstrap framework 3. The theme doesn’t affect the Bootstrap core. For ease of use – LESS/SASS version is provided. The standard class names are not…

Bootstrap introduction. Since past several years, Bootstrap, a front-end development framework has gained huge limelight among web designers and developers community. The reason for this tremendous hype may lie in its fantastic features that make it an ideal framework for creating responsive websites. This framework fascinated numerous website designers and developers, thus, no wonder why…

Baku is a clean, flat and Jewellery Category Multipurpose Template for Gold Shops and Silver shops. It can be customized easily to suit your wishes. That comes with a free Flat Responsive web design template. You can use this template for any type of websites. This web template is built in a Fancy style however…

Create the simple Listview application in Android. In last few years Android has taken the Tech World by storm. It is running on billions of devices and presents a great opportunity for professionals to innovate using this amazing technology. This project will be divided into 3 important parts: Android Installation, Creating a Hello World program…

Color. It’s simple, right? Sometimes, though, what you thought would look great ends up looking not so great, and disappoints you as well as your client. Picking up some pro tips and tricks for color can put a smile on your face as well as your client’s. Think about colors and what types of feelings…

This is Privy, a free, fully standards-compliant CSS template. The photos in this template are from Fotogrph. This free template is released under the Creative Commons Attribution license, so you’re pretty much free to do whatever you want with it (even use it commercially) provided you give us credit for it. Have fun. Live Demo…