current location:Home > Technical Articles > CMS Tutorial > WordPress

  • Explore the HTML5 Page Visibility API
    Explore the HTML5 Page Visibility API
    Earlier our browsers did not have tabbed browsing feature but today when you look at all available browsers we can see that all browsers offer this feature. As a programmer, I usually have 10-15 tabs open at a time, and sometimes this number exceeds 25-30. Why use this API? Previously, there was no way to determine which tab was active and which tab was active, but with the help of HTML5VisibilityAPI we can detect if a visitor is viewing our web page. In this tutorial, we will look at how to deal with the HTML5Visibility API along with a simple demonstration to discover the state of the page. In this demo we will base the page on what is visible
    WordPress 1236 2023-08-28 19:33:06
  • Efficient text animation with KUTE.js: Part 4, Text animation
    Efficient text animation with KUTE.js: Part 4, Text animation
    In the second tutorial in this series, you learned how to use KUTE.js to animate different CSS properties of elements on a web page. You learned how to animate all transform properties, as well as properties such as border-radius and border-color. You can also use CSS plugins to animate CSS properties such as font-size, line-height, letter-spacing, and word spacing. KUTE.js also has a text plugin that allows you to animate text within different elements by increasing or decreasing numbers like countdowns or writing strings character by character. In this tutorial, you will learn how to use the CSS and text plugins in KUTE.js for
    WordPress 810 2023-08-28 18:05:11
  • Quick tip: A closer look at jQuery - Grep
    Quick tip: A closer look at jQuery - Grep
    In the latest episode of "Anatomy of jQuery," we'll lift the lid on $.grep and see exactly what's going on behind the scenes. Subscribe to our YouTube page to watch all video tutorials! jQuery source of grep //jQuerysourceforthegrepmethodgrep:function(elems,callback,inv){varret=[];//Gothroughthearray,onlysavingtheitems//thatpassthevalidatorfunctionfor(vari=0,length=elems.l
    WordPress 1399 2023-08-28 17:49:10
  • Starting with Backbone.js
    Starting with Backbone.js
    Unlike its web development counterparts, JavaScript has never really provided structure in the form of a framework. Thankfully, in recent years, this has begun to change. Today I'd like to introduce you to Backbone.JS, a cute little library that makes the process of creating complex, interactive, and data-driven applications much easier. It provides a clean way to separate data from presentation. Backbone.JS Overview Created by Jeremy Ashkenas, the JS ninja who built CoffeeScript, Backbone is an ultra-lightweight library that allows you to create easy-to-maintain frontends. It is backend agnostic and works with any modern Java you already use
    WordPress 1324 2023-08-28 15:41:08
  • Embrace the warmth of Underscore.js
    Embrace the warmth of Underscore.js
    As JavaScript slowly moves out of browsers, there are tools that can significantly improve the robustness of JavaScript. One of those tools is called Underscore.js, and that’s the tool we’re going to introduce today. let's start! Meet Underscore.js So what exactly does Underscore do? Underscore is a JavaScript utility library that provides much of the functional programming support you'd expect in Prototype.js (or Ruby), but does not extend any of the built-in JavaScript objects. One of the benefits of working in Python or Ruby is the fancy constructs like map,
    WordPress 1212 2023-08-28 14:53:09
  • Top 10 Free and Open Source JavaScript Color Pickers
    Top 10 Free and Open Source JavaScript Color Pickers
    Color pickers are complex UI elements that allow users to select a color from a given palette. There are two ways to add a color picker to a web page. The first involves simply using an input element and setting the type attribute to color. It's easy to add and you can attach event listeners to make any changes to the web page based on the selected color. One problem with using input elements to create color pickers is that the UI can vary significantly between browsers. This may not always be satisfactory depending on what you are trying to create. Your users usually expect to see only minor changes in the UI, no matter what browser they use. Additionally, the visual appearance of the built-in color picker may not blend properly with the overall theme of your site.
    WordPress 1546 2023-08-28 12:21:01
  • Developing a custom image editor with CamanJS: Extended filter options and blending modes
    Developing a custom image editor with CamanJS: Extended filter options and blending modes
    In this first tutorial of our CamanJS image editor series, we edit images using only the built-in filters. This limits us to some basic effects like Brightness, Contrast and 18 other more complex filters like Vintage, Sunrise, etc. They are all easy to apply, but we don't have full control over the individual pixels of the image we want to edit. In this second tutorial, we learned about layers and blending modes, which give us more control over the image we're editing. For example, you can add a new layer to the canvas, fill it with a color or image, then place it on the parent layer and apply a blending mode. However, we still haven't created our own filter, and the blending modes we can apply are limited to C
    WordPress 868 2023-08-28 10:05:02
  • Introducing our latest JavaScript study guide
    Introducing our latest JavaScript study guide
    Do you want to learn JavaScript? We offer tons of JavaScript courses and tutorials on EnvatoTuts+, but sometimes it can be hard to know where to start. So we’ve put together a free JavaScript learning guide to walk you through the process from start to finish. What You'll Learn The study guide starts from the beginning, asking the simple question "What is JavaScript?" It then takes you through the basics of JavaScript and introduces jQuery, a cross-platform JavaScript library that lets you learn more Easily code for the browser. At each stage of the process, the guides include links to more in-depth courses and tutorials, such as
    WordPress 1006 2023-08-27 11:33:15
  • How to iterate over object keys using JavaScript
    How to iterate over object keys using JavaScript
    Custom objects cannot be iterated using for...of loops. Additionally, you cannot use iterator methods like map() and forEach(). If you do this, you will receive a TypeError in every instance. Instead, use for...in to iterate over objects. This method iterates over all enumerable, non-symbolic properties of the object. In the example below, we use it to iterate over all three properties of obj, and for each property we log a string consisting of the property name (i.e. its key) and its corresponding value. varobj={a:1,b:2,c:3};for(constpropinobj){console.log(`obj.${prop}
    WordPress 854 2023-08-27 09:17:12
  • Create a cool animated navigation using CSS3
    Create a cool animated navigation using CSS3
    In the old days of web development, developers would rely on Adobe's Flash whenever they needed to create any kind of animation for their website. Over time, people abandoned Flash and started doing many of these things with CSS and JavaScript. Finally, with CSS3 and the broad browser support it now enjoys, we can do some pretty amazing things with just some CSS3 and nothing else. In this tutorial, I'll show you how to create a cool animated navigation menu using CSS3. You can see it in action in the CodePen demo below: Excited about implementing menus? let's start. Deciding to markup HTML5 quotes
    WordPress 1023 2023-08-27 09:17:08
  • Telerik: From Angular expertise to mobile mastery
    Telerik: From Angular expertise to mobile mastery
    Angular is one of the most widely used JavaScript frameworks today. With its simple and flexible component-based approach, it has succeeded in revolutionizing the way data-driven web applications are created. Angular apps are always browser-only, though, whether it's an actual browser or a web view inside a hybrid mobile app. Therefore, their performance is always slightly worse than native applications. Thanks to Telerik and Google, that's all about to change. After nearly a year of collaboration, teams from both companies have come up with an innovative solution that not only decouples Angular from the browser, but also allows it to run natively on any platform. It involves using Angular2 (completely heavy
    WordPress 993 2023-08-27 08:09:13
  • Enhance HTML with AngularJS directives
    Enhance HTML with AngularJS directives
    The main feature of AngularJS is that it allows us to extend the functionality of HTML to serve the purpose of today's dynamic web pages. In this article, I'll show you how to use AngularJS's directives to make your development faster and easier, and make your code more maintainable. Preparation Step 1: HTML Template To make things easier, we will write all the code in an HTML file. Create it and put the basic HTML template into it: <!DOCTYPEhtml><html><head></head><body></body></html
    WordPress 845 2023-08-27 08:01:15
  • Vanilla JavaScript: Add or subtract days from date (and more)
    Vanilla JavaScript: Add or subtract days from date (and more)
    In a recent tutorial, we learned how to get and set the month, day, year, and time values ​​of any Date object. The ability to get and set these date values ​​comes in handy in many situations. For example, you can store the date of a special event in a variable. You can also use these methods to display the current date and time or to add or subtract from a period of time. In this tutorial, our focus will be on learning how to add or subtract a period of time, such as year, month, day, hours, and minutes, from a specified date. How to add year, month and day to a date You may remember from our other tutorials that JavaScript has methods such as setFullYear() and getFullYear() that you can use to set and get specific
    WordPress 1058 2023-08-26 16:53:08
  • How big is wordpress?
    How big is wordpress?
    The size of WordPress is not fixed. Depends on many factors, including the number of plugins and themes installed, the size of your site's content and media files, and the number of visits. The core file of WordPress itself is only tens of MB in size. Plug-ins and themes are extensions of the core functions of WordPress. Plug-ins and themes vary in size, and installing them will take up more space. The content and media files of the website will also take up a certain amount of space. If a large number of articles and media files are frequently published, the space requirement of the website will be greater.
    WordPress 1932 2023-08-11 13:52:00
  • WordPress enterprise website building series: delete unnecessary sidebar menus in the background
    WordPress enterprise website building series: delete unnecessary sidebar menus in the background
    This article is the first article in a series of tutorials on building a WordPress enterprise website. It will tell you how to delete unnecessary sidebar menus in the WordPress backend. I hope it will be helpful to you.
    WordPress 1260 2023-03-22 18:53:07

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28