All posts

Design and Development how to make them friends

In order to achieve optimal performance and keep the customer happy it is advised to follow these guidelines. Before deploying, check if you have added these functionalities, and add them if you didn’t. Follow these guidelines to achieve the optimal…

Animating images with CSS? Easy!

A few weeks ago we were asked to create a website (strange, right?) and aside from being provided with designs we were also given animation prototypes. After taking a quick look, my first thought was “Oh my… is this even…

banner for CSS Grid Layout
How to build your site using CSS Grid Layout

Before our time there were a lot of problems with positioning elements on web pages. At first there were tables, then floats, then positioning and inline-blocks, but all these methods were hacks and lost a lot of valuable functional opportunities,…

Bring flexibility to your site with CSS3 Variables

CSS has various useful features due to it’s constant development. One of such features is CSS3 variables (the second name is CSS Custom Properties). The main difference between CSS3 variables and SCSS variables is the dynamically changing value of a…

How to increase visitor interest rate using Schema.org & Google Rich Snippets

Floating around the Internet, users prefer to get information by the fastest way and more informative. Search engines improve the quality of information found and the overall search process. Google took the next step of improving their search engine in…

City of animations
How to create city and breathe life into it with SVG and CSS3 Animations

Animations give the web-page some liveliness and if they are high-quality animations, you won’t want to leave the page! Animations are the future, constantly developing, making them a staple in web-development. For that reason we’ve created “Sin City”, a web-page…

PJAX
How to boost your site using jQuery + AJAX

The issue I came across in day-to-day work seemed plain and straightforward. The goal was to switch pages using AJAX, without page reload. Including animations: before AJAX request and after AJAX response. All these things I’ve done before separately, but…

Bootstrap 4
Discover the new version of the most popular framework Bootstrap 4

What’s New and What’s Changed in Bootstrap 4 On August 19th, Bootstrap celebrated its 4th birthday, but don’t rejoice just yet. This is only the alpha and a stable release is only in the testing phase. Still, I’ve come across…

Google page speed optimization
Secrets of Google Image Crawler. How make your site Google Friendly

Google Page Speed Optimization for Images I must tell you straight away, that the article was written in February 2017, and only Google knows how long the research will be relevant. At the end of the article there is also…

Bugs​ ​in​ ​E-Mail Templates
The most common bugs in email templates and how to avoid them

Coding HTML for emails can be difficult. If you’ve missed even just a closing tag when coding, your entire email can be broken. If you’ve included a video, Flash, rollovers, JavaScript, chances are it won’t show up the way you…

just responsive image
How to optimize images on your site for different screens and devices

Images are one of the important parts of information on the site.According to the HTTP Archive, on average it fills up to 64% of the web-page, but most developers forget about optimization.. Most users wish that images would show clearly…

SVG Tracing Tool
How to use SVG Tracing Tool for vector graphics

Converting a Raster to a Vector. When developing a Website according to a specific design we often have problems with the format of the source images. I’m referring to infographic icons or images, but it doesn’t apply to photos (as…

Shopify
How to develop Shopify App with Node.js

Shopify App tutorial for Nodejs To start developing you should register as a partner to have access to Partner Dashboard. There you can create a developer’s store and use it to develop and test applications. More detailed information here. OAuth…

Virtual Reality
Create your own virtual reality with A-Frame framework

If you are a web developer and want to create your own virtual reality, do not rush to learn Unity or Unreal Engine, instead use JavaScript! What is A-Frame? A-Frame is an open source framework for creating virtual reality using…

Mistakes in JavaScript
How to make your JS cleaner: Top 10 Mistakes in JavaScript

10 Mistakes and Difficulties at the Beginning of My Javascript Career Only after PHP did I start working with Javascript, so mistakes like writing assignment (=) instead of the equality comparison (==) was a thing of the past. Although, there…

Google Image Optimizer
How to optimize your image to calm down Google

A lazy developer is a good developer, or how I became acquainted with Node.js basics For those people who can not wait Click here and you can see everything with your own eyes a live example Every day each of…

SVG in WEB
What is SVG mean? Discover the perfect line word with us

What is SVG? Scalable Vector Graphics or SVG is a two-dimensional format of vector graphics which can be used on websites or in other graphic industry. SVG is based on XML language, you can use one SVG image on all…

up

Please turn your device