Category Archives: hongkiat

hongkiat – best photography schools online

30 Cool Computer Keyboards You Can Buy 2018

Being one of the most essential elements of a computer, keyboards come in all shapes and sizes. Today, you don’t use keyboards for typing only, you play video games and even use a keyboard to navigate on your PC in case your mouse isn’t working.

But if you’re a fan of cool things and don’t want to use a mundane designed conventional keyboard, check out this list of absolutely cool keyboards. The keyboards in this list may look like concept designs but you

read more

Turn Conventional Web Forms Into Conversations with This Script

If you’ve ever wanted to humanize your web forms then you’ll adore the Conversational Form script created by SPACE10.

This script automatically converts all your input fields into Q&A type chat messages. The interface also changes into an SMS-type text field where the user types their answers and the chat script responds.

I’ll be the first to say this is not gonna be useful to everyone. It doesn’t offer the best user experience for every site but it’s

read more

Turn Conventional Web Forms Into Conversations with This Script

If you’ve ever wanted to humanize your web forms then you’ll adore the Conversational Form script created by SPACE10.

This script automatically converts all your input fields into Q&A type chat messages. The interface also changes into an SMS-type text field where the user types their answers and the chat script responds.

I’ll be the first to say this is not gonna be useful to everyone. It doesn’t offer the best user experience for every site but it’s

read more

Gutenberg: All You Need to Know About WordPress’ Latest Editor

Gutenberg Editor with sidebar on the right opened and a block option is displayedGutenberg Editor with sidebar on the right opened and a block option is displayed
It’s obvious that it’s inspired by the Medium editor UI.

Gutenberg is a new editor for WordPress that will totally replace the current TinyMCE-powered editor. It is an ambitious project that will arguably change WordPress in many ways and would affect both regular end-users and developers, specifically, those who depend on the editor screen for working on WordPress. Here is how it looks.

Gutenberg also introduces a new paradigm in WordPress called “Block”.

“Block” is the abstract term used to describe units of markup that are composed form the content or layout of a webpage. The idea combines concepts of what in WordPress today we achieve with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience.

Read Also: How to Customize WordPress Editor Styles

Setting Up the Project

Knowing the fact that Gutenberg is built on top of React, some developers are worried that the barrier is too high for entry-level developers for developing Gutenberg.

Setting up React.js could be quite time-consuming and confusing if you’ve just getting started with it. You’ll need at least, JSX transformer, Babel, depending on your code you might need some Babel plugins, and a Bundler like Webpack, Rollup, or Parcel.

Fortunately, some people within WordPress community stepped-up and are trying to make developing Gutenberg as easy as possible for everyone to follow. Today, we have a tool that will generate a Gutenberg boilerplate so we can start writing code right away instead of befuddling with the tools and the configurations.

Create Guten Block

The create-guten-block is an initiate project by Ahmad Awais. It’s a zero-configuration tool kit (#0CJS) that will allow you to develop Gutenberg block with some modern stacks preset including React, Webpack, ESNext, Babel, ESLint, and Sass. Follow the instruction to get started with Create Guten Block.

Using ES5 (ECMAScript 5)

Using all these tools to create a simple “hello-world” block might seem just too much. If you like to keep your stacks lean, you can actually develop a Gutenberg block using a plain good ol’ ECMAScript 5 that you might already have familiarity with. If you have WP-CLI 1.5.0 installed on your computer, you can simply run…

wp scaffold block <slug> [--title=<title>] [--dashicon=<dashicon>] [--category=<category>] [--theme] [--plugin=<plugin>] [--force]

…to generate the Gutenberg block boilerplate to your plugin or theme. This approach is more sensible, particularly, for existing plugins and themes that you’ve developed before the Gutenberg era.

Instead of creating a new plugin to accommodate the Gutenberg blocks, you might want to integrate the blocks to your plugins or the themes. And to make this tutorial easy to follow for everyone, we’ll be using ECMAScript 5 with WP-CLI.

Registering a New Block

Gutenberg is currently developed as a plugin and will be merged to WordPress 5.0 whenever the team feels it’s ready. So, for the time being, you will need to install it from the Plugins page in wp-admin. Once you have installed and activated it, run the following command in the Terminal or the Command Prompt if you’re on a Windows machine.

wp scaffold block series --title="HTML5 Series" --theme

This command will generate a Block to the currently active theme. Our Block will consists of the following files:

. ├── series │   ├─â”Â&#8364

read more

Learn Adobe XD For Free with This Web Guide

If you’re planning to learn Adobe’s newest UI/UX software then be aware that you’ll be in for quite a learning curve because Adobe XD is a really complex design tool. However, if you wanna fast track the learning process have a look at this guide published by XD Guru.

It’s the largest and most comprehensive guide to the Adobe XD software that you’ll find online. It teaches the interface, the tools, and even some basic workflows for designers, all free of charge!

Read

read more

10 Best Services to Create, Share and Listen to Music Online

Music is the soul of life. That’s why there’s so much music being created, shared, listened to and even available for free download. The music industry is producing a lot of high-quality stuff but quality platforms that host such music are only a few. And in this post, I’m listing the best of them.

Here’s a post featuring the best online services to share and listen music. These platforms host all kinds of music with advanced features to give you a complete

read more