Author

Chris

Browsing
In CSS

CSS3 Transitions

No Comments 7 Mins Read

Wie man Transitions nutzt CSS3 bietet sehr viele nützliche neue Features. Eines dieser Features sind Transitions (dt. Übergang/Blende). Mit Transitions lassen sich auf einfache Weise Effekte beim Übergang von einem Style zu einem anderen animieren. Sieh Dir einmal die Navigation oben auf dieser Seite an. Es ist zwar nicht sehr auffällig, aber wenn Du genau hinschaust, wirst Du merken, dass der Link beim Mouseover nicht direkt die Farbe wechselt, sondern fließend von der einen in…

Read More
In CSS

Wie man eine HTML5 Webseite aufbaut – Teil 2

1 Comment 39 Mins Read

Die Übersetzung dieses Tutorials ist momentan leider noch nicht optimal und wird nach und nach verbessert. Du kannst alternativ die englische Version lesen. Im zweiten Teil des Tutorials werden wir den CSS-Code erstellen und die Webseite responsive machen. Falls Ihr den ersten Teil des Tutorials, in dem der Aufbau der HTML-Struktur und das Einbinden der benötigten Skripts erklärt wird, noch nicht gelesen habt, solltet Ihr dies tun bevor Ihr mit dem zweiten Teil anfangt. Wir…

Read More
Kube Tutorial by Lingulo
In CSS

Kube Tutorial – Creating a pure and elegant personal website

1 Comment 15 Mins Read

Kube Tutorial by Lingulo

Preview

HTML5 responsive website

Download

Download it from GitHub


Please note! Due to the use of CSS flexbox this website only works in the latest browser versions. Be sure to know that before using Kube for a production website.

In this quick Kube tutorial we will be creating a very simple yet modern and elegant personal portfolio website using Kube. Kube is a small CSS framework using the latest CSS techniques. The grid system is not using any floats but instead the new CSS flexbox which is already supported in current versions of all mayor browsers. In the future using flexbox will be the default way to create layouts in CSS and Kube is already starting now. Kube doesn’t include any JavaScript functionality like sliders, accordions etc. which might be missing features at first sight. But that is actually the strength of Kube because it is kept small and very basic without any fancy designs or features which would bloat the whole framework with stuff we don’t even need.

Read More
Template Comparison by Lingulo.com
In CSS

In-depth comparison of 5 of the best WordPress themes 2017

No Comments 16 Mins Read

About WordPress

WordPress is the world’s most popular content management system. Originally it was designed for creating blogs however more and more people started using it as a system for building websites. The advantage of using WordPress is that it is super simple to create new content and maintain your website. It is also very easy to add new functionality to your website by choosing from thousands of plugins and installing them on your WordPress system.

Non-exclusive website designs

To define and adapt the layout and design of your website WordPress comes with the ability to install themes. Themes contain several files that specify what your website looks like. You can either download an existing theme (by choosing one of the thousands of free or charged themes out there) or create your own theme. Most of the themes that you can download from websites like ThemeForest or the WordPress theme directory can somehow be adapted from the WordPress admin area. You will probably be able to change colors, upload a logo or do some predefined page layout changes (like changing from a full-width website to a boxed website). However if you want to do some furthergoing changes to the website design or if you are creating your own theme you will have to add your own CSS and HTML code. While this might be useful if you wish to create a very unique design and have a clear picture in your head of what you want to build you will certainly need to have some coding knowledge. If you don’t have coding knowledge you will probably end up leaving the themes as they are or investing money and hiring a web developer to adapt the design according to your needs. Since many small businesses or private persons simply don’t have the money to hire a developer they are often forced to leave the themes as they are. But because themes are free of charge or available at very low cost they are mostly non-exclusive. Non-exclusive means that apart from you many other website owners might use the same theme and therefore have a similar looking website.

Read More
In Weekly Roundup

Weekly Roundup No. 2

No Comments 3 Mins Read

Web Development

15 best web development podcasts for developers!

Since there are many resources out there for getting started in web development, having some truly inspiring web development podcasts in your bookmarks is a great way to learn. It’s the most portable way to consume content and to learn something new in web development.

Top 7 HTML5 Editors for Web Development

HTML5 has gathered tremendous attention in the last two years and is still ruling. As internet is changing vigorously, HTML5 is at the fore of those distinct changes. An HTML editor is actually a software application for crafting web pages. Those who are specialized can provide expediency and extra functions.

Read More
In Weekly Roundup

Weekly Roundup No. 1

No Comments 3 Mins Read

Web Development

Web Developer Resources: A Mega-Compilation

The Internet is constantly growing and there are hundreds of thousands of collective resources for upcoming web developers. From online articles, tutorials, tools, guides, to videos, you can learn just about anything over the Web. It has really never been easier to jump online! Below I’ve put together

App-pocalypse Now

I’m getting pretty sick of being nagged to install your damn apps. XKCD helpfully translates: Yeah, there are smart app banners, which are marginally less annoying, but it’s amazing how quickly we went from “Cool! Phone apps that finally don’t suck!” to this sad, eye rolling, oh-great-of- course-you-have-an-app-too state of affairs.

Read More
In CSS

A Walk Through SVG and its Usage in WordPress Websites

35 Comments 6 Mins Read

Retina displays have become the latest talk of the town. With more and more attention being paid to the concept of using retina displays, a majority of entrepreneurs have switched to usage of SVGs(Scalable Vector Graphics) in their corporate websites. We all know that mere failure to adjust the website images in accordance to the high resolution screens is something that can’t be avoided. It is quite essential to ensure that the SVGs are being utilized in a way that the images can be easily scaled up in a proper manner. So, if you’re running a WordPress powered website or are about to build one, do opt for adding SVGs which will make your website compatible with all retina-like screens. This is a post which highlights the significance of SVGs and their correct use in WordPress powered websites.

Read More
In CSS

Future Web Trends That Are Hard to Ignore

7 Comments 4 Mins Read

As the first quarter of 2015 is ending, we’ve come to see many predictions being made for the web design industry. Without wasting any time, let’s discuss about some of the major web trends that are expected to evolve and will be ruling the web industry in 2015:

1. Storytelling Will Become More Animated

You may have stumbled upon several websites that tell a story. Though storytelling isn’t new and has been around us for ages, but it’s only recently that it made its way into the design industry, by making use of animations and other interactive elements.

And this year, you can expect to see story designs becoming even better by the use of animation sequences that starts when a user scroll down the page. In essence, more and more websites telling stories will be using 3D graphics and HD quality videos, in a bid to increase the level of visual appeal and user’s interactivity.

Read More