Skip to main content

keeteean webdesigner

Design It and Brought to Life

Have you ever had any interest in graphics design or wanted to know how you can create illustrations or what is under the hood of a website? If you have ever wondered what could be interesting in pixel works or browsing code lines, you are in good company.

  • #webdesign
  • #frontend

My Creative Tools

My favorite graphics tools. I use them to create different graphic assets, animations, and show them as a prototype in physical devices.

  • Affinity Designer

    My current favorite drawing program. It knows everything I need to create complex vector and pixel arts and graphics designs. Even more, it does all this intuitively, quickly, and providing a fluid experience that we may have had a long time ago. Plus, it has nearly 100% AI and PSD compatibility!

    A screenshot about the Affinity Designer.
  • Affinity Photo

    The perfect match for Affinity Designer, with photos and pixel-based images at the center. The smooth interaction between the two applications is so excellent that in most cases, it doesn’t matter which application we use! While Affinity Photo is more powerful working with raster images and photos, the Affinity Designer is more powerful in vector graphics.

    A screenshot about thew  Affinity Photo.
  • Pixelmator Pro

    Thanks to its unique yet intuitive interface, it is very easy to use. It takes up incredibly little space (compare to others), making every operation fast and smooth. Plus, it’s packed with automatic, Ai controlled smart tools. And it handles well even not very complex PSD files. I use it mostly for fast image editing.

    A screenshot about the Pixelmator Pro.
  • Sketch

    Sketch is a simple vector graphics application based on Atomic design. Nowadays Sketch has grown to be the number one mobile- and web design software in Mac environments. It also has vector symbol support, the ability to non-destructive shape combining, and simple prototyping support. It can be modified extremely well with 3rd party plugins. I mostly use it for design compilation, SVG editing, and asset generation.

    A screenshot about the Sketch.
  • Flinto

    My primarily mobile and web app prototyping application; but we can create other animations with it. However you can also create simpler items in Flinto, but more complex ones will require Sketch. It is a presentation tool only: we can share the final product as a video or try it out interactively on macOS and iOS.

    A screenshot about the Flinto.
  • Hype

    Animation and interactive application builder software that allows you to create an animation, prototype, interactive application, animated website, HTML5 video, or animated GIF without even writing code. It also supports responsive design, physical simulation, and JavaScript-based control.

    Screenshot about the Hype.
  • Motion

    Apple’s video effects and animation maker is not only a recommended addition to its excellent video cutting program: Final Cut, but it stays smooth on its own. In my opinion, this is the easiest-to-use keyframe-based effects and animations creator software on the market today.

    A screenshot about the Motion.

My Developer Tools

My favorite code wizard apps are essential tools in all my code-based projects. With their help, even the disgusting lines of code become more friendly for me.

  • Visual Studio Code

    Recently, the platform-independent little brother of Microsoft Visual Studio becomes my favorite code editor. Mostly fast, hassle-free, beautiful, and full of smart solutions from the ground up, which can be further expanded with additional accessories.

    A screenshot about the Visual Studio Code.
  • PhpStorm

    This is a Java-based monster for PHP / frontend development. It knows a lot (and we can extend it furthermore with 3rd party plugins). It can be used relatively well from a variety of programming languages and framework-specific things to automation and version control.

    A screenshot about the PhpStorm.
  • iTerm

    Nowadays, a web developer can no longer do without a command-line interface. I’m using iTerm instead of the built-in slightly simple Terminal app of macOS for this because of its customizability, flexibility, and convenience features.

    A screenshot about the  iTerm.
  • Tower

    Almost everyone uses Git to version control and collaborate on web projects. If I’m not using Git from a command line or as a built-in tool of an IDE, Tower is mostly my Git client, although there’s still room for improvement…

    A screenshot about the Tower.
  • Transmit

    I use macOS's most popular network file manager to move and manage files between remote machines. Thanks to its sleek appearance and elegant solutions, its use is intuitive, and for me, boring file operations are also much more enjoyable.

    A screenshot about the Transmit.