This feature has been integrated to WordPress in version 2.5. WordPress Shortcodes are like customized html tags recognized by WordPress' system. Shortcode means shortcut, it can create objects, or embed files which would normally require a lot of code in just one line or tag. WordPress has built-in shortcode tags for its internal functions for gallery, embedded videos and audios, and more.
MyWay Light is one of the exercises I’ve done recently, it is a one-page website theme for Wordpress that I’ve tried to recreate as close as possible and to discover how its design and effects were executed.
Previously, I’ve used Bootstrap on one of my previous exercises and it is a powerful tool. Bootstrap is one of the world’s most popular front-end framework for responsive web design. It is originally created by a designer and developer in Twitter. This framework is packed with many CSS and JavaScript Components to ease the user’s coding and to help the user create a responsive design that is compatible with most browsers. I’ll discuss these components that I’ve used in my project:
* Grid System
* Navbar
* Carousel
* Buttons
* Responsive Image Class
We know how CSS style sheets can get all long and unorganized during development specially when doing large projects but luckily this isn’t a problem now. I’ve been using SASS and Compass in my training for quite a while now and I’m getting fond of it.
It is amazing to know how creative we can get in web development. My second project showed me how sliders can be utilized in a more functional way.
My first exercise in the training was to reproduce a website and copy it as close as possible:
It is a 960px wide website that is centered on the browser. It was a simple website so I had no problems doing the layout and design.