How to Update WordPress Themes and Plugins with a ZIP File – Learn how to update your WordPress install with this simple technique. Native CSS Masonry Layout In CSS Grid – An early look at how masonry layouts work in the CSS Grid specification. Why Google’s new app logos are pretty (&) bad – These…Details
Designing an app from scratch is no easy task. That’s where Envato Elements comes in. With high-quality mobile app design assets, you can create a profesional application without having to outsource any of the work. Using UI kits, wireframing, icons, and other types of downloadable mobile assets allows you complete control over the app creation…Details
Do you want to build a single app that works for both Android and iOS? With React Native, your team no longer has to build a separate app for both iOS and Android. A single code base makes it possible to build your app once and deploy it everywhere. On top of this, React Native…Details
InDesign is a piece of software that can be used for all manner of design and publishing. With the help of pre-made InDesign templates, you can take full advantage of this software to supercharge your workflow and complete projects in record time. Whether you’re working on a brochure design, flyer design, book, or magazine design,…Details
To draw or not to draw — that is the question, and it’s a controversial one among designers. Some say it isn’t mandatory for designers to know how to draw nowadays, but others maintain that it’s a must-have skill for every artist. Famous concept artist Bryant Koshu shares these views: I once heard my colleague…Details
I’m currently fighting with WooCommerce to create a custom theme for one of my clients. In short, it’s a complete nightmare of spaghetti code with functions inside hooks within templates and other functions. There’s a surprisingly small amount of information about it. As a seasoned WordPress dev, I’m shocked it’s so hard to modernize and create features quickly (modifying carts/checkouts is a nightmare).
Since we have quite a lot of clients asking for e-commerce implementations (thanks corona), that we don’t have much experience with.
I started looking into alternatives but couldn’t find anything that would really speak to me in terms of development ease and reasonable delivery times.
Shopify seems great, but they ended support for the only development project I found.
Magento seems like a too-large solution to simply pick up…
I found a couple of interesting projects using Gatsby and Vue, these two are most promising: Gatsby Woocommerce Themes – looks awesome, but I doubt it’s production-ready, plus we need ACF support, and it’s not yet baked in.
VueFront – seems nice, but there’s not much documentation, and the community seems small.
My ideal e-commerce solution would be an easy backend as a service that can be hooked up into a static generated site or SPA. I’m not really into developing cart components in jQuery when there’s a lot of ready solutions that will be easier to maintain.
What are you using to power e-commerce solutions for SME? Have you integrated any stores with Gatsby or other static site generators?
Are you working on a simple logo for a creative or a personal project? Then our collection of free logo makers and logo templates will help you design a better-looking logo without having to break the bank. Sure, using premium logo templates can help make your design look more professional. But, if you’re working on…Details
This article is inspired by Frontend Mentor — a website where you can download zipped files that contain style guides, APIs, designs, and more so you can code out the projects.
Why make such a list?
Often more than not, when I visit a developer’s portfolio, they all showcase the same projects. Calculators, Recipe Finder, To-do, these are all great projects to get into web development, but employers are not looking for these sort of projects any more. The list below will showcase unique ideas that you can build out and showcase on your portfolio.
With Frontend Mentor, you’re getting the following in the zipped file:
✔️JPEG design files for mobile & desktop layouts
✔️ Style guide for fonts, colours, etc
✔️ Optimized image assets
✔️ README file to help you get started
✔️ HTML file with pre-written content
with the added option of a Sketch file, but for a subscription of $8/mo, it also includes access to **all** premium templates/challenges. You can also submit your code for other members of the community to view and review.
A smaller selection of challenges but still a viable one nonetheless. Piccalilli has only 8 challenges but the solutions are posted for everyone to view. The fact that the solutions are available is great as reference to people still new to web development, but it’s always important to keep in mind that there is no one solution in web development.
This one is old, but still a great way to showcase your CSS skills. The idea here is that everyone is provided with the same HTML file, but it’s up to you to use CSS to make it your own. You can see all the submitted designs on CSS Zen Garden’s website, you’ll see some amazing stuff.
This one is paid, but it provides you with the following:
✔️ 30 challenges with assets for practicing
✔️ 30 code solutions
✔️ 1st solution free
✔️ Technical hints and advice
This one is my favorite, it honestly is. Dribbble is notorious for having designs that aren’t that usable, but there are still some established designers on the platform who know what they’re doing. I believe building out Dribbble shots will challenge your CSS layout skills as well as your design skills.
This one is a bit of a shameless plug, but I’d like to include it, it might help someone out there. This is a personal project of mine(that has been shut down), Good Code has 8 Adobe XD Templates, 2 paid and 6 free. The files included are:
✔️ .xd File
✔️ Assets (Icons and images)
✔️ Design exported in .jpg
✔️ README file
Feel free to check it out in case you run out of Frontend Mentor challenges to try. You can also post your solutions to r/GoodCodeChallenge
That’s it, feel free to comment below places I might have missed and I’ll add it to this article right away, and be sure to show my tweet some love, it helps out a ton!