Search
Tailwind CSS – Dream way of building UI and quick landing pages

This is a quick review and demo of the “utility style CSS framework” named “Tailwindcss” – https://tailwindui.com/

What is Tailwind CSS?

Tailwind CSS is a utility-first CSS framework that provides a set of best practices and opinionated defaults. It’s the perfect starting point for any project that needs to be built quickly, but still wants to look good. Tailwind has been designed with the goal of making it easier for you to build websites faster, without compromising on design or UX.

Why Tailwind?

If you know your CSS, you will love this because you can literally make a perfect form or/and landing page within hours. If you have good imagination, you don’t even have to touch Figma, just look at some examples are recreate it with actual CSS classes that are provided with Tailwind.

Best thing about this framework is, when the style CSS class is used in the HTML files, only then native CSS is generated and outputted into the main.css file, this is how you can keep your file sizes minimal and not include styles you don’t need.

For example, in Bootstrap or others (like Foundation, Materialize CSS …), you are including the whole CSS package, with every imaginable style, even though you are not using them, which is not ideal, if you are building smaller apps.

What is in this demo – I wanted to test this framework on an actual “mini project” with examples I am doing, as part of my “developer” diary. I am exploring different technologies and publishing smaller demos.

 

Check out the site:

https://concepts.2gika.si/

Concepts 2GIKA demo website

 

Blender 3D | Best way to start with 3D

It’s been a while since I done 3D stills and animations and 3D Blender seems to be perfect software to start, even if you have zero experience. I have to say that they simplified interface a lot in later versions and basics can be achieved within 15h.

Good way to start is with “basic starter donut tutorial” – the one that I did was this one – https://www.youtube.com/watch?v=NyJWoyVx_XI&list=PLjEaoINr3zgEq0u2MzVgAaHEBt–xLB6U

The tutorial has it all – modelling, textures, lights and animations. So, if you are feeling brave … :).

 

Here is the progression:

 

Here is the 3s animation video mp4:

Basic text scraping from websites in Python

In my experience, Python is a easier programming languages to start with, mostly because of syntax which is very readable and minimal. For python apps that means reduced cost of maintenance and easier additional updates.

I was most impressed with a large base of components that can extend your application. The core of the Python offers much, but similar to node.js, it can be “extended” to other functionalities that community wrote.

Python is one of the languages that Google uses for scraping

Read More