builder-js

My New Portfolio/Personal Website is Up and Running

During the Christmas holidays I finally found the time to spend a couple of days to tackle something I’ve been planning to do for quite some time – to fully redo (in terms of code and design) wemakesites.net, my portfolio/personal website. Honestly, I wasn’t sure if I should announce it here, but I am pretty happy with the result, so this is why I am doing it – version 7.0 is now up and running!

wemakesites

Here are a few facts:

  • Custom CMS. PHP backend with RESTFul services.
  • Semantic, elegant, valid and SEO-friendly HTML5 output.
  • Scores an average of 96-100 optimization points on Google PageSpeed (depending on visitors’ network connection speed and my hosting provider’s health).
  • Scores an average of 96-100 optimization points Y!Slow (depending on visitors’ network connection speed and my hosting provider’s health).
  • Optimized both for client- and server-side rendering.
  • Unified modular client- and server-side MVC/MVVM architecture.
  • Async history management.
  • The front-end, templating, session caching and URL routing are built on top of my Semtex UI HTML5, CSS3 and JavaScript framework.
  • Fully async with JavaScript turned on.
  • Asynchronously switchable themes (the icon to the left of the search box in the navigation bar).
  • Supported browsers: Firefox, Chrome, Chromium, Opera, Opera Webkit, Safari, Internet Explorer 9+.
  • Cool social sharing toolbar, achieved with AcidJs.Tiles.
  • Fully responsive CSS3.
  • Lazy loading of images, achieved with AcidJs.ImgLazyload.
  • Decent accessibility score on WAVE.
  • The average loading time of the home page is 1.70 seconds with cache turned off.
  • The average loading time of non-cached async pages is 0.253 seconds.
  • The average loading time of session-cached async pages is 0.019 seconds.
  • CSS and JavaScript build tools.
  • Fully g-zipped.
  • Google PageRank: 4.
  • Version 7.0 (Released January 2014).

Thanks for reading and enjoy the weekend! Please, do not hesitate to contact me if you are interested in more facts about the wemakesites.net!

Related Posts and Links

JavaScript Merger, Minifier and Obfuscator

Following last week’s release of Builder.CSS, I decided to create a similar tool for merging, minification and obfuscation of JavaScript. I am happy to announce the result of my new experiment, called Builder.JS.

The major difference compared to Builder.CSS is in the UI. This time I decided to implement console-like interface that works with a simple set of commands for listing, adding, removing, settings options and building the list of files. Don’t be mislead by the screenshots – regardless of what you see, Builder.JS is an application that works in the browser. All you need is the latest versions of FireFox, Chrome, Safari, Opera or Internet Explorer.

Screenshots:

Features:

  • Any number of JavaScript files can be merged into a single, minified and obfuscated file.
  • The default options and files list are set in the constructor of the Builder.JS object declaration (in index.php).
  • The excellent Packer JavaScript obfuscation tool, created by Dean Edwards is integrated to Builder.JS, ensuring flawless obfuscation and maximum protection of the code.
  • Add, remove and build files and set options from a simple console-like interface and commands.
  • Various build options – Base-62 encoding, variable name replacement, minification, etc.
  • Two types of outputting the result of the build – as a string, that you can copy and save manually or automatic saving to a physical file (using PHP).
  • You can use the Up and Down arrows of your keyboard to repeat previously used commands.

Requirements:

  • The latest versions of Mozilla FireFox, Google Chrome, Apple Safari, Opera or Internet Explorer.
  • Web-server.
  • PHP (if you wish to save the build output to a physical file).
  • JavaScript should be enabled.

You can download Builder.JS directly from this url or go to it’s home page on Acid.JS. You can combine it with Builder.CSS. Happy use!

Builder.JS is also included in the latest release of Acid.JS Web.UI.