-
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
-
Configure Google domain email in Vercel with ImprovMX
posted in Architecture on 2021-01-27 vercel email google improvmx -
Back in February last year I blog on topic Email not working after DNS change. Well, I had kinda similar situation but not exactly. This time I bought a domain from Google and wanted to use an email with it. The setup wasn't obvious for me so I decided to document the process.
read more
-
Transpile to ES modules with Babel
posted in JavaScript on 2021-01-14 es babel javascript transpile typescript -
While I was working on Navigo an issue popped out. It was about using the library in the context of Web Dev Server where we have everything in TypeScript. And something was not ok with Navigo. The npm package wasn't exported properly and we were keep getting a
read moredoes not provide an export named 'default'
error. It turned out the problem is that Navigo is not exported properly as ES module (also known as ESM).
-
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
-
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
-
A journey into software development with Lea Verou
posted in Inspiration on 2020-06-05 lea verou journey software development -
Lea Verou, known in the community as the "Queen of CSS", shares her personal story about how she became a web developer. She discusses how her passion for computers began in her childhood and her dream of living outside Greece.
read more
-
NADCAST.24 с Радо Станков
posted in NADCAST on 2020-03-26 nadcast remote productivity work tips home working remotely separation https rstankov biz 24_radostankov mp3 cbox biz 24_radostankov host003 cbox biz ws host003 cbox outset ws host003 nadcast outset ws http nadcast outset mp3 http nadcast -
В тези смутни времена се чуваме online с Радо Станков за да си поговорим за remote working. Не че по принцип не се чуваме така, но сега е малко по-различно. В този 24-ти епизод споделяме нашия опит в работа от разстояние. Приятно слушане.
read more
-
My top 3 tips for working remotely
posted in Other on 2020-03-20 remote home work tips productivity working remotely separation working -
These days working from home is a norm. We all know why. This f.cking virus is all over the globe. I bet there are tons of articles on how to work remotely efficiently but I wanted to give my two cents.
read more
-
VSCode go to definition/implementation fixed
posted in JavaScript on 2020-01-17 vscode typescript intellisense problem implementation working common fixed definition -
I just spent ~2 hours on this and I had to blog about it. I bet I will come back to the same problem and it will be nice to have a quick solution at hand. And the problem that I'm talking about is the non working
read moreGo to definition
orGo to implementation
feature of VSCode. Or in other words the JavaScript IntelliSense was not working for me. Of course it was annoying because I had to navigate to files manually via the folder tree on the left or typing the name of the file in the Cmd+Shift+P popup.
-
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 3: Riew - reactive view in patterns
posted in Riew on 2020-01-06 riew csp routine go javascript channels console log yield krasimir riew https github function state const -
In this article we will see some use cases of Riew. Those are patterns which I found repeating while using the library. There are other blog posts part of the same series and I will suggest checking at least this one so you get a basic understanding before jumping into the code snippets below.
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
-
Part 2: Riew - reactive view basics
posted in Riew on 2020-01-06 riew csp routine go javascript channels channels channel const javascript function ch view console log -
Riew is a library based on communicating sequential processes (CSP). It is made to help with communication and synchronization between your view and business logic. It's distributed as a npm package, it has 0 dependencies and adds ~8KBs (gzip) to your application on production.
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
-
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
-
Meet the JavaScript pattern of the year or how to handle async like a boss
posted in JavaScript on 2017-11-24 generator player function result return position error const console log yield call player -
Sometimes when you learn something new you get really excited. Excited to that level so you want to teach it to someone. That is the case with the concept which I found a couple of months ago. It is an implementation of the command pattern using generators. Or the well known saga used in the redux-saga library. In this article we will see how the idea makes our asynchronous code simpler and easy to read. We will also implement it ourself using generators.
read more
-
README driven development
posted in Architecture on 2017-09-06 library readme driven development api code writing make documentation started helped -
I was doing a podcast episode with Kent C. Dodds when he mentioned README-driven development. And so I decided to try it out with a new library which I just started. Here’s what I found.
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
-
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
-
The earthquake in the JavaScript community
posted in JavaScript on 2016-03-25 kik npm modules module company azer developer left pad -
You probably heard about Kik, NPM and left-pad saga this week. Shortly, a company Kik asked a developer Azer Koçulu to give the ownership on a NPM module. The module name matches the name of the company. The developer refuses and the company reaches the registry (NPM). The module was transfered to the company based on a NPM policy. The developer then decided to remove all his modules from the registry. The bad thing is that one of these modules
read moreleft-pad
is a dependency of many other modules. As a result of the un-publishing all the packages that depend onleft-pad
can not be built. Some really popular tools like Babel and React started getting broken builds.
-
My new experiment is released - 10 Lessons in Front-end ebook
posted in Must-see on 2016-03-10 front end html ll book lessons released -
It's finally done. My first self-publishing ebook is released. The book is available here. I'm running a free giveaway for the next five days. So, subscribe for my newsletter at this address http://eepurl.com/bKt0TD and you'll get a free coupon that will lower the price to 0$.
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.
-
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
-
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.
-
CSSSteal - Chrome extension that extracts CSS
posted in CSS3 on 2015-09-17 css styles var section el small li element rules -
We had to update some of our old pages adding new elements. This means mixing old and new code. Placing HTML markup and JavaScript in legacy pages is not that difficult. Yes, it brings some issues but they are easily solvable. However, the CSS is a whole new story. That’s why I did CSSSteal. It helps me extract the needed styles.
read more
-
ToDoMVC with AbsurdJS
posted in JavaScript on 2014-07-26 model function js todos app main css component absurdjs event -
You've probably heard about ToDoMVC project. It's same ToDo application made with different frameworks. It's interesting how the same problem is solved by different programmers following different concepts. This article is about making the ToDoMVC application with AbsurdJS.
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
-
Codefront.io is around the corner
posted in Must-see on 2014-04-25 developer open io front end css javascript talk speakers interesting conference linz -
There are only two weeks left before the international front-end conference in Linz - Codefront.io. It's organized by the guys from WebBox and it's scheduled for 10th of May. You still have a chance to buy a ticket and listen interesting talks about our lovely Web.
read more
-
Book review: Getting Started with Grunt: The JavaScript Task Runner
posted in Nodejs on 2014-04-21 book grunt experience free javascript task runner helpful started -
I just finishing reading Getting Started with Grunt: The JavaScript Task Runner. The same book that we (I and Packt publishing) run a contest for. You could still joint it here and win a free copy.
read more
-
Mastering the DOM access
posted in JavaScript on 2014-02-28 el parent var dom api return selector function val element -
If you build web applications you probably communicate with the DOM a lot. Accessing and manipulating DOM elements is the thing which we do almost every day. Very often we collect information from different controls, we need to set values, change the content of div or span tags. Of course there are million libraries which handle these actions. The most popular jQuery, is de factor a standard. However, sometimes you need something smaller. In this article we will build our own class for managing DOM elements.
read more
-
Revealing the magic: How to properly convert HTML string to a DOM element
posted in JavaScript on 2014-01-23 wrapmap table tr element tbody var html td div map -
This seems like a trivial task. However, it is not. There are few popular solutions, but they have a big problem and if you use them a lot you will spot the issue.
read more
-
An alternative JavaScript for loop syntax
posted in JavaScript on 2013-11-08 users var syntax user users var users undefined elements array -
As javascript developers we all have to write a lot of for loops. Before a couple of months I saw an alternative syntax, which I really liked. It saves some time and it looks much nicer. However, one of my colleagues reported that this fancy syntax is not working as it should.
read more
-
Select drop-down broken under Firefox
posted in CSS3 on 2013-09-27 element firefox -
Firefox has problems if you use
read more
-
JavaScript challenge: queue implementation
posted in JavaScript on 2013-09-24 function queue item var api queueelements flags delay return api queue function -
I'm currently working on an animation-heavy web application. There are long chains of CSS transitions/animations, which I have to do. I wrote this little library, because I needed something lightweight with minimalistic API. I think that it deserves its own repository and I created 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
-
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
-
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
-
Introduction to animations in HTML
posted in HTML5 on 2013-07-30 animation var animations css function element class add -
Last few years designers use a lot of animations directly in the HTML. That's of course kinda cool, because you don't need a plugin in order to see their work. There are several ways to make animations in HTML. It's an interesting subject and I decided to make a short research and summarize the information.
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: 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
-
Get computed css styles for a given element
posted in CSS3 on 2013-06-16 queryselector h1 null document queryselector h1 getcomputedstyle document queryselector -
I just found out that it is possible with pure javascript. It's supported in all the major browsers. Find more information here.
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
-
Convert HTML string to DOM element
posted in JavaScript on 2013-06-11 var markup output el link html frame contentdocument document createelement dom element -
Checkout Revealing the magic: How to properly convert HTML string to a DOM element article.
I'm working on a chrome extension which accepts user text, work with it and output the result in a div. I used jQuery in the beginning, for several tasks, but later I decided to remove it and deal with pure javascript/DOM manipulations. The output div was filled by using innerHTML property and everything was ok. But, at some point, I sent few buttons to the user and he has to interact with them. However, once I update the div's content the event listeners are detached and the buttons became non-functional.
read more
-
How to Design Responsively
posted in Must-see on 2013-06-10 design responsively developers david walsh write long articles http davidwalsh web designer responsive design big difficult find blog article -
It's a little big difficult for me to write long articles. This one is maybe the longest, which I ever wrote :) It collects my experience with responsive design. I believe that the ideas described in the material are important for our work as web designer and developers. David Walsh was really kind by publishing the article on his blog. You can find it here http://davidwalsh.name/design-responsively.
read more
-
Git under windows (console mode)
posted in Architecture on 2013-05-29 git windows powershell file aliases function command status alias set -
I'm a Windows user. I also have a virtual machine with Ubuntu installed and coding there from time to time. I use Git a lot and in general I prefer console mode over the GUI. Under Unix everything works just great, but Windows's command prompt requires more efforts from our side. However I found some helpful tips, which could make your life easier.
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 Pixel is Not a Pixel: Learn about Viewports with PPK
posted in Must-see on 2013-05-18 pixel -
In this technical presentation from the San Francisco HTML5 User Group PPK will explain why a pixel is not a pixel, what the differences between the desktop and mobile viewports are, and which bits web developers should care about.
read more
-
CSS: using float property
posted in CSS3 on 2013-04-08 check pen clear float property element floating elements block floated result problem -
float property is one of those CSS rules which are somehow difficult to understand. Before a couple of days I had a problem with floating divs. I solved it and decided to write an article about the solution. The article also covers some basics about floating.
read more
-
Web Highlights #1
posted in HTML5 on 2013-04-05 http things tablets viewport sizes front end architecture pixel mobiles make -
Everyday I'm reading or watching something which I find helpful. Normally I bookmark those things, but at the end I have dozen of folders and subfolders which I never check. So, I decided to make such blog post where I'll share valuable things in the net.
read more
-
Compiling iOS application under Windows with Flex SDK
posted in ActionScript on 2013-03-06 file developer application step openssl certificate device app p12 ios -
As you may know, Apple doesn't allow creation of iOS applications just like that. Especially under Windows. It's somehow a complex process, which requires several steps in a specific order. However it is still possible and you can do that without Mac.
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
-
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
-
Chrome Devevelopment Tools could be really helpful
posted in HTML5 on 2013-02-09 detecting memory leaks network performance rendering analyze network performance instrumented development platforms googledevelopers channel strongly recommend ilya grigorik nice screencast build faster javascript code -
"Your browser is one of the most and best instrumented development platforms -- you may just not realize it yet. In this episode we'll take a whirlwind tour of how to analyze network performance, rendering and layout pipeline, as well as detecting memory leaks in your Javascript code, and using audits and extensions to build faster and better apps!". A nice screencast by Ilya Grigorik. I strongly recommend the subscription to GoogleDevelopers channel.
read more
-
How To Design A Good API and Why it Matters
posted in Architecture on 2012-10-27 developers api -
Every day around the world, software developers spend much of their time working with a variety of Application Programming Interfaces (APIs). Some are integral to the core platform, some provide access to widely distributed frameworks, and some are written in-house for use by a few developers. Nearly all programmers occasionally function as API designers, whether they know it or not. A well-designed API can be a great asset to the organization that wrote it and to all who use it. Good APIs increase the pleasure and productivity of the developers who use them, the quality of the software they produce, and ultimately, the corporate bottom line ...
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
-
The Principles of Agile Development
posted in Architecture on 2012-07-10 agile development principles http net tutsplus sides http net fun developing software agile development agile articles general communication easy business people constructive -
Agile or Agile Development – we hear these words more often these days. But do we really know what it is all about? How can it help us become more effective, while having lots of fun developing software? How can we use it to communicate with business people and make this communication easy and constructive for both sides?http://net.tutsplus.com/articles/general/the-principles-of-agile-development/
read more
-
Writing Maintainable Automated Acceptance Tests by Dale H. Emery
posted in Architecture on 2012-07-08 good test suite lot tests article http arlobelshee test suite read automated testing checkout dale emery shares programming dale emery driven development changed test driven development -
For some time, I bring a lot of attention to the tests of everything that I'm working on. Actually Test Driven Development changed a lot my vision for programming. Dale Emery shares really interesting thoughts regarding automated testing. Checkout here. If you wonder what are the characteristics of a good test suite read this article http://arlobelshee.com/what-makes-a-good-test-suite.
read more
-
Javascript Development Workflow of 2013
posted in JavaScript on 2012-06-05 javascript development workflow -
A bunch of tools to speed up and improve your javascript development workflow by Paul Irish.
read more
-
API Design by Matt Gemmell
posted in Architecture on 2012-05-25 strongly recommend helpful article check class write -
Did you ever wonder how to write your class. That's a very helpful article. I strongly recommend it. Check it here.
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
-
How to find non-secure items on a page
posted in Other on 2012-02-08 secure items find http www whynopadlock simple web tool internet explorer annoying message repair helps found -
We all know the annoying message of Internet Explorer about non secure items. I just found a simple web tool which helps to find those items and repair them.http://www.whynopadlock.com/
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
-
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
-
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: 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
-
A RobotLegs Book
posted in ActionScript on 2011-07-22 book robotlegs joel hooks finished information read -
@Stray and @Joel Hooks finished their book for RobotLegs. Definitely it is something that you should read. More information here.
read more
-
\"This page contains both secure and non secure items\" message
posted in PHP on 2011-05-26 content problem http page featureloader js php https protocol -
When you are opening a site via https protocol and there are items loaded with absolute addresses started with http some browsers, like IE, throw a message This page contains both secure and non-secure items. It is really annoying and if the user decides to can prevent these items of showing and he can brake the whole layout or some functionality.
read more
-
AS3: runtime font loading (embedding)
posted in ActionScript on 2011-04-25 font field loader import flash swf public static const format font_export_name string font_file_name class -
Flash is wonderful technology and has many advantages. Before a couple of years it was really popuplar to use it for displaying fonts that are not installed on the user's machine. Flash is still powerfull tool for such kind of tasks. These days I worked on a project which had to use a lot of fonts. It wasn't possible to embed all of them so I decided to implement runtime embedding.
read more
-
AS3: converting XML to JSON object
posted in ActionScript on 2011-04-02 label url image xml id img cdata node var version xml2json class http site int childnode object -
I'm absolutely sure that you are using external data in your flash/flex applications. It is a good practice to transfer information in XML format. Most of the projects that I'm working on also use XML and in most of them I have a class that converts the data to JSON object. The problem with this workflow is that the parser's logic is always different because the XML is different. These days I wrote a class that solved this problem and directly converted every given XML file to a JSON object.
read more
-
Creating mp3 player with RobotLegs (basics tutorial)
posted in ActionScript on 2011-02-09 import public function event data preloaderevent robotlegs events class -
Have you ever wondered how to optimize your ActionScript applications? Have you searched for a nice framework that will save you a lot of time and will organize your structure? If yes then RobotLegs is for you. In this article I'll show you how to use it to create a simple mp3 player which loads a configuration xml file, parse it and play mp3 files.
read more
-
Free nice Icons by Yummygum
posted in Design on 2011-01-06 commercial projects check absolutely free icons -
Absolutely free icons for commercial and non-commercial projects. Check out here.
read more
-
CSS styles doesn\'t work on dynamically created elements in IE
posted in JavaScript on 2010-12-28 createelement div element document createelement div element document createelement var element document -
Again, IE proves that is full with bugs. Simple but effective solution.
read more
-
Delegation in JavaScript
posted in JavaScript on 2010-12-27 var numofargs arguments length var numofargs arguments args var numofargs var args var delegate scope method function delegate scope delegation -
I think that the delegation is an important part of every programming language. It is also possible in JavaScript.
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
-
Original Elephant Painting
posted in Inspiration on 2010-12-05 elephant -
Watch this elephant paint a beautiful image of an elephant holding a flower. You'll be amazed at how her talent unfolds as she carefully completes each stroke. Her mahout talks to her throughout the process as his gentle touch gives her confidence. She focuses on her work and seems to enjoy the approval of the audience and, of course, the sugar cane and banana treats. All of her training has been reward based.
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
-
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
-
Delegation in AS3
posted in ActionScript on 2010-08-02 function param2 func param1 delegation -
I just can't code without delegation. I'm using it every day and wanted to share this method with you.
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
-
Code Flex applications with FlashDevelop
posted in ActionScript on 2010-06-07 flashdevelop flex project project9 press f5 project select flex property8 choose project location property8 choose sdk location property8 flex sdk location change flex sdk - read more
-
Send mass email with Thunderbird
posted in Other on 2010-03-15 thunderbird mozilla org en addons mozilla org https addons mozilla thunderbird https addons thunderbird addon helpful plugin -
Very helpful plugin for Thunderbird https://addons.mozilla.org/en-US/thunderbird/addon/47144.
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
-
5 helpful tips in photoshop
posted in Design on 2008-08-26 tool zoom layer click press selection keyboard button quick mask mode -
1. Moving background layer - sometimes you want to move the background layer. But by default it's locked. So just click twice on the layer and choose "OK" in the popup message. The layer will be transformed to normal layer.
read more