-
Reactive UI in 10 lines of code
posted in JavaScript on 2024-02-11 javascript react proxy -
Reactivity became de-factor a standard in the last couple of years. All the major frameworks have some reactivity model implemented. One of the biggest even has the name React. In this article, we'll see how to write a simple reactive UI with just a few lines of JavaScript.
read more
-
White-labeling React apps
posted in JavaScript on 2021-08-16 react whitelabel webpack -
A white label app is an app that we build once and "resell" it to other people/companies. Very often we are talking about applying different themes but sometimes we have to change logic too. Such changes should be as declarative as possible so they scale well. Otherwise is more of a copy/paste exercise. In this article I want to sketch out a couple of approaches for white labeling in React applications.
read more
-
Reinventing the routing in React apps
posted in JavaScript on 2021-01-18 router react navigo -
The router is the backbone of your application. Trust me, that's how it is and I can prove it. One of the fundamental ideas in Web is the URL (Uniform Resource Locator). Or the way of how we very often call it - "web address". No mather what you are building there is a web address which identifies your resource. The router is the front office that accepts the request to particular URL and wires it to a logic. Logic for generating HTML or JSON response or something else. So, the router is very important part of your system.
At the end of last year I rewrote one of my favorite projects - a vanilla JS router called Navigo. I was procrastinating this work for years. Finally I did it in TypeScript and wrote 100+ unit tests along the way. This refactoring opens the door for new features and more importantly, for integrating the library into other places. Like React for example.
read more
-
Replacing code for production with Babel transformation
posted in JavaScript on 2020-11-29 babel transform plugin production replacement -
If you are building some sort of an app, Babel is probably part of your build system. It is that thing which converts our fancy code to valid, working in a browser, JavaScript. Just recently at work I had to design a solution that swaps a class based on the environment. Or in another words, we have logic that should not reach our users. The file should be available locally and on our staging environment but not in production. A tiny Babel plugin was the cheapest solution for me so I decided to share the result.
read more
-
Transfer MP3 file from Mac OS Catalina to iPhone iOS 14.0
posted in Other on 2020-09-18 mp3 catalina iphone ios14 mac transfer -
I did transfer MP3 files from my mac to my iPhone three times and every time I'm forgetting how it actually works. So I decided to document the process into a blog post.
read more
-
ReactNative: using SVG as a button
posted in JavaScript on 2020-09-07 reactnative tips svg -
Just recently I started using ReactNative. I've been using React for years but this thing is a whole new world. There are tons of basic stuff which I don't know how to do. Using an SVG as a button is one of them. Find my solution below and expect more short #reactnative blog post soon.
read more
-
React: 50 shades of state
posted in JavaScript on 2020-07-21 react state management form components button viewmore compound state component theme onchange application state feature state data client text span const -
We all know that one of the most challenging task in software development is state management. This is especially true for the JavaScript world. There are thousands of articles on this topic and so I decided to write another one 😁. I wanted to share my current thoughts on the different state types. I found that answering "What lives where?" question is far more important than the actual state management. Which more or less is an implementation detail.
read more
-
Recreating Facebook's Recoil library
posted in JavaScript on 2020-07-12 recoil facebook state management mycoil facebook s recoil counter atoms atom component library formattedcountervalue selector key function javascript subscribers hook const return -
This weekend I decided to play with the new kid on the block - Facebook's Recoil library for managing state. I did the trivial counter example to see how it works. It's pretty simple idea so I wondered how much it takes to replicate its features. I found the exact answer - 70 lines of code. Obviously, my implementation didn't cover everything but it was fun so I decided to share my findings.
(A side note: I did not look at the code of Recoil. I didn't want to be bias on how to write my version.)
read more
-
Smart placeholders in your markdown
posted in JavaScript on 2020-05-06 markdown placeholders template annotation marked contentful https button part content stuff p p seemore const -
I ❤️ markdown. I like its simplicity and minimalistic API which is good enough to cover most of needed HTML markup. At least for textual content. At work we have a small node based microservice that delivers data from Contentful in exactly markdown format. It's all working well but we started having cases where part of the text is in Contentful and the other part is in that microservice. For example when we have a button with a catchy design. We want to content manage the label of the button but the actual markup to be on our side.
read more
-
How Open Source Changed My Life with Max Stoiber
posted in Inspiration on 2020-04-28 max stoiber styled-components react-boilerplate -
We spent a day with Open Source-“Wunderkind” Max Stoiber in Vienna. Despite his young age of only 23, Max has achieved incredible things: he's created react-boilerplate and styled-components, his start-up, Spectrum, was recently acquired by GitHub and he gives talks all over the world. Learn more about his journey - and how he dropped out of university (twice!) - in this mini-doc.
read more
-
Create your own Covid-19 data tracker
posted in JavaScript on 2020-03-30 covid-19 tracker virus api zeit covid https data github data tracker thevirustracker time johns hopkins university code back end endpoints react created recharts beginning tags tag link countries package sh https c19stats -
I'm continuing to experiment with React and TypeScript. The weekend-long project this time was a Covid-19 data tracker. In this blog post I will share how I built c19stats.now.sh. I exposed the data as a public API at the same URL. I guess you, as many other people, follow the situation so you may want to glue your fingers on the keyboard and create something useful around the data. I got lots of fun playing with the diagrams.
read more
-
Pairify - how to match balanced string pairs
posted in JavaScript on 2020-03-11 pairify balanced matches javascript pairs decided type stack line starter token code const position function category https -
I'm now actively working on a VSCode extension. I started it as a theme but then decided to add some more features. Like for example a tin line on the left side of the editor marking the current function scope. In order to do that I had to analyze the current file's code and find the lines that are included in that scope. The obvious approach will be to translate the code to AST and then traverse the tree finding the information that I need. This however will require the usage of a language server which now I don't want to deal with. So I decided to explore a brute force approach. Looping over the string characters and finding balanced matches. I quickly wrapped it into a library. I called it Pairify. It consumes text and returns an array of pairs. This blog post will show you how it works.
read more
-
From 0 to 100 GitHub stars in a week
posted in JavaScript on 2020-02-27 github stars project branding promote octomments krasimir write idea https github blog align center don t easy section add https post link javascript reddit facebook make time -
2020 for me started with the release of several OS projects. Two of them reached 100 stars in a week and I was thinking that would be nice sharing my workflow. Not like it is working every time, absolutely not, but leads to some good results.
read more
-
Webpack/TypeScript/React starter kit as of 2020
posted in JavaScript on 2020-02-23 webpack typescript starter react eslint beginning krasimir beginning npm run watch components app tsx src components app beginning https github -
I just started using TypeScript. I did couple of React projects and noticed a pattern in the setup. I decided to export that to a starter kit 👉 beginning. It is based on Webpack with Babel and TypeScript loader.
read more
-
Hopa - zero config CLI that runs JavaScript and TypeScript
posted in JavaScript on 2020-01-12 hopa runner typescript javascript babel typescript io webpack https code don t krasimir hopa -
Yesterday was one of those days. I stumbled a task and wanted to find the right tool for it. That same task is on my way at least twice a week and I always refuse to optimize it. Because it was a weekend I decided to spend some time and research a proper tool for the job. Well, I find nothing that suites my need. I time-boxed a hour and said F.ck it!. I will code it myself. That's how Hopa was born - a zero config CLI that runs JavaScript and TypeScript. Transpiles, bundles, watches and executes code.
read more
-
Part 1: We need channels! A gentle introduction to communicating sequential processes.
posted in Riew on 2020-01-06 riew csp routine go javascript channels put javascript fibonacci index function return pattern fibonacci number -
CSP is a formal language for describing patterns of interaction in concurrent systems. It's used in Go, Crystal, Clojure's core.async and a couple of other places. The idea in its core is nothing so complicated but it offers some interesting capabilities. Surprisingly enough it is not really popular in JavaScript. Recently I'm exploring this pattern and here are my findings.
read more
-
Reactive view - the concept
posted in Riew on 2020-01-04 riew csp routine go javascript channels kitty ch const function view https react redux -
Something bugs me last couple of years. I'm using React for some time now and there is always this doubt if I'm placing the business logic on the right place. I'm trying to be pragmatic, to follow best practices and listen what the community is saying. However, I still feel that something is not ok. This blog post presents the idea of the reactive view. That is nothing new per se but I came up with this term because it fits well in my idea.
read more
-
Make your objects iterable
posted in JavaScript on 2019-11-01 javascript iterator skills console log javascript const lastname object react parts user method -
Just recently I became a fan of the iterable protocol. I knew about it for some time now but never actually integrated it on my own. I ended up using it to provide a nice API for one of my libraries and I thought that this approach worth sharing.
read more
-
Rethinking the Redux API
posted in JavaScript on 2019-09-10 redux const state login username password authenticated action function reducer -
I really like Redux. I Love its ideas. The reducers for example - small pure functions that apply changes without side effects are nice way to model the mutations in the state. Redux also teaches us to use the one-direction data flow which makes our apps more predictable and stable. These two things fits well for what we are doing on the front-end - building user interfaces.
Of course there is nothing perfect and Redux as every other library has its own problems. In this article I want to explore some ideas for new APIs that will help solving the problems that I encounter. I’ll be happy to see your comments below.
read more
-
React: rendering vs running your components
posted in JavaScript on 2019-07-03 react input component app form button components running rendering -
Recently I stumbled upon on an interesting bug which reminded me what is actually happening with my components when React is rendering them.
read more
-
NADCAST.21 с Радо Станков за React.NotAConf
posted in NADCAST on 2019-05-03 http react notaconf nadcast -
Една седмица преди React.NotAConf с Радо обсъдихме някой важни подробности около събитието. Ако се чудите за какво точно ще говорят лекторите или ако все още не сте решили какво да правите на 11 май изслушайте епизода. Ще се радвам да се видим в Interpred WTC.
read more
-
Jolly Roger - a 2KB micro-framework based on React hooks API
posted in JavaScript on 2019-04-20 time roger const state return function usestate yohoho action -
The hooks API is a wonderful idea. There are some slick patterns involved that push the React development to a more functional approach. I'm interested in trying that new API and decided to use it for my latest project. However, after a couple of days, it looked like I can't build my app only with hooks. I needed something else. And that's mainly because each hook works on a local component level. I can't really transfer state or exchange reducers between the components. That's why I created Jolly Roger. It has similar helpers but works on a global app level.
read more
-
forEach or not to forEach
posted in JavaScript on 2019-04-12 array foreach item component update react iteration position remove state -
I had an interesting bug in my React application. It happened that the problem was in the fact that I was using
forEach
instead offor
.The bug that I was encounter was
read more
-
React hooks: changing the mindset
posted in JavaScript on 2018-10-31 react function hooks count counter return useeffect state const usestate -
If you use React you probably know about the so called hooks. They were officially announced at this year's ReactConf by Sophie Alpert and Dan Abramov. Their presentation could be seen here. I, same as many others got intrigued by this new feature. A little bit confused by if I like them or not but kind of excited. This article pretty much sums up my thinkings around React hooks and aims to give a balanced opinion.
read more
-
A story about React, Redux and server-side rendering
posted in JavaScript on 2018-06-29 server app store react js data users content div redux -
Long long time ago in a kingdom far far away there was an app. The app was supported by the well known React and Redux families but there was a problem. It was damn slow. People started complaining and the app had to do something. It had to deliver its content quickly so it provides better user experience. Then the server-side rendering was born.
read more
-
React and separation of concerns
posted in JavaScript on 2018-05-27 loading users return error component react function data app css -
Years ago when Facebook announced their JSX syntax we had a wave of comments how this was against some of the well established good practices. The main point of most people was that it violates the separation of concerns. They said that React and its JSX are mixing HTML, CSS and JavaScript which were suppose to be separated.
In this article we will see how React and its ecosystem has quite good separation of concerns. We will prove that markup, styles and logic may live in the same JavaScript land and still be separated.
read more
-
NADCAST.15 live recorded at React.NotAConf
posted in NADCAST on 2018-05-09 https twitter react nadcast https www youtube http nadcast krasimirtsonev mp3 http nadcast live recorded -
Episode #15 of NADCAST was live recorded at ReactNotAConf conference in Sofia on 28th of April. After every presentation we've made a panel with the speaker and ask topic related questions. So, if you listen the whole episode you'll get a pretty good overview of what the conference was about.
read more
-
NADCAST.13 с Радо Станков
posted in NADCAST on 2018-04-11 react https http nadcast patterns conf summit https bulgariawebsummit web summit https bulgaria web summit notaconf http react react notaconf http -
Фаталният епизод 13 на NADCAST е с моя добре познат събеседник Радо Станков. Основна тема на нашия разговор беше новата версия на React и предстоящите React.NotAConf (http://react-not-a-conf.com/) и Bulgaria Web Summit (https://bulgariawebsummit.com/) конференции.
read more
-
My take on Redux architecture
posted in JavaScript on 2018-04-06 state action redux const visible store function return counter type -
Redux is a library that acts as a state container and helps managing your application data flow. It was introduced back in 2015 at ReactEurope conference (video) by Dan Abramov. It is similar to Flux architecture and has a lot in common with it. In this section we will create a small counter app using Redux alongside React.
read more
-
Getting from Redux to a state machine
posted in JavaScript on 2017-11-10 state error machine const user redux credentials login submit stent -
This article is about Stent - a Redux-liked library that creates and manages state machines. Stent implements some of the Redux’s core ideas and in fact looks a lot like it. At the end of this post we will see that both libraries have a lot in common. Stent is just using state machines under the hood and eliminates some of the boilerplate that comes with Redux’s workflow.
read more
-
You are managing state? Think twice.
posted in JavaScript on 2017-10-27 state input false state machine isinprogress request isloggedin submit states message -
Recently I started questioning the state management in React applications. I’ve made some really interesting conclusions and in this article I’ll show you that what we call a state management may not be exactly about managing state.
read more
-
NADCAST.09 с Радо Станков
posted in NADCAST on 2017-10-23 link react https facebook license nadcast graphql http state facebook event link -
Епизод 9 на NADCAST е с Радо Станков. Основно си поговорихме за React и нашумелите около библиотеката теми. Приятно слушане :)
read more
-
The powerful higher-order component pattern
posted in JavaScript on 2017-06-10 component function props react const job dependencies h1 return state -
There are lots of things which I like in React. Mostly the fact that it teaches interesting patterns. One of my favorites ones is higher-order component. In this article we’ll do a couple of experiments and will see how powerful this approach could be.
read more
-
Surviving the Web
posted in Must-see on 2017-03-03 smashfind links time cool places popular stuff twitter web read -
I'm a proud father of two and programmer for more then 15 years. My kids are small so I'm really into parenting right now. A bit of a problem for me is to stay up-to-date with the latest technologies in the Web. I really love my job but I just don't have enough time to look after all these frameworks, libraries or tools. I used to read Twitter, monitor RSS feeds and spend hours reading Reddit or Medium. However, no time for that anymore.
read more
-
8 Years of blogging
posted in Must-see on 2017-01-02 javascript top year years pseudo elements css visits blog convert html string practice node js -
The first article on this blog is published on 22th of August 2008. It’s about a website which I saw at FWA. Eight years later I’m still publishing stuff here and because it is the beginning of a new year I decided to give you some statistics.
read more
-
React and third-party libraries
posted in JavaScript on 2016-11-27 react tags tag render list jquery plugin extends react component props -
React is probably one of the best choices for building UI. Good design, support and community. However, there are cases where we want to use an external service or we want to integrate something completely different. We all know that React works heavily with the actual DOM and basically controls what’s rendered on the screen. That’s why integrating of third-party components could be tricky. In this article we will see how to mix React and jQuery’s UI plugin and do it safely.
read more
-
Full Stack Fest and CSS day Videos
posted in Must-see on 2016-09-23 full stack fest -
One of the ways to stay up-to-date with the latest technologies is to watch talks from popular conferences. Here are two of my favorite ones:
read more
-
Presentational and container React components
posted in JavaScript on 2016-08-01 time component clock components props react seconds container return -
When we start using React we very soon also start asking questions. Where I’m suppose to put my data, how to communicate changes or how to manage state? The answers of this questions are very often matter of context and sometimes just practice and experience with the library. However, there is a pattern which is used widely and helps organizing React based applications - splitting the components into presentational and containers.
read more
-
React.js in patterns
posted in JavaScript on 2016-07-20 component react title props header data app extends react component class -
Long time I was searching for a good front-end framework. Framework that will help me write scalable and easy to maintain UI. Even though React is just a library for rendering it comes with so many benefits that I can easily say “I found it”. And like every thing that I use a lot I started seeing some patterns. Techniques that are applied over and over again and I see in the code of other developers. It’s time that I start documenting, discussing and sharing these patterns.
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
-
Constructive destructuring
posted in JavaScript on 2016-02-24 var destructuring function object data enabled files options attachments -
Destructuring is one of my favorite ES6(ES2015) features. It just shortens my code and helps me be more explicit with my statements. Let’s see it in action.
read more
-
Start your own JavaScript library using webpack and ES6
posted in JavaScript on 2015-12-30 library js webpack babel true var file module exports eslint function build -
Two months ago I published a starter pack for React based on webpack. Today I found out that I need almost the same thing but without the React bit. This simplifies the setup but there are still some tricky parts. So, I made a brand new repository webpack-library-starter and placed all the stuff that we need for creating a JavaScript library.
read more
-
Using Mocha with ES6 spec files
posted in JavaScript on 2015-12-23 mocha babel es6 package json file es5 babel preset es2015 tests test results javascript mocha reading spec files written -
The new ES6 specification of JavaScript simply works better for me. It helps expressing my ideas in a shorter and cleaner way. So, I want to write ES6 everywhere. Even while I’m testing my applications.
read more
-
Dissection of Flux architecture or how to write your own
posted in JavaScript on 2015-12-18 store function action var return consumer change dispatcher view -
The Flux implementation discussed in this article is available here github.com/krasimir/fluxiny. Feel free to use it in a browser directly or as a npm dependency.
I’m obsessed by making my code simpler. I didn’t say smaller because having less code doesn’t mean that is simple and easy to work with. I believe that big part of the problems in the software industry come from the unnecessary complexity. Complexity which is a result of our own abstractions. You know, we (the programmers) like to abstract. We like placing things in black boxes and hope that these boxes work together.
read more
-
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.
-
A modern React starter pack based on webpack
posted in JavaScript on 2015-10-01 webpack karma js var config dev plugins loader file react -
Checkout React webpack starter in GitHub.
You know how crazy is the JavaScript world nowadays. There are new frameworks, libraries and tools coming every day. Frequently I’m exploring some of these goodies. I got a week long holiday. I promised to myself that I’ll not code, read or watch about code. Well, it’s stronger than me. React werbpack starter is the result of my no-programming week.
read more
-
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
-
Fun playing with npm, dependencies and postinstall script
posted in Nodejs on 2015-01-07 c module package json npm runme js node_modules b installed index dependencies -
I like npm and the fact that I can install tons of stuff. It’s great piece of software and helps me solve problems everyday. Yesterday I had to use a
read morepostinstall
script and hit a problem.
-
How I squeezed two hours and a half
posted in Must-see on 2014-11-21 issue london wasn t web frontend page past magazine back -
Usually I don't write such articles but this time I'll share my story. I was going to fly from London to Bulgaria. The flight is two hours and a half which is (by my opinion) enough to get bored. When I was traveling from Bulgaria to London I used my phone a lot. I read lots of stuff for reactive programming, played few games, ate some snacks. However, for the way back I wasn't prepared.
read more
-
Packt Publishing celebrates 10 years with a special $10 offer
posted in Must-see on 2014-07-01 packt publishing book offer years -
It has been 10 years since Packt Publishing embarked on its mission to deliver effective learning and information services to IT professionals. In that time, it has published over 2000 titles and helped projects become household names, awarding over $400,000 through its Open Source Project Royalty Scheme.
read more
-
Codefront.io retrospection
posted in Must-see on 2014-05-13 talk end conference nice interesting talked rest people track day things chance -
Okey, I normally don't write such articles. The things that I am writing about are technical stuff, concepts, experiments related to my job. However, this time will be a little bit different. I had a chance to speak at Codefront conference. And because it was so awesome I decided to share my experience.
read more
-
Cross-browser handling of Ajax requests
posted in JavaScript on 2014-02-23 ops xhr function data request var headers return callback ops method -
This blog post is part of series about AbsurdJS. I'll continue filling the library with small and self organized black boxes. In the last article we talked about creating a JavaScript router. This time we will go through the process of making Ajax requests.
read more
-
7 lines JavaScript library for calling asynchronous functions
posted in JavaScript on 2013-12-12 function var funcs callback scope queue function funcs var queue function array -
I was surprised by the good feedback for JavaScript template engine in just 20 lines and decided to blog for another small utility function which I'm using often. While we are talking about JavaScript in the browser, most of the operations are asynchronous. We are dealing with callbacks all the time and sometimes we end up with awesome callback hell.
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
-
SASS: interpolation in a name of variable
posted in CSS3 on 2013-08-29 bg background color interpolation header include set variable sass set styles dark include set styles arg header include bg arg header -
I just answered on that question at StackOverflow. That's actually asked a lot last few months.
read more
-
The power of inherit or how to animate pseudo elements
posted in CSS3 on 2013-08-27 box inherit pseudo background position 15px left div doesn t top move text -
Luckily, I have time to watch screencasts from various conferences. Last few weeks I'm watching videos from Fronteers2012. They are all great and it worths checking out. However, there is something which I found really interesting. It's about animating pseudo elements.
read more
-
Managing events in JavaScript
posted in JavaScript on 2013-08-23 model function var view controller eventbus callback function var scope event -
I just noticed that the most popular repository in my GitHub account is EventBus. There is already an article about it, but it's a little bit outdated. I needed to clarify few things, so here is a new one.
read more
-
Managing events in JavaScript
posted in Must-see on 2013-08-23 model function var view controller eventbus callback function var scope event -
I just noticed that the most popular repository in my GitHub account is EventBus. There is already an article about it, but it's a little bit outdated. I needed to clarify few things, so here is a new one.
read more
-
Send message from web page to chrome extension\'s background script
posted in JavaScript on 2013-08-22 script event web page document function message content script background script send -
I just answer on that question in StackOverflow. I think that this is a common quetion so it worths writing about it.
read more
-
SASS: differences between mixins, extends and placeholders
posted in CSS3 on 2013-08-05 awesome width height mixin body placeholders radius css sass extend awesome -
I used LESS a lot. These days I decided to try SASS and to be honest it's a better choice for CSS preprocessor. It just gives me more functionalities and better control on my code. There are few instruments for architecting your CSS logic - @mixin, @extend and placeholders. However there are differences between them and specific use cases.
read more
-
CSS Challenge #1: expand and center an image
posted in CSS3 on 2013-08-01 image background wrapper width div css center background size cover 200px overflow hidden height 200px overflow -
That's first of (I hope) many posts with such an idea. Problems solved with pure CSS. No JavaScript.
read more
-
VarnaConf 2013 Videos
posted in Must-see on 2013-07-23 videos varnaconf make year -
I'm living in Varna, Bulgaria. Last year we had a great conference called VarnaConf. This year the guys behind it decided to make it again and even better - a series of conferences around my country. I had the chance to make a talk.
read more
-
JavaScript: sequencing function calls
posted in JavaScript on 2013-07-09 function var callback run element chain function res type console log -
While I'm working on Auxilio I end up in a sitatuation where I have to call few javascript functions in a sequence. It's an interesting how this could be solved and I'll be happy if you share your opinion for such problem.
read more
-
Javascript string replace and regular expression
posted in JavaScript on 2013-06-15 word git replace string innerhtml text replace element innerhtml text changetext function word creator linus torvalds linux creator linus source project started -
The replace method in JavaScript is pretty much the same as in the other languages. Replace part/s of a string with something else. However, there are some tricky moments and I wanted to write this article, because I met this problem several times in the past. Actually, very often I use my blog as a documentation for myself and this is one of those cases. Probably I'll be in the same situation after week or so and I'll just check here for the proper solution.
read more
-
mod_rewrite, one simple rule and two stupidly lost hours
posted in PHP on 2013-06-05 public favicon png index php directory htaccess file server request mod_rewrite -
Ok, I should admit that mod_rewrite and regular expressions are not my strongest part. Today - as every other day I realize how little knowledge I have. Actually it's good to have such moments. I lost almost two hours fighting with a really really simple mod_rewrite rule in my .htaccess file.
read more
-
CSS: The background color and overlapping rows
posted in CSS3 on 2013-05-22 element background result h1 facilisis metus feugiat tempor tincidunt erat consectetur adipiscing elit amet consectetur adipiscing sit amet consectetur dolor sit amet -
The goal is to achieve a background of the text inside an inline element.
read more
-
A short review of ExpressionEngine framework
posted in PHP on 2013-05-20 short review expressionengine framework s capabilities tech pro account article made project start -
I'm going to start a new project with ExpressionEngine. So, I made a short review of the framework's capabilities. The article is available at my account in tech.pro.
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
-
AssetsPack - a friend of the front-end developer (pack your assets with NodeJS)
posted in Nodejs on 2013-03-16 css js file assetspack pack tests data type packing html module -
AssetsPack is a NodeJS module which helps in organization, compilation and minification of assets. It's meant to be used in local environment during the development process. It was made generally for HTML/CSS/JavaScript based applications.
read more
-
Competition for developers and game enthusiasts with cash prizes
posted in Other on 2013-02-13 game activation engine developers competition prize game extension february mission playing gaming -
AE Ventures (part of Alkuvoima East Group) is developing a game engine called Activation Engine for real life gaming, where gaming missions become part of everyday activities. These games can be created by anyone and are geared towards learning and casual entertainment.
read more
-
Cleaning up <pre> tag content
posted in PHP on 2013-02-02 code newstr pre parts2 code str_replace br parts str code code str_replace br code code -
I'm blogging for different technologies, but very often I need to add some code in my articles. This little PHP function helps me to keep the text in my
tags clean for prettify. It simply removes the
's and keeps the html tags. read more
-
VarnaConf 2012 - a great event for developers
posted in Inspiration on 2012-08-07 hrabar free university chernorizets hrabar free visit chernorizets hrabar http varnaconf event lecturers great speakers interesting conference varna bulgaria saturday -
If you are in Varna, Bulgaria this Saturday please visit "Chernorizets Hrabar" Free University of Varna. Really interesting conference, with great speakers. More about the event, lecturers and everything else here http://varnaconf.com/.
read more
-
PHP: the right way
posted in PHP on 2012-07-09 php bad http www phptherightway web http www accepted coding standards practices accepted coding read quick reference propagating bad practices astray propagating bad users astray propagating -
There’s a lot of bad information on the Web (I’m looking at you, W3Schools) that leads new PHP users astray, propagating bad practices and bad code. This must stop. PHP: The Right Way is an easy-to-read, quick reference for PHP best practices, accepted coding standards, and links to authoritative tutorials around the Web.http://www.phptherightway.com/
read more
-
A behind-the-scenes look at Facebook release engineering
posted in Architecture on 2012-04-07 facebook release engineering scenes release engineering ars s release management facebook s release business news http arstechnica interesting article exclusive -
Did you ever wonder how Facebook's release management looks like. Here is an interesting article about that http://arstechnica.com/business/news/2012/04/exclusive-a-behind-the-scenes-look-at-facebook-release-engineering.ars/1
read more
-
The Dependency Inversion Principle
posted in Architecture on 2012-01-24 depend abstractions dependency inversion principle abstractions b abstractions low level modules high level modules higher level components inversion principle relates abstractions read details details -
The Dependency Inversion Principle relates to the stability and reusability of higher-level components within an application. The principle states:_A. High-level modules should not depend on low-level modules. Both should depend on abstractions.B. Abstractions should not depend upon details. Details should depend upon abstractions._Read more here.
read more
-
Testing Facebook application
posted in JavaScript on 2011-11-29 facebook function php testing var fb config id sdk check -
I had a lot of work these days and didn't have time to blog here, but I think that the tips in this article are very useful. The number of Facebook applications is increasing every day. We all know that the testing (debugging) of our code is really important. That's why I decided to share my experience in this area.
read more
-
Adobe\'s strategic transformation and the Flash Platform
posted in ActionScript on 2011-11-20 adobe adobe community read full article social connections touch interfaces fundamental transformation change innovation time devices -
Adobe is in the midst of a fundamental transformation. We are transforming from software in boxes to solutions in the cloud, and to a world of touch interfaces on devices, and social connections everywhere. This is a time of both innovation and change for Adobe and for the Adobe community ...Read the full article here.
read more
-
Colorize your output in FlashDevelop
posted in ActionScript on 2011-10-08 trace flashdevelop -
Did you ever wonder how to change the color of your traces in FlashDevelop. It's possible and it is really helpful feature.
read more
-
AS3: Tracing in Flash/Flex
posted in ActionScript on 2011-08-16 import flash public str function debug movieclip void trace swf class -
Inspired by the article of Dru Kepple I decided to share my experience in Debugging processes in flash/flex enviroment.
read more
-
AS3: Creating Facebook Application
posted in ActionScript on 2011-07-08 facebook function response http application log friends id api -
Facebook became one of the most popular social platforms these days. I just finished a flash based game that uses their API and decided to share my experience.
read more
-
AS3: Dealing with multi-language data in your application
posted in ActionScript on 2011-06-16 language storage key class text key string static storage addvalue http www site trace storage getvalue -
I'm a big fen of the MVC pattern. I like the idea to store my data in one place and be able to get it fast. In most of my projects I used a class called Storage for similar purpose. It supports a multi-language data saving, so I decided to share it with you.
read more
-
A few things you don\'t know about JavaScript
posted in JavaScript on 2011-05-18 javascript expert javascript programmers mistakes subtle bugs common mistakes subtle avoid common mistakes javascript programming language javascript garden check called javascript garden javascript called javascript bad practices -
A couple of days ago, I found very useful page about JavaScript called "JavaScript Garden". Check out here.JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes, subtle bugs, as well as performance issues and bad practices that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language.
read more
-
Convert Adobe Flash FLA files into HTML and reach more devices
posted in ActionScript on 2011-03-13 html supported wallaby reach -
"Wallaby" is the codename for an experimental technology that converts the artwork and animation contained in Adobe® Flash® Professional (FLA) files into HTML. This allows you to reuse and extend the reach of your content to devices that do not support the Flash runtimes.
read more
-
Javascript: handling with crossdomain requests
posted in JavaScript on 2011-01-19 bbb server aaa code data getdata php access bbb -
Ajax is a powerful tool for loading new content or data asynchronously. The well known problem is that we can't make requests to other hosts. In other words if your code is located at aaa.com you can't load bbb.com/getData.php. There are several solutions available.
read more
-
PHP: Simple javascript obfuscator (merging files)
posted in PHP on 2010-12-30 jsstr jsstr jsstr str_replace jsstr str_replace jsstr str_replace jsstr jsstr js files fh file comment js core plugins -
Currently I'm working on a big JavaScript project. It has a lot of files that have to be compressed. I wrote a simple php class that merges all the files into one. It has also a useful simple obfuscator method.
read more
-
Javascript: autocomplete country script
posted in JavaScript on 2010-12-06 field function helper ac countries var loop div script javascript -
We are all filling registration forms. It's really nice when the page helps us to do that faster. The script, that I'm going to show you, is designed to be used for a country field.
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
-
PHP: find links in a string and replace them with actual html link tags
posted in PHP on 2010-11-24 urlstoreplace str numofurlstoreplace urls alreadyadded numofurlstoreplace count urlstoreplace html link tags -
Currently I'm working on an application that gets data from Twitter. The tweet's string contains links that have to be transformed into html link tags. Here is a simple PHP function that helped me.
read more
-
Great review for krasimirtsonev.com
posted in Other on 2010-09-27 site navigation simple link clean column tim martinez background work -
Special thanks to Tim Martinez for his review in HumberInteractive.com.Tim Martinez:"The site I chose is the portfolio site of Web Designer and Developer, Krasimir Tsonev.When you hit the site, right off the bat you’re presented with a simple pre-loader and then up comes the navigation. I like the navigation because it starts off centred and one column. I like that the focus is on the navigation and it’s just so clean. The menu has a large font and is easy to read, plus you get a cool rollover. Now when you click on something in the navigation, it gives you what you want right away. When you click on “Work”, then the navigation shifts over and you get a two-column thing going on. The second column then has the submenu items under Work and you get sweet rollovers again. The site’s functionality is very simple. The site’s layout is just so simple. I like it.
read more
-
Apple App Store Opens its Doors to Adobe Flash
posted in Other on 2010-09-14 flash devices twitter lit ios devices twitter party development tools 3rd party development apple announce removal active tutsplus full article speculation began blogosphere jumped -
_"Yesterday saw Apple announce removal of the infamous restrictions on 3rd party development tools for iOS devices. Twitter lit up, the blogosphere jumped into gear and speculation began in earnest. So what’s this all about and what does it mean for Flash?"_The full article on active.tutsplus.com here.
read more
-
Trace JSON object in AS3
posted in ActionScript on 2010-07-17 str description gettypeof o spaces var object information users -
I'm absolutely sure that all of you are working with JSON objects. It's pretty helpful to be able to print them and find out what exactly they contain. I wrote a simple function that makes this possible.
read more
-
Remove tags from a string in AS3
posted in ActionScript on 2010-06-30 text tags var string text replace removehtml text text replace gi text text str regexp gi text -
A couple of months ago I integrated a nice WYSIWYG editor written in Flex in my CMS. It worked fine, till yesterday I needed to add more features like text formatting and font color changing. As you know the Flex RichTextEditor component adds some additional tags that I definitely don't want to send to the database. So I wrote a simple function to remove these tags.
read more
-
How to exclude directory from .htaccess file
posted in PHP on 2010-06-17 htaccess file -
Did you ever wonder how to exclude a directory from a .htaccess file. Here is the solution, it works perfect for me.
read more
-
Embed fonts in all the text fields of your flash document
posted in ActionScript on 2010-02-26 jsfl script flash embed main flash_cs3_extending pdf http livedocs adobe simply ctrl r commangs run command flash commangs run jsfl embedcharactersintextfield jsfl -
Very helpful solution that will save you maybe several hours. I used JSFL language and very short script to parse all the items in the library. Then for every item just embed the characters that I wanted. Get the script from here http://www.outset.ws/files/jsfl/embedCharactersInTextField.jsfl. In flash: Commangs -> Run command (or simply Ctrl+R) and point the script file.You can download the jsfl documentation from here http://livedocs.adobe.com/flash/9.0/main/flash_cs3_extending.pdf.
read more
-
Flex: tabbing bug
posted in ActionScript on 2009-09-29 swf jeff depascale attach swf jeff deactivate attach swf focusmanager deactivate attach tabenabled focusmanager deactivate tabchildren tabenabled focusmanager tabindex tabchildren tabenabled set tabindex tabchildren flex set tabindex embed flex set tab ordering swf swf embed flex - read more
-
Resn - Interactive Agency
posted in Inspiration on 2008-11-28 resn interactive agency agency resn interactive interactive agency resn - read more
-
FILMEFEX Studio
posted in Inspiration on 2008-09-15 filmefex studio picture industry check motion picture industry special effects facility create effects design -
Filmefex Studio is a special effects facility, where they design and create effects for the motion picture industry. Check out here
read more