Hello and Welcome!

This is an online playground of Bayu Rizaldhan Rayes and Shinta Carolinasari.
BayuBayu is developer and design enthusiast. This site is still under construction and I'm updating it periodically, so sorry if you found some half-baked information and broken links :-) See notes on website redesign

Some Recent Creation

From The Blog

Released my old theme

This is an old wordpress template designed and created by me at 2014. The initial goal was creating modern looking theme but still backward compatible with old browser/IE 6. i was naively thinking that supporting ie6 can be a selling point, So i believed there were still a market for theme like this and i tried to publish this theme on the template marketplace. But you guess it. nobody cared about ie6 anymore. rejected.

What i learned: Everyone knows that supporting IE6 is hard.. but it even harder to push modern stuff (eg: responsive design, retina display, etc) and keep it backward compatible with it. Too many time spent on bug fixing and finding a compromise.

This theme is intended to be lightweight and easy to setup & customize. It has no dependency to any 3rd party css framework.

I released it as open source. Along with PSD design and documentation. Find it in github.

 

*This  theme also powering this site

Customizing Wordpress Comment Form Fields and Submit Button

Since Wordpress version 3, the comment form has been standarized and can be displayed by using comment_form() function at the theme code, see the reference. The function accepts 2 parameters, $args and $post_id. Customization for the form fields and textarea markups can be done via $args array. see also this file for reference: wp-includes/comment-template.php at comment_form() function. Continue reading

BayuBayu.com redesign

After couple or years with the same design (I couldn’t exactly remember, but previous design had been there since 2007). Yeah I have been a full time worker since then, I hadn’t been played around with my site anymore so it was kinda neglected.

Ok! So I decided to made a big renovation on this site… The new design still powered by Wordpress. In the front end side, I’ve developed it with some cool new things to keep up with the current standard. Now it featuring web standards, responsive design, visually updated with fresh design that goes flatter that mix up elegance of corporate style but still contain cartoonish element. Hopefully you like a new design.

I took a best practice from HTML5Boilerplate that contains normalize, modernizr, some polyfill a long with good skeleton of great HTML5 document structure developed by some cool front-end guys. For wordpress development, I start this theme with _s (underscores ). Again, there are Automattic/wordpress people guys behind it. It helped me a lot to build theme in a Wordpress way.

Instead of using something like Bootstrap or Foundation, I decided to implement my own grid. Back when first learning responsive design and HTML5, I intially put concern on backward browser compatibilty and already experimenting on it based on HTML5Boilerplate. I found that we can make modern html5 site that degraded gracefully in old browsers, that still looks good on IE6. It requires javascript though.

Layouting it was painful. But it teached me a lot about responsive design and legacy browser layouting technique with its limitation. But in the cons, I found that we can’t write elegant markups when working with old browser. That’s why If you peek the source code of this site, you’ll find an kinda unecessary nested markup in some elements. That is for supporting the browser’s grandpa!

The design is compromising too. Can’t do much acrobatic CSS3. Just use it a bit as Progressive enhancement, because it still need look good in old IE.

This site is still under construction and i will update it periodically 🙂

Go To Blog