The hamburger symbol consists of three parallel horizontal lines placed on top of one another (resembling a hamburger). It is popularly used as a menu access button in graphical user interfaces and is often displayed in the top left or top right corner of the screen.
Here is a collection of 10 hamburger menu animations made with pure CSS. It includes full SASS files and comes with accessibility support.
Foundation and Bootstrap are the most popular CSS frameworks nowadays. Both have recently released new versions; Foundation with 6.2 and Bootstrap with 4 (Alpha). The frameworks have a new Grid system using flexbox that can be enabled or disabled at your choice.
A good question between these two frameworks is ‘which one should we use’? It really boils down to what type of project you are working on and how much you enjoy working with each respective framework.
Ink (also called Foundation for Emails) is a HTML email development framework that is built around the best email practices. In the era of smartphones, people are frequently checking their emails on their mobile devices and that means the need for a responsive approach to emails.
Enter Foundation for Emails 2, Ink’s successor. This upgraded framework is mobile-ready and allows developers to quickly create responsive emails that work (even on problematic email software like Outlook). Developed in 2015, this new version focuses on quicker layouts, colors and styles. Foundation for Emails 2 borrows many components, best practices, and workflows from Foundation for Sites. Foundation developers new to HTML emails will feel right at home with this..
Magento in short, is a robust eCommerce CMS. Proof of its robustness is that it is used by many large-scale eCommerce enterprises with millions of dollars in revenue like Nordstrom, Adidas and North Face. In fact, the Magento Enterprise Edition can support more than 350 million catalog views and 487,000 orders per day.
However, I personally will not recommend the use of Magento if there are only a few products for sale due to the large scale of the CMS. A slight downside to Magento is that its learning curve is a bit steep and not as user-friendly as other Content Management Systems (such as WordPress).
If your business plan is to go into featuring a large selection of products with a constant stream of heavy traffic, then Magento is definitely the way to go.
For those who code, commenting is an important practice to always keep in mind. It’s useful for flagging issues or labeling certain areas of code so that yourself and other developers will know what’s going on with the code. It is not uncommon for developers to inherit someone else’ code from years before. This article will test how well you’ve been commenting thus far.
Ever wanted to run an e-commerce website with the powerful publishing and blogging tools of WordPress? Shopify says yes; with the introduction of their new Shopify Plugin made for WordPress. Partnered with theme developers such as Themezilla, Themify, and Ultralinx, Shopify has enabled WordPress users to have a quick & easy e-commerce ready website in just one theme. All products will be managed by Shopify and will require a $9/month Shopify Lite subscription. Great if you want to have a CMS with ready-made e-commerce functionality.
Before the smartphone era, web development was simple. All it took was to make it look perfect on 1024px width for example. At present, there are more variables that needs to be taken into account. The screen size of devices, and whether it needs to be built with HTML or natively for an app (Android, iOS, Windows). Responsive CSS answers the question on the ‘size of the device’ but not the other. Headless CMS gives you an API that you can use for websites, native apps, widgets and other. This comes as a difference compared to the traditional method of just showing the data up front. For example, WordPress is a regular CMS, but with WP Rest API, it can be a headless CMS.
WooCommerce has become one of the most popular plugins to extend WordPress into an online store. In the plugin repository, it is said that WooCommerce has over one million active installations. There are a lot of plugins in the market that can extend WooCommerce’s capability. Most of these are not free and developed by WooThemes (the company behind WooCommerce) itself. However, a number of developers have taken it upon themselves to develop plugins for WordPress to extend WooCommerce for free.
You’re probably already familiar with responsinator, a tool to check a webpage in a variety of viewports. Google is now offering an alternative by the name of Resizer which is made to test Google’s very own Material Design across many different platforms. A number of breakpoints can be tested.
Desktop: 480px, 600px, 840px, 960px, 1280px, 1440px, or 1600px
Mobile: 360px, 600px, 720px, or 1024px wide
Underscores is great starter theme for WordPress. It is not supposed to be a parent theme, but the theme itself. It is came with ultra-minimal CSS which is very handy to overide its style accordingly. Now, Automattic create Components based on Underscores. Components extend Undersores into a spesific use cases. These include a classic blog, modern blog, portfolio, magazine, and business theme.
Stampede Design