-
Meet Evala - your terminal in the browser
posted in JavaScript on 2018-02-14 shell evala socket terminal app open browser term data web chrome -
On my machine I have four applications always open - VSCode, Chrome, iTerm and Slack. I spend most of my time in Chrome and VSCode. My editor is full with awesome extensions and I feel pretty good there. What I am doing for the browser is making sure that I have fewer tabs open and install only extensions that I really use. One thing though I can achieve so far. I can't find the perfect new tab extension.
read more
-
The bare minimum to work with React
posted in JavaScript on 2016-06-13 react app function file babelrc return babelify browserify render superclass -
The setup here is available at GitHub here.
Half an year ago I published A modern React starter pack based on webpack. The starter provides the basic tooling around React. However, I noticed that very often I need even less stuff than that. That’s usually when I want to hack something quickly. In this blog post we’ll see what’s the bare minimum to work with React.
read more
-
Thoughts on semantic versioning, npm and JavaScript ecosystem as a whole
posted in JavaScript on 2016-05-11 browserify npm dependencies version package release don t versions features -
If you are front-end developer dealing with single page applications you probably know that JavaScript ecosystem is not perfect at all. A few things may go wrong and break your build. In this article I’ll go through those features. Features which are, by my humble opinion, problematic.
read more
-
Apache .htaccess for HTML5 push state manipulations
posted in Architecture on 2015-12-20 dev krasimir navigo home dev krasimir http home dev index html html http home index html http browser routing -
This is a quick post so I document my two hours research. I'm working on a open source library for routing in the browser. Or in other words JavaScript library that uses the history API. The thing is that locally I'm using Apache as a dev server and I wanted all the request to specific folder to be redirected to
read moreindex.html
.
-
Distributing React components
posted in JavaScript on 2015-11-23 js react component file build react place src jsx browserify babel js map -
While I was open sourcing react-place I noticed that there is some complexity around preparing the component for releasing. I decided to document the process here so I have a solid resource next time. You may be surprised but writing the working
read morejsx
file doesn’t mean that the component is ready for publishing and is usable for other developers.
-
Using Local Storage as a communication channel
posted in JavaScript on 2015-05-05 namespace data localstorage function var storage loop browser buffer namespace -
So it's been a few months since I published something here. It’s not because I’m lazy (that’s true though) but because I was working on my second book. Now the book is almost finished and I’ll start actively blogging again. In this article we’ll see how to use the local storage of the browser as a communication channel.
read more
-
Feeding the beast at 60fps
posted in JavaScript on 2014-07-23 li data browser function var processed code list time -
The browsers nowadays are smart. They optimize everything and help us to produce better applications. They process our code as fast as possible and even on mobile devices deliver a pleasant experience. However, at the same time, it is possible to write buggy code and make the browser freezing. We are not talking about slowing down the rendering. We are talking about no rendering at all. There are cases where we want so much from the browser that it just can’t handle it.
read more
-
Developing Node.js applications with Google Chrome
posted in Nodejs on 2014-06-09 node js yez page git terminal browser chrome console url http var -
Google Chrome is my favorite browser. I'm spending a big part of my working hours there, so it makes sense to use it for everything. Last week I posted "Sorry, Chrome killed the terminal". The article was about Yez!, an extension that brings terminal-liked functionalities to the browser. Today, I'll show you how I use Chrome in my Node.js development workflow.
read more
-
Sorry, Chrome killed the terminal
posted in Nodejs on 2014-06-04 yez extension browser terminal node js chrome shell commands running task -
That's right. I'm not using the terminal anymore. Instead of that I'm using Chrome. Yes, the Google's browser. There is an extension called Yez! that connects to a Node.js module via web socket. It executes the shell commands and returns the result. And even works under Windows.
read more
-
Testing responsiveness
posted in HTML5 on 2014-05-14 width content viewport device browser panel nav href chrome -
We all know what responsive means nowadays. We, as developers, normally develop responsive applications. There is a dozen of instruments helping us achieving our goals. Some of us use extensions and even pay for them. However, I'm using one thing - Google Chrome browser. In this article, we will see what the Chrome's capabilities for testing responsiveness are.
read more
-
Auxilio Chrome extension or how I boost my productivity
posted in Must-see on 2013-09-04 auxilio function command callback browser current extension page github -
I'll be honest and I'll say that I'm a bit lazy sometimes. I'm one of those developers which don't like to repeat same actions again and again. There are dozen of things which I have to do while working on a project. Very often I'm covering the development of several applications and have to switch between them. It's really annoying process. I hate to have many opened tabs in my browser, many consoles or several code editors. I always try to improve my productivity by automating tasks. I think that even switching between opened applications takes too much time.
read more
-
CSS: Understanding first-child, last-child and nth-child
posted in CSS3 on 2013-08-16 child element nth child scope row4 markup type color styles -
I like the CSS only solutions. Very often I need to select a specific DOM element. Sure I could add a new class, but it is always nice if I can do that inside my stylesheets. It just looks better and keeps my HTML markup clean. first-child, last-child and nth-child are made exactly for this purpose.
read more
-
How to Design Responsively
posted in Design on 2013-06-25 design web mobile content good browser responsive design css -
In this article I want to share my thoughts regarding responsive design. I made several talks on this subject and this post is some kind of summary. The article presents concepts like mobile first and design in the browser.
read more
-
The Flash Builder debugger failed to connect to the running application.
posted in ActionScript on 2013-06-07 browser debug application flash player run device project time bin debug folder flash builder debugger -
I really don't like FlashBuilder. Mainly because I'm losing a lot of time just to setup the project. Usually when I receive the files I need around 10 hours just to compile successfully. The reasons for those problems are different Flex SDK, different directories' tree, wrong paths, missing libraries or fonts. Today I encounter a brand new type of problem.
read more
-
Web Highlights #2
posted in HTML5 on 2013-04-10 media queries css regions chrome web app ui adaptive web app asset downloading results query asset downloading media query asset understanding typographic hierarchy browser -
Some of the cool and helpful things which I found in the net.
read more
-
Make the web faster
posted in HTML5 on 2013-03-31 faster browser applications underlying problem tune slow javascript code js profiler chrome tracing ll talk structural profiler pages chrome devtools built build -
Slow JavaScript code on your pages? Chrome provides both a sampling, and a structural profiler to help you track down, isolate, and fix the underlying problem. Tune in to learn how to use both profilers, and how to improve your own workflow to build better, faster browser applications! We'll talk about chrome://tracing, the built-in JS profiler in DevTools, and much more.
read more
-
Edge Conference 2013
posted in HTML5 on 2013-02-25 edge conference panel web testing browser support complex devices -
Edge Conference is a different kind of conference, for developers with experience to share, who want to see and bring improvements to the web platform. Their emphasis is on creating a good environment for productive debate and discussion, rather than presenting the experiences of a single speaker. The videos from the conference are now available and you should definitely check them out.
read more
-
Testing with headless browser (Zombie.js + Jasmine)
posted in Nodejs on 2012-10-14 browser function login site expect browser test testing input zombie css selectors -
I was planning to post this article a few weeks ago, but today I finally finished the examples and I can't wait to share it. We all know that the testing is a big part of our daily tasks and we should use every existing tool to make our lives easier. I really like test driven development and once I found the concept of the headless browsing I started to think that we can automate every single aspect of the testing. In this post I'll show you how to use Nodejs to test a simple php site.
read more
-
Why we should think about our CSS
posted in Architecture on 2012-06-05 css browsers block rendering tv device ratio print tv device g print tv e g print browsers download css page browsers download white page browsers experience white page -
_The evil that CSS do:- Browsers block rendering until all CSS arrives. With the worst possible experience: white page.- Browsers download CSS they don't need, e.g. print, tv, device-ratio... And most browsers block rendering because of these too- Sometimes CSS blocks the other downloads too (not just block rendering, but block images and scripts that follow) - when followed by an inline SCRIPT or when it's a CSS in conditional comment for IE_Read the full artcile by Stoyan Stefanov here.
read more
-
Filtering data with jQuery
posted in JavaScript on 2011-10-11 var rows function var vowels consonants filtering filterinput data input filter user -
We are working with data every day and there is a part of our applications, which is responsible for presenting the information to the user. Sometimes we need to show a lot of records and then we are using pagination or additional server requests to filter the data. A little JavaScript code could change the things a lot - fast data filtering and better user experience.
read more
-
AS3: DataGrid with custom ItemRenderers
posted in ActionScript on 2011-08-11 date data rating datafield var row import mx column private function void datagridcolumn -
One of the big advantages of Flex framework is that you can use a lot of ready components. The DataGrid is really helpful. Especially when you want to list big amount of data and provide ability to edit the information directly in the grid. These days I finished a test task which uses DataGrid and decided to share my experience.
read more
-
PHP: export data to XLS file
posted in PHP on 2010-12-01 xlswritelabel echo pack 0x0 function content type application header content type download header content row col 0x0 echo pack ssssss -
Sometimes it is necessary to present your data in format which is popular and easy to work with. In most cases the CSV format will fit perfectly you and your clients, but sometimes you have to export the information in XLS file. These several functions will help you to do that.
read more