What You’ll Be Creating In this short tutorial, we’ll learn how to build a CSS-only flexible accordion component by taking advantage of the “CSS checkbox hack technique”. Most importantly, our component will be fully responsive and its layout will switch between horizontal and vertical depending on the viewport size. Along the way, we’ll discuss how… Continue reading How to Build an Accordion Component With the CSS Checkbox Hack
Tag: HTML
Silon: Free PSD and HTML ecommerce template
Silon is a free PSD and HTML eCommerce template that you can use to get started with a new website for your shop. This template is basically made of a single page made of sections (hero, products, call-to-action, features, Instagram feed, etc.). The HTML template is retina-ready, supports Google Fonts and makes use of external… Continue reading Silon: Free PSD and HTML ecommerce template
7 CSS Units You Might Not Know About
Learn CSS: The Complete Guide We’ve built a complete guide to help you learn CSS, whether you’re just getting started with the basics or you want to explore more advanced CSS. New CSS Techniques It’s easy to get stuck working with the CSS techniques we know well, but doing so puts us at a disadvantage… Continue reading 7 CSS Units You Might Not Know About
18+ Best Personal WordPress Portfolio Themes for 2020
Having a website that features your portfolio is crucial if you want to attract more clients. A WordPress portfolio site is also necessary when you’re trying to land a job in a creative agency or another business looking to hire a designer, illustrator, architect, or anyone else who needs to display their work. “56% of… Continue reading 18+ Best Personal WordPress Portfolio Themes for 2020
7 Features That Make Sitejet a Viable Alternative to WordPress
WordPress has long been the king of web design, but a new CMS built by four German designers looks set to offer an entirely new challenge for its crown. Sitejet doesn’t just provide novices and experts the chance to make beautiful websites in a shorter timeframe than its rival. It also comes equipped with a… Continue reading 7 Features That Make Sitejet a Viable Alternative to WordPress
How to Create a Web Booking Form With the Smart Forms Script
Booking forms can serve a lot of purposes on a website. You can use them to allow your visitors to book a hotel room or tickets to a popular event. They can also be used for other things like booking appointments with clients. They are a great way for people to simply give you all… Continue reading How to Create a Web Booking Form With the Smart Forms Script
How Page Builder Plugins Make It Easy to Create a WordPress Website
Page builder plugins make it easier for both novices and experienced developers to build websites faster. With a page builder, you don’t need to know how to code—you can build your site with drag and drop. There are many free and premium WordPress page builders in the market. In this post, I’ll show you the… Continue reading How Page Builder Plugins Make It Easy to Create a WordPress Website
12 Best CMS for 2019
2019 is half over, but don’t let that stop you from trying something new… specifically, a new CMS. “But Ezequiel, good buddy, I don’t have time to check out a whole new content management system. I have websites to make!”, you say, in those exact words. That’s fair, but you should be keeping an eye… Continue reading 12 Best CMS for 2019
How to Create a Landing Page in WordPress Quickly
While a website is a great way for your business to get noticed, a WordPress landing page is an even better way to promote a specific offer. When you create a landing page in WordPress, you can easily focus all your marketing efforts on one offer, marketing campaign, product or service, drive signups to that… Continue reading How to Create a Landing Page in WordPress Quickly
5 Best Magento Extensions That Can Boost On-page SEO
Doing business online and ignoring SEO is parallel to opening a shop in far-flung areas where nobody bothers to visit. Your on-page and off-page SEO efforts bring your website to the limelight by elevating its ranking in search engines. There is no doubt that Magento is a leading eCommerce platform, but it still lacks the… Continue reading 5 Best Magento Extensions That Can Boost On-page SEO
10 Best Mobile Apps for Learning to Code
What’s even better is that you don’t have to spend years mastering programming either. Thanks to numerous coding apps available for both Android and iOS devices, you can easily level up your coding skills even when you’re on the go. In this post, we’ve rounded up the best coding apps that will help you learn… Continue reading 10 Best Mobile Apps for Learning to Code
Popular Design News of the Week: June 24, 2019 – June 30, 2019
Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however,… Continue reading Popular Design News of the Week: June 24, 2019 – June 30, 2019
Creating WordPress Forms That Get Filled In
What You’ll Be Creating Most of us have got at least one form somewhere on our WordPress site. It might be a simple contact form. Or a newsletter signup. A purchase form maybe. Or perhaps something more bespoke. Whatever information your form is designed to gather, I’m prepared to bet that you want as many… Continue reading Creating WordPress Forms That Get Filled In
Best Free WordPress Plugins for Optimizing Website Performance
Did you know that search engines like Google give preference to fast-loading websites in their rankings? Visitors are also less likely to abandon your site if it loads quickly. Everyone expects a website to load as quickly as possible—if it doesn’t, they will likely abandon it and visit the competitor instead. This means that a… Continue reading Best Free WordPress Plugins for Optimizing Website Performance
Build a Static Portfolio With Advanced CSS Bar Chart
In a previous post, I showed you how to build a beautiful fullscreen portfolio page. During that tutorial we also learned how to create a responsive CSS column chart. In this tutorial we’ll build another attractive static portfolio page, this time featuring a pure CSS bar chart without using any external JavaScript library, SVG, or the canvas… Continue reading Build a Static Portfolio With Advanced CSS Bar Chart
How to Embed and Protect PDF Files With a WordPress Plugin
PDF files are a very popular way of sharing formatted documents due to their flexibility and lightweight nature—they work on most devices and operating systems. In this post, I’ll show you how to use a WordPress PDF plugin to embed and protect PDF files in your WordPress posts and pages. Why Use PDFs? PDFs can… Continue reading How to Embed and Protect PDF Files With a WordPress Plugin
Create Beautiful Forms With PHP Form Builder
If you are a PHP developer, creating forms, validating form submissions, and managing PHP sessions are probably tasks that are part and parcel of your job. All these tasks, although rather repetitive, require lots of time and attention, especially if you care about best practices relating to design and security. By using a well-tested form… Continue reading Create Beautiful Forms With PHP Form Builder
Web Design Tips to Help Increase Customer Conversion
Having a well-designed website is no longer an option for anyone with ambitions of having a successful business—it’s a requirement. This article discusses how a great web design helps businesses, and provides tips that can help increase customer conversion. How great web design helps businesses In this increasingly digital world, your website often serves as… Continue reading Web Design Tips to Help Increase Customer Conversion
Code a Burger Menu for Mobile Users in WordPress
What You’ll Be Creating If you want your site to be responsive (and who doesn’t?), then it’s important to make sure that your main navigation menu works well on small screens. Large navigation menus can take up too much space on a mobile phone, or if they don’t, they can be too small to read… Continue reading Code a Burger Menu for Mobile Users in WordPress
13 Best PHP Tools For Every Programmer Or Software Developer
PHP is a popular known server-side scripting language, embedded in HTML (hypertext markup language). PHP is an acronym for “Hypertext Preprocessor.” The first version of PHP was released in 1994 by Rasmus Lerdorf. It started as an open source project which gained popularity as people began seeing its importance. PHP is used to manage databases,… Continue reading 13 Best PHP Tools For Every Programmer Or Software Developer
New Course: Figma to HTML
What You’ll Be Creating If you haven’t yet got to grips with the Figma interface design application, now’s your chance. In our new course, Figma to HTML: Code Up a Single-Page Design, you’ll master Figma by going through the process of converting a Figma website design to HTML. What You’ll Learn In this course, Kezz… Continue reading New Course: Figma to HTML
How to Make a Drop-Down Menu in WordPress
What You’ll Be Creating Navigation menus are having a bit of a moment in the spotlight. From burger menus for mobile through mega menus for stores to sticky menus for enhanced user experience, there’s a great choice in the way you can present your navigation menu in your WordPress site. But what if you want… Continue reading How to Make a Drop-Down Menu in WordPress
10 Best Gallery WordPress Plugins of 2019
WordPress gallery plugins are essential for displaying images, videos, eCommerce products, and blog posts in a stylish and eye-catching way. But, not all WordPress gallery plugins are created equal. Many are missing key features that help you integrate your media into your website’s theme to help create the most visually appealing experience for the user. … Continue reading 10 Best Gallery WordPress Plugins of 2019
The 5 Most Common Types of WordPress Breaches and Their Fixes
March 7, 2019 by Spyrestudios The WordPress platform is without a doubt the most popular CMS platform on the web. This platform has various features and tools which make it the preferred option for many website owners. Its popularity has captured the imagination of both good and bad people on the web. Criminals whose aim… Continue reading The 5 Most Common Types of WordPress Breaches and Their Fixes