Browsed by
Tag: frontend

A lightweight JavaScript framework: Introduction to Svelte JS

A lightweight JavaScript framework: Introduction to Svelte JS

The majority of web application development is streamlined with JavaScript frameworks and libraries such as Angular or React, Ember, and Vue JS. Reason being that these JavaScript frameworks and libraries make the complexity of code required to fulfill your concepts very manageable and relatively easy to implement. They help to reduce the problem of “spaghetti code.” If your job as a web developer is being made easier, where is all of that “work” alleviated? To our users… More specifically our user’s web browsers. In most, if not all web applications, browsers have to load entire libraries to use only a fraction of them.  This greatly hinders web application run time with wasted processing power. Luckily for us, Svelte JS has come to the rescue.

svelte-js

Read More Read More

Where are JavaScript frameworks going in 2017?

Where are JavaScript frameworks going in 2017?

JavaScript has been a cornerstone of web development – well, of good web development – for years. If you haven’t jumped on the bandwagon yet, it is high time that you do. Technology isn’t waiting around for anybody, and the development and tools of JavaScript in particular are very fast-paced.

Even if you are familiar with JavaScript and some of its frameworks, what was the best of the best in 2016 may well be completely outdated and replaced by newer technology in 2017. Thankfully, we are here to help you find the hottest JavaScript frameworks and libraries to get into this year.

No more excuses – make learning JavaScript frameworks one of your new year’s resolutions. Trust me, it’s easier than going to the gym.

Read More Read More

Enhancing content with JavaScript

Enhancing content with JavaScript

There’s a million ways to make content look good. Ideally, it’ll be able to shine because it’s well-written, witty and interesting…but we all know that’s not always the case. Or even all that often. So instead, it needs a little help with grabbing the customer’s or visitor’s attention.

Fortunately for the clients, web designers tend to be good at that. Fancy colours, layouts and graphics – they all work, but they have one ‘flaw’ – they are static. Good for a solid foundation, static websites will only get you so far. Users are used to motion, animation and effects on the web by now, and have come to expect it in some regards.

Lucky you, because employing them is easier than you might think. While you can, of course, do simple animations with key frames and CSS (which depending on the size and impact of your project can be the perfect solution!), but if you want to go the extra mile towards something really special, you need something else.

Something you probably already have, and know well. JavaScript.

Read More Read More

Layout Design of Web Pages

Layout Design of Web Pages

Any web designer will agree that the appearance of a website layout design can be as important as the content, and just like good (or bad) content, it can make or break a website. The best content will appear mediocre at best when the presentation is lacking.

And when it comes to presentation, there are several layers to it. There’s the resources a designer has to work with for one. Graphics, audio, fonts…  they all feature into a great finished product, and their quality can make a huge difference. However, before you need to decide WHAT to put, you need to figure out WHERE to put it.

In other words, layout designing. How to set up the basic layout design of the page is one of the most important aspects to designing a site. Now, the client may well have specific wishes that they don’t want to deviate from, but more often than not, they’ll pay more attention to images, videos and the like, and less to the actual page layout design. There is a certain ‘standard’ of what is currently considered trendy, and the go-to layout.

layout of web pages

Read More Read More

How to Integrate CSS Grid Layout into WordPress?

How to Integrate CSS Grid Layout into WordPress?

You are reading the DebugMe blog. DebugMe supports the design, development and testing phase of web sites and web applications by enabling visual feedback. Take a screenshot and add a comment within seconds! Register now to have free access to the tool for life.

In web design, CSS grids are very common nowadays. It’s no denying the fact that they bring great intuitiveness to the table and give more power to the end users. With a CSS grid layout, one can easily create arbitrary layouts in WordPress and it gives much-needed freedom. The WordPress Plugin Repository has several column plugins to get the most of this functionality. Here are some of the shortcode grids to know how this really works.

Read More Read More