HTML, CSS and template engine. Processing of CMS modules.
Good level of HTML/CSS knowledge, pixel-perfect development experience, responsive designs using Flexbox and SS Grid.Accessibility Principles.Experience in working with any template engine or react/vue/angular, or experience in PHP programming (as a language that has a built-in templator function).Experience with JS/jQuery.Currently, these are not very complex functions such as dynamic pages elements (accordion, modals, etc.)Experience in creating page patterns in visual page editors (every one where a network and blocks/components/modules/reset are used).Experience with Git and GitHub.Working experience with Sass/SCSS/Less will be a plus.Experience in developing themes for any CMS, such as WordPress, will be a plus.Experience in developing custom blocks/components/modules/widgets for visual page editors such as WP Bakery or WordPress Gutenberg (or others) will be a great plus.The Intro:
Work on a topic for HubSpot CMS, which contains a set of page templates, sections, modules.The pages are made up of sections.Sections include modules, networks (SSS Bootstrap-like grid with rows and 12 columns) and drag'n'drop areas.When a new page is created, the user selects one of the templates and edits the page in the visual editor.CMS provides a set of standard modules that can be added to d'n'd zones.The theme we are developing includes a set of custom modules for editing/approval of formatted data.The templates/sections/modules code is HTML with the built-in language templator HubL.CSS code also uses HubL as a pre-processor.Hubl supports macros (there may be known to you in other technologies as "mixins").The development takes place in Visual Studio Code with a plug-in for syntax lighting.Modules have a set of fields (fields) that are edited in the visual editor of the page.Structure, field types and their default values are specified in the JSON file set.Modules may include the JSON file display rules are large and not very convenient to edit, but the CMS has a built-in additional visual field editing editor.Each field of the module has a value for ordering, the fields are united in groups, so groups also have a value for ordering, which is in priority over the value of the individual fields.Modules have parameters, sections through module parameters can set the value of the fields by order, which have even greater priority.It is important to understand that the CMS cannot be deployed locally, that is, every theme file must be downloaded to the CMS server.However, for the convenience of local development, the CLI tool is used with the Watcher function, i.e. all local changes are automatically uploaded to the development server.Task: The subject code for the processing will be given to the chosen executive.The task number 1:
Create preset drop-down for button styles (solid, outline, arrow, underline, simple link) in the Custom Button module.Add an additional field to the module that stylizes the custom button module and sets its style.Implementation according to the analogue with the built-in Presets function in the default theme "Growth theme".The style specifications and the example of the Growth theme code will be provided to the chosen execution.The task number 2:
Trust Marks module - Add logo alignment style control.Add fields to balance the logo inside the module (left, center, right) using the flexbox.The module has two display modes (Card and Simple modes) - already existing functionality.Details of cooperation 1.Payment is contractual, please write your fixed assessments and/or clarification questions.The 2ndNow I have a few more tasks in the same project, and they will be more.Task 1 and 2 I will evaluate as a paid test task for the beginning of a longer cooperation.3 .The window is on the side of the executive.Please provide information: when you may be in contact (days and hours), when you can start the work, the expected time of completion of the work, changes in the status and progress of the tasks, details about complications in the work and possible delays in the result (some thing goes wrong - tell us, and we will find a solution).and 4.Work on the result.This includes discussion and execution of the laws.The possibility of supplementation is discussed in each case separately and is a normal practice in case of supplementation of the task (new details appear or the TZ has gap).and 5.Attention to the details.To refer to the project, bring your most relevant experience and (thank for understanding) write the name of one of the HubL functions (a satisfactory selection from the documentation), so your proposal will not be lost among copy&paste messages.Getting Started Guide + Key Concepts Page
If you haven’t already found it, this guide for developers should be your first stop.You'll learn how to set up our local development tooling, download boilerplate files, and create and edit your first project.Next, take a look at this Key Concepts page for a high-level look at how the CMS is designed to work.HubL functions documentation
Current freelance projects in the category Web Programming
Landing page for a psychologistTask. Create a "turnkey" and "launch" landing page for a psychologist with potential for expansion (adding a menu and other pages). Sequential screenshots of the desired design are in the attached files. For this specialist https://barb.ua/uk/zaporozhye/master/izubar… Web Programming ∙ 3 hours 44 minutes back ∙ 13 proposals |
Primatic - Transfer of 3 pages from Figma to WordPress (Elementor)Hello! My name is Anna, I live in Israel and run a small creative studio. I mainly work with small and medium businesses and am currently looking for a freelancer for long-term collaboration. At the moment, there is a project: we need to transfer a finished design from Figma… HTML & CSS, Web Programming ∙ 4 hours 51 minutes back ∙ 22 proposals |
Looking for a Frontend Developer (React + Tailwind) to refine the websiteHello everyone! We are looking for a skilled frontend developer to help us finish the website of a premium plastic surgery clinic. The situation is as follows: the site has been designed and built using two AIs — the logic, structure, and code were created through neural… Web Programming, Web Design ∙ 8 hours 27 minutes back ∙ 37 proposals |
Development of 2 SEO-oriented websites for selling spare parts (ATVs and special equipment)Development of Two Specialized Websites for Selling Spare PartsGeneral Information It is necessary to develop two specialized websites: Spare parts for ATVs, UTVs, SSVs, and other similar equipment. Spare parts for special equipment. Existing company website:… PHP, Web Programming ∙ 18 hours 14 minutes back ∙ 51 proposals |
Need a 1C specialist (Trade Management)
23 USD
Need a 1C specialist (Trade Management) We are looking for an experienced 1C programmer for a small integration project. We have an online store and a 1C UT configuration. It is necessary to set up data exchange between the website and 1C — so that the website can receive… System & Network Administration, Web Programming ∙ 21 hours 25 minutes back ∙ 12 proposals |
Kharkiv