I’ve been having an awesome time working with the WooCommerce plugin lately and found many things I liked and didn’t like about it. I wrote this article to tackle one thing that I didn’t like about it and how we could improve it.
If you’ve used WooCommerce before you’ll find parts of the system that uses AJAX and parts that do not, and which sometimes results into inconsistencies to it’s UX.
There has been articles around the web about AngularJS and Wordpress working together that made me want to try this combination. In a short description, it’s AngularJS utilizing the Wordpress AJAX service as an API.
It has been a few weeks since my last project, so I decided to dive-in to Ruby and Ruby and Rails during my downtime and learn simple coding. Here is what I’ve learned so far.
Before digging into Ruby code I’ve read some facts about it first. Ruby was designed and developed in the mid-1990s by Yukihiro “Matz” atsumoto in Japan. It is a dynamic, reflective, object-oriented, general-purpose programming language. Ruby’s syntax is influenced by Perl and Python. Ruby has a library of plug-ins that can improve development workflow and experience called RubyGems (https://rubygems.org/). Ruby is one of the most popular programming languages of today.
This is a continuation of the post about Wordpress Shortcodes and this time we’re going to add a button for the shortcode and other purposes like a set of html tags, or a preformatted text.
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.
This post is about the simple CSS3 animation and effects on some of the objects inside my previous exercise called MyWay Light. We are going to try to understand how this CSS3 properties work. With CSS3, a user can now do more than just adding colors, styling, and layouts. It now allows us to add movement or other special effects without using FLASH or GIFs. It may require us to write more lines depending on what we want to achieve but it is all worth it, because it can reduce the resources that are being loaded in your website.
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.
Hi! To start-off with this blog let me introduce myself.
I am Patrick Arcangel Matias. I’m 24 years old and I live in Cabanatuan City. I studied at Nueva Ecija University of Science and Technology and I am now a graduate of Bachelor of Science In information Technology, with System Analysis and Design as my major. I am currently training for web development here at Favorite Medium with my colleagues from school.