2GIKA
Search
2GIKA2GIKA
2GIKA | *We are geeks* | Smart web solutions
slen
  • Home
  • Projects
  • Blog
  • Process
  • Contact
  • Home
  • Projects
  • Blog
  • Process
  • Contact
Tailwind CSS – Dream way of building UI and quick landing pages
  • 0 comments/
  • March 16, 2022

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

 

Read More
  • Under : blog

Blender 3D | Best way to start with 3D
  • 0 comments/
  • October 25, 2020

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:

0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0

 

Here is the 3s animation video mp4:

Read More
  • Under : blog

Basic text scraping from websites in Python
  • 0 comments/
  • May 31, 2016

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

Read More
  • Under : blog

Basic webpage preloader
  • 0 comments/
  • December 16, 2015

Page preloaders are useful if you have a big landing page or a lot of content and pictures, videos, so the visitors are “entertained” while the page is loading.

Simple Preloader demo

Read More

Read More
  • Under : blog

Countdown timer concept with AngularJS – Part5
  • 0 comments/
  • December 10, 2015

This is part 5 of a custom countdown timer with AngularJS. We added sound notice when time is up. This will be (for now) the final version of our Countdown timer. Read more if you want to participate in further development of Countdown timer.

Check the Demo Part 5 (final)

Read More

Read More
  • Under : blog

SVG basics and workflow
  • 0 comments/
  • December 3, 2015

This time we got a break from Countdown for a bit and explored the exciting world of SVG.Read More

Read More
  • Under : blog

Countdown timer concept with AngularJS – Part4
  • 0 comments/
  • November 25, 2015

This is part 4 of a custom countdown timer with AngularJS. We added notice when the timer is finished and did some visual changes.

Check the Demo Part 4

Read More

Read More
  • Under : blog

Countdown timer concept with AngularJS – Part3
  • 0 comments/
  • November 18, 2015

This is part 3 of a custom countdown timer with AngularJS. We added background color change options and adding your own logo before the timer.

Check the Demo Part 3

Read More

Read More
  • Under : blog

Countdown timer concept with AngularJS – Part2
  • 0 comments/
  • November 10, 2015

This is part 2 of a custom countdown timer with AngularJS. Now, it’s actually very much useful. Check it out.

Check the Demo

Read More

Read More
  • Under : blog

Countdown timer concept with AngularJS – Part1
  • 0 comments/
  • November 3, 2015

In this experiment, we proved how fast you can build a very simple, custom countdown timer with AngularJS.

Check the Demo

Read More

Read More
  • Under : blog

12
Search
All rights reserved © 2GIKA 2011 - 2021
  • Home
  • Projects
  • Blog
  • Process
  • Contact