Check out "Do you speak JavaScript?" - my latest video course on advanced JavaScript.
Language APIs, Popular Concepts, Design Patterns, Advanced Techniques In the Browser

#HTML5


Testing responsiveness

posted in HTML5 on 2014-05-14   , ,

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 comments

Introduction to animations in HTML

posted in HTML5 on 2013-07-30   , ,

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 comments

Auxilio Chrome extension presentation at VarnaLab

posted in HTML5 on 2013-06-27   , ,

Last month I'm working on my own extension for Chrome. It adds two things - a much simpler new tab page and fully working interactive console. The command prompt is actually added in the DevTools panel.

read more comments

Web Highlights #6

posted in HTML5 on 2013-06-25   , ,

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 comments

Web Highlights #5

posted in HTML5 on 2013-05-30   , ,
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 comments

Responsive Design Workflow (my talk at VarnaLab)

posted in HTML5 on 2013-05-23   , ,
Presentation's slides. All my talks at VarnaLab are available here. read more comments

Web Highlights #4

posted in HTML5 on 2013-05-15   , ,
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 comments

Web Highlights #3

posted in HTML5 on 2013-04-22   , ,
A bunch of cool stuff ;-) read more comments

Web Highlights #2

posted in HTML5 on 2013-04-10   , ,
Some of the cool and helpful things which I found in the net. read more comments

Web Highlights #1

posted in HTML5 on 2013-04-05   , ,
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 comments

Google Chrome for web developers (my talk at VarnaLab)

posted in HTML5 on 2013-04-04   ,
All my talks at VarnaLab are available here. read more comments

The mobile web by Peter-Paul Koch

posted in HTML5 on 2013-04-01  
Two talks by Peter-Paul Koch which are very informative. read more comments

Make the web faster

posted in HTML5 on 2013-03-31   , ,
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 comments

What exactly "Retina display" means in the context of the front-end development

posted in HTML5 on 2013-03-26   , ,
If you are wonder what exactly "Retina display" means I'll suggest to check this great article in SmashingMagazine. I searched a lot for a simple explanation and that's the best one. read more comments

Responsive design at VarnaLab

posted in HTML5 on 2013-03-14  
read more comments

HTML5: a few links to bookmark

posted in HTML5 on 2013-03-13   ,
There are tons of information in the internet today. And new stuff are coming all the time. It is really not possible (at least for me) to be up to date with everything. I used RSS before, but very soon my reader was full with content and again I wasn't able to follow all the blogs/developers. Now I'm checking regularly Twitter and Envato network. However, last few weeks I found several sites which worth checking. read more comments

The Breakpoint

posted in HTML5 on 2013-03-10   , ,
A bunch of useful things about our lovely browser - Chrome. Dev tools theming, console tips, editing of SASS directly inside the browser. read more comments

Web assets - tips for better organization and performance (discussion at VarnaLab)

posted in HTML5 on 2013-02-28   , ,
A screencast of the discussion at VarnaLab on subject "Web assets - tips for better organization and performance". The slides are available here. read more comments

Edge Conference 2013

posted in HTML5 on 2013-02-25   , ,
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 comments

HTML slicing the site of VarnaLab using LESS and Twitter Bootstrap

posted in HTML5 on 2013-02-23   , ,
HTML slicing the site of VarnaLab using LESS and Twitter Bootstrap read more comments

Chrome Developer Tools for Speed by Paul Irish

posted in HTML5 on 2013-02-17  
read more comments

Chrome Devevelopment Tools could be really helpful

posted in HTML5 on 2013-02-09   , ,
"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 comments

Moving elements with translate() is better than absolute positioning (top, left, right, bottom)

posted in HTML5 on 2013-01-31   ,
If you plan to make an animation by using position: absolute and set top, left, right or bottom please don't. Just use translate. It's just better, as Paul Irish proves. read more comments