-
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
-
Why and how I built my own alternative of the GitHub's UI
posted in JavaScript on 2019-04-25 igit code github context time api code review roger app -
I'm using Git and GitHub in particular a lot. And when I say a lot I really mean all the time. Recently I tracked a week of work and found that 62% of my working time goes into code reviews. Sometimes I'm checking out a branch locally and trying stuff but really most of my time goes into github.com. I spent some time analyzing why the code review process is so time consuming for me. I identified couple of reasons, made a tool and changed some of my habits. In this article I'll show you how I improved my code review speed and lower the time to 38%.
read more
-
Debugging with Node
posted in Nodejs on 2016-03-22 debugger step node text function program line run counter command -
Node has a wonderful debugger. As a front-end developer I’m mainly using Chrome’s tools but sometimes I run things in Node environment and this native feature comes handy. In this article we’ll see how to debug in the terminal using Node’s debugger.
read more
-
Unexpected usage of Array.length
posted in JavaScript on 2016-01-14 arr length array b c d string undefined elements c d arr var arr words text -
I like reading code of other developers. It’s a nice way to learn patterns, techniques and small tricks. Recently I found something about
read moreArray.prototype.length
which caught my attention.
-
Enforce standards while submitting a pull request
posted in JavaScript on 2015-11-29 template textarea javascript bookmarklet n n template var code pull request -
GitHub’s pull requests are an important part of my/our development process. That’s why I was thinking about creating a template that will enforce the standards.
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
-
SASS: @content directive is a wonderful thing
posted in CSS3 on 2013-08-06 button font size 20px color mixin content border font size 30px 20px text decoration size 20px text block font size display block font -
I just started using SASS and I love it. A bunch of cool features, which will help me to improve my CSS coding. @content directive is one of them.
read more
-
CSS Challenge #2: Layouting
posted in CSS3 on 2013-08-03 layout width text sizing border box box sizing border padding image float left layout c layout b -
The first challenge, was something which I was thinking about a lot these days. The next one is actually a well known common task, but it is still difficult. In every project we have different types of layouts. Of course there are some patterns. The idea today is to implement them with pure CSS.
read more
-
CSS: :before and :after pseudo elements in practice
posted in CSS3 on 2013-07-26 content css block text font element width code links height -
By definition :before and :after are CSS pseudo elements. You can use them to insert something before or after the content of an element. There are some great articles giving the basics, but I wanted to write down a blog post for the real use cases. Or, at least, to show what I'm using them for.
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
-
What is JavaScript prototype by Angus Croll
posted in JavaScript on 2012-06-30 javascript prototype understanding javascript prototypes http javascriptweblog wordpress language http javascriptweblog javascript language http context explanations -
Maybe one of the best explanations of the prototype in the context of JavaScript language.http://javascriptweblog.wordpress.com/2010/06/07/understanding-javascript-prototypes/
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
-
AS3: dynamic text field to curve (TextField on an arcing path)
posted in ActionScript on 2011-05-04 text var curvedtext textformat number radius tf direction endangle startangle -
[2]Most of the articles here are tightly connected to my daily work. As you probably know from one of my latest posts (runtime font loading/embedding) I worked a lot with texts these days. There was a request for producing curved text from a dynamic field. Of course it wasn't so easy to create such a feature. I wrote a simple class that did the job and I decided to share it.
read more
-
FlashDevelop scripting: open file by text selection
posted in ActionScript on 2011-03-20 file script projectpath system path text private static string plugincore -
FlashDevelop is one of the most preferred editors for the flash development. I've been also using it last few years. I found it helpful for writing JavaScript, HTML, CSS and PHP code as well. I just took a big project with over 1000 php files and it is a little bit difficult to open the right file, even by using the Project panel. That's why I decided to invest time in solving this task and found that I can write my own C# script and run it.
read more
-
Creating simple WYSIWYG editor with AS3 (Flex)
posted in ActionScript on 2011-02-11 text str function font html string editor mx var code -
There are dozen of JavaScript WYSIWYG editors available, but most of them are too complicated and a little bit buggy. From time to time I'm using my own tool to provide such kind of functionality. It accepts and exports valid html. I decided to share it with you and explain how I built it.
read more
-
checkPolicyFile flag was not set
posted in ActionScript on 2010-10-26 loader var context loadercontext crossdomain xml file checkpolicyfile flag set -
Sometimes the uploading of crossdomain.xml file is not enough to get the things working.
read more
-
Javascript to Flash communication and vise versa
posted in ActionScript on 2010-08-05 area html text flash javascript -
The communication between Flash and JavaScript is really important part of the web sites today. That's why I decided to share how to do it.
read more
-
Load MySQL data in Flash with AS3
posted in ActionScript on 2010-07-10 text data city import flash ondatafiledtoload php file onloaddata string url -
There are some things that I'm doing in almost every project. Loading of data in Flash is actually one of them. In this article I'll show you how to load information from MySQL database. We will use PHP as a junction between the Flash and the database. You need an Apache server like XAMPP or EasyPHP installed or just a hosting account that supports php.
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
-
Customize ComboBox in Flash (AS3)
posted in ActionScript on 2010-06-17 combo tf data import flash dp additem label customcellrenderer function combo textfield setstyle oncombochange cellrenderer movieclip -
In my work as a flash developer very often I receive from the client just one photoshop file with the design of the application/site that has to be coded. In the last project the designer made the ComboBox in the style of the site. So I couldn't use the default look of the Flash's drop down component.
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
-
Flash CS3 crashes when closing the testing window !
posted in ActionScript on 2008-11-14 textfield crashes testing window flash scrolling text field creating scrolling text mask directly m working bkwld problem applied -
I'm working with a class for creating scrolling text field. So I'm using a MovieClip as mask and TextField. When I test the movie and close the testing window Flash just crashes. It's because I have applied the mask directly to the TextField :) The problem is described here. Thank you BKWLD !
read more