Browsed by
Tag: frontend

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

Some of the Must Known Web Development Trends for 2017

Some of the Must Known Web Development Trends for 2017

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.

The Internet is the future! Or so people have been saying for decades now. They’re not wrong – for most people it is an important part of their daily lives now. Whether it’s Facebook, YouTube, or the probably do the same thing tomorrow, and the day after bakery around the corner, odds are you’ve looked at a dozen websites today already, and you will.

Many of us have fixed internet habits that won’t change easily. However, what will change is the Internet itself. Web developers know this better than most – requirements and standards are constantly changing and evolving, and what was great 5 years ago, is now dated at best.

More so than most industries, in web development you need to keep up with the trends. And what those web development trends are? Well there are many. Unhelpful, I know. So here are some of the stronger web development trends for 2017, the ones that there’ll be no escaping from.

web development trends

Read More Read More

Why Vue JS?

Why Vue JS?

JavaScript to web development is like an engine to a mechanic – it’s just not going to work without it. As there are about as many (good) JS frameworks as there are car brands, picking the right one can get confusing pretty fast. Whoever you ask will have an opinion, and asking five people will likely get you five different answers, all with good arguments as to why their favourite is the best.

Unfortunately, there is no one-size-fits-all. Personal preferences, projects, teams all factor into making the ‘right’ decision – but some frameworks are definitely more versatile than others. ‘Purists’ will argue that Backbone, being very small and light is the best choice, ‘Traditionalists’ will argue that jQuery is the go-to solution, and so on and so forth.

While some trial and error will probably be required to find the best solution for you, Vue JS 2.0 is definitely worth a look. Not as ‘bare’ as Backbone, not nearly as rigid and huge as Angular or React it gets the job done without any additional libraries, extensions, plug-ins or what-have-you’s.

That isn’t to say that there aren’t any – in awesome-vue you will find anything your heart desires, the selling point is, however, that you won’t need them. Focussed on the view layer, it is still perfectly capable of powering single-page apps all by itself.

Read More Read More

Using UUIDs in Yesod

Using UUIDs in Yesod

This is a post by Jezen Thomas, a freelance software developer spending most of his time writing software with Ruby and JavaScript. It was originally published on his blog. Follow him on Twitter.

Using UUIDs in Yesod

I’ve recently been tinkering with a small web application written in Haskell with the Yesod framework. I decided I would like to use Universally Unique Identifiers for one my models, as the identifier for the model would be exposed to the user.

There are other reasons to use UUIDs, such as decentralising ID generation, but simply not giving hints as to the size of one of my database tables is enough of a reason for me.

Read More Read More