Home > Tools & Tips

Browsed by
Category: Tools & Tips

Tags

Advanced Gutenberg Blocks (1) Angular (9) bookmarklet (2) breadcrumb (1) Butler (1) chart (1) checklist (1) Chrome (2) Chrome plugin (2) Codepen (1) CSS (3) database (1) Excel (1) Firebase (1) git (6) GitHub Gist (1) Glitch (1) Google Analytics (2) Google Drive (1) Google Tag Manager (1) Graphviz (1) Gutenberg (1) headers (1) Jasmine (2) JavaScript (12) JSFiddle (1) LibreOffice (1) Linux (1) maze (3) parse (1) plugin (3) power-up (2) Prismatic (1) productivity (6) Python (3) Responsive Web Design (1) StackBlitz (2) table (1) testing (2) theme (2) Trello (2) ViolentMonkey (3) widget (3) Windows (1) WordPress (12)

Posts

WordPress – responsive tables with headers in Gutenberg editor

WordPress – responsive tables with headers in Gutenberg editor

Category: Tools & Tips Łukasz Nojek

I like the new visual editor Gutenberg in WordPress, but some of its limitations are really annoying. One of the biggest – inability to set a header in a table. The other problem is that the generated tables are not responsive, i.e. in a phone they will either be extremely squeezed or scrolled horizontally, neither being usable. A common solution is to convert the table into a list. I’ll present several plugins and workarounds for tables.

…

Read More Read More

Services to host source code and embed running applications – Gist, Codepen, JSFiddle, Glitch, StackBlitz

Services to host source code and embed running applications – Gist, Codepen, JSFiddle, Glitch, StackBlitz

Category: Tools & Tips Łukasz Nojek

If you want to show source code in a page or blog, create examples of running HTML/CSS/JavaScript code, or sample React/Angular/Node.js applications – you can use external services that allow hosting, versioning, embedding and even running applications.

I have checked several of them and each solution has both advantages and drawbacks. I don’t think it is possible to select a single service and use it for all cases, because they were created to fulfill different needs and different complexity.

In this article I present Github Gist, Codepen, JSFiddle, Glitch and StackBlitz, giving examples of what they could be used for.

…

Read More Read More

WordPress for developers – displaying source code and review of code sharing services

WordPress for developers – displaying source code and review of code sharing services

Category: Tools & Tips Łukasz Nojek

Since my blog is about coding – I have to show the code! There is nothing except simple preformatted text available out of the box, so I had to resort to other solutions. One option is using external source code repositories and another is using a WordPress plugin to beautify code.

…

Read More Read More

Customizing WordPress – adding breadcrumb

Customizing WordPress – adding breadcrumb

Category: Tools & Tips Łukasz Nojek

Add a breadcrumb trail to a WordPress site? Sounds like it was a matter of switching one option. Not in WordPress!

What I realized, adding a breadcrumb required four actions:

  1. Install a breadcrumb plugin.
  2. Create a child theme if you use a stock theme.
  3. Edit theme file to display the breadcrumb in a correct position.
  4. Edit theme file to style the theme.
…

Read More Read More

WordPress for developers – my set of plugins

WordPress for developers – my set of plugins

Category: Tools & Tips Łukasz Nojek

I have chosen WordPress as a platform for blogging due to its popularity. I’m not sure if it is the best choice for a developers’ blog as searching for a theme, fine-tuning it, searching for plugins, configuring them, bothering with limitations of visual editor (Gutenberg) – these all tasks took a lot of time and frustration. And in future, backup (application, plugins, database) will be more troublesome and I will probably have to deal with performance issues.

…

Read More Read More