builder-css

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

Development and Productivity Extensions for Google Chrome

Try Semtex – the new HTML5, CSS3 and JavaScript UI framework!

If you are looking for cool development and productivity tools, here are a few, created by me, and available as handy Chrome Chrome extensions:

Builder.CSS

Builder.CSS is a free tool for merging and minifying style sheets into a single file, using some of the coolest HTML5 features like drag and drop of local files and processing them without uploading to the server. I am happy to announce that recently Builder.CSS has evolved to a free online service with tons of improvements, brand-new and amazing interface, drag and drop of local of styleshets from the desktop, predefined projects and much more. Get the Chrome extension or click here for more info and demo.

builder-css

W3C Validation Bookmarklet

Acid.JS Validator is a free bookmarklet that uses the W3C SGML parser’s API to validate the markup of the page on which it is called. Get the Chrome extension or click here for more info and demo.

validator-valid

Stickeez

Stickeez is a sticky notes JavaScript application using the new HTML5 File API, localStorage and CSS3. The data is fully persisted on the client. Stickeez also has an option for importing/exporting data so users can save their notes before cleaning up cookies or import notes to another browser. And finally – users can choose between 4 types of board styles – cork, fridge, whiteboard and skulls. Get the Chrome extension or click here for more info and demo.

stickeez

Image to Base-64 Data-URI Encoder

Image2Base64 is an online tool, provided by Acid.JS Web.UI for conversion of image files to base64 data URIs. It implements the new HTML5 file API, and the selected images are processed entirely on the client without uploading them onto the server. Get the Chrome extension or click here for more info and demo.

image-to-base-64

Hasher Message Digest Encoder

Hasher is an online service for creating message digests with a wide range of more than 40 encryption algorithms. Depending on the choice of the user, after the encryption hashes are stored in the browser’s local storage in convenient JSON format so they can be used or deleted later. Get the Chrome extension or click here for more info and demo.

hasher

Builder.CSS – Online CSS Optimizer, Merger and Minifier

Try Semtex – the new HTML5, CSS3 and JavaScript UI framework!

I am happy to announce that one of Acid.JS‘s most successful widgets, Builder.CSS has evolved to a free online service with tons of improvements, brand-new and amazing interface, drag and drop of local of styleshets from the desktop, predefined projects and much more. Builder.CSS is a free tool for merging and minifying style sheets into a single file. You can use it along with our Image2Base64 Encoder, Builder.JS and RESTBuilder tools.

Just give it a try on it’s new home page. Optionally, it is available for hosting on your own domain – if you are interested, please, check the Help & About tab of Builder.CSS.

builder-css

Features and Improvements

  • New and cool looks with easy and intuitive UI.
  • Brand-new optimization routine, crunching your CSS even more at the speed of light.
  • Support for predefined projects, which can contain the styles of all your websites (self-hosted version only).
  • Add files from desktop via drag and drop.
  • View, exclude and remove files from compilation.
  • Processing is done entirely in the browser.
  • Option to save the ouput to a file on the server (self-hosted version only).
  • … And much more, just try it here.

Screenshots

Related

Builder.CSS 2.0 Minifier and Merger is Out

The new and improved version of Builder.CSS Minifier and Merger is out.

What is Builder.CSS?

Builder.CSS is a free tool for merging and minifying style sheets into a single file and thus reducing HTTP requests and file download time. It features cool UI with various options for adding, removing and rearranging files via drag-and-drop, build and output options and is extremely fast and responsive even with a large number of files that need to be compiled. You can use it along with Builder.JS JavaScript Obfuscator, Merger and Minifier.

What’s New in Version 2.0?

  • Improved and faster performance.
  • New log viewer, logging each step of the compilation.
  • Ability to add more files from the UI.
  • Drag an drop functionality for rearrangement the order of the files.
  • Better HTTP error handling.
  • The actual merging and minification is now done entirely on the client.
  • PHP is now required only to write the output to a physical file if set to.
  • A number of issues and bug have been addressed and fixed.
  • Automatic check and notification is a new version is available for download.

Features:

  • Easily configurable list of files that need to be merged.
  • Minification options:
    • Remove line-breaks and tabs;
    • Remove extra white-space;
    • Remove comments;
    • Remove comments;
  • Two types for saving the output code – as a physical file or as a copy-paste string.
  • Drag an drop functionality for rearrangement the order of the files.
  • Log viewer, logging each step of the compilation.
  • Add /remove and rearrange files from the UI.

Requirements:

  • The latest version of Mozilla FireFox, Google Chrome, Apple Safari, Opera or Internet Explorer (9x+).
  • Web-server.
  • PHP if you wish to save the compilation about to a physical file.
  • JavaScript should be enabled.

Screenshots:

Get Builder.CSS. It’s Free.

You can download it from this link or from its home page on Acid.JS. If you like Builder.CSS, maybe you will find Builder.JS JavaScript Minifier, Merger and Obfuscator also useful tool. As usual, the new version has been included to the latest release of Acid.JS Web.UI.

CSS File Merger and Minifier

I am happy to announce that I have just finished a new tool that you may find useful. Builder.CSS merges and minifies style sheets into a single file and thus reduces HTTP requests and file download time.

Features:

  • Easily configurable list of files that need to be merged.
  • Minification options:
    • Remove line-breaks and tabs;
    • Remove extra white-space;
    • Remove comments;
    • Remove comments;
  • Two types for saving the output code – as a physical file or as a copy-paste string.

Requirements:

  • Latest version of Mozilla FireFox, Google Chrome, Apple Safari, Opera or Internet Explorer.
  • Web-server with PHP.
  • JavaScript should be enabled.

Screenshots:

Download directly from this link and enjoy! If you are looking for a JavaScript minifier and merger, you can try Builder.JS.