Refactor HTML + CSS Website - DOM
338 USD- Refactor the entire LESS / HTML architecture since the code was written badly from start and to adopt 8pt grid system.
- Full rebase of the LESS files and to be converted into SASS using Gulp to automate compilation using configuration, also using best practices of SASS architecture.
- Styles must be based on SCSS pre-processor - to extend the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow us to make CSS that is more maintainable, themeable and extendable.
- Divide elements into individual components. Reuse components. (attention, by components we mean just specific SASS component and not a component developed under a specific framework.
- Refactor the color variables in order to support the light-mode and dark-mode of the entire UI. A full set of specific variables will be provided.
- Working with multi-language environment and display direction where content displays from the right-hand side of a page and concludes on the left-hand side, such as in Arabic, Hebrew and Urdu and in order to initialize translations of the website and visualize them accordingly (LTR and RTL support). Using a localization management platform that's fit for teams like POEditor.
The website template, after the refactoring, must support the following editing options:
A. Colors (basics, brand colors, contextual colors, text colors, shade colors, tint colors (to support light / dark UI)
B. Typography (multiple typography options as multiple type-faces without breaking the layout of the components: various line-heights, font size etc.)
C. Style: Multiple options for the roundness of the UI elements, buttons style: filled / gradient. Text filed style: fill or border.
D. Icons: to support multiple icons libraries.
If a .environment configuration file can added in order to manage, the better it is.
Current situation:
Currently, we own the current development and website layout but was not taken into consideration many customization aspects in order to act as a white-label product. On the other hand, we need to consider mixins to manipulate the brand language of the product, like border-radius, using multiple typefaces and so on.
In the future, the website will use data attributes, so we need individual JSON files in order to populate modules with data, without making any impact on the HTML. (Samples also can be provided on project brief).
If needed, we can also understand that from one developer to another is not easy to refactor, so we also consider moving it from the current development to another using a specific framework at the developer's suggestion / experience / timeline convenience.
Applications 1
-
226 1 0 Hello, I'm interested on your project.
I'll be glad to work with you!
-
330 3 0 1 Hello! My name is Anton and I had 4 year experience with HTML5, CSS3, JS. Also I'm working with SASS/SCSS, LESS. Could you send me a full tasklist? Which framework was used? You can view my works in portfolio.
-
48 Hello! I am interested in your project. I can start as soon as you need. I have a lot of experience with html, css, scss / sass, js, you can see examples of my work in the profile. Everything will be done quickly and efficiently. Feel free to contact me in PM.
-
3777 111 3 5 Hi, Cristian
I think I can help you update styles with Gulp, SASS.
-
159 14 1 1 Hello. I have read your proposition.
Could you send me link to current version. I need to look and estimate this part work.
Could we more details discuss about this project?
Current freelance projects in the category HTML & CSS
Looking for a web designer / developer on WordPress (Divi builder)https://annalecat.com/corporate-training/ What needs to be done: We have one page on the website that currently looks bad. It needs to be redesigned and laid out so that it looks beautiful, modern, and neat. What we already have for work: Text: Fully prepared and divided into… HTML & CSS, Web Design ∙ 1 day 19 hours back ∙ 35 proposals |
Processing and filling out a package of documents (Word and PDF)
68 USD
Looking for a freelancer for the prompt completion and formatting of a document package using ready-made templates (contracts, agreements, declarations). The task includes: Filling out these templates (candidate data, conditions, dates) in ready Word/PDF forms; Checking the… HTML & CSS, Text Editing & Proofreading ∙ 2 days 11 hours back ∙ 32 proposals |
Layout of 3 pagesIt is necessary to create a layout using Tailwind for WordPress. The pages should be as isolated from the theme as possible to avoid overriding any styles. Some elements already exist in the implemented theme and need to be reused. There is no mobile version in the design; the… HTML & CSS ∙ 2 days 15 hours back ∙ 62 proposals |
Comprehensive WordPress edits: plugin replacement (security), layout, and AI-SEO
23 USD
Looking for a WordPress specialist to perform three blocks of tasks on an active site: Security and Forms (Priority): Completely replace the outdated forms plugin (which is no longer updated by the author) with a modern and secure alternative (Fluent Forms / Forminator).… HTML & CSS, Search Engine Optimization (SEO) ∙ 3 days back ∙ 48 proposals |
Webflow Developer (Spanish Website Localization)We are looking for a Webflow Developer to localize the website into Spanish. Tasks: Translate the content of the website https://teplin.agency/ from English to Spanish using AI tools. Populate the Spanish version of the website in Webflow. Check the correctness of page display… HTML & CSS, Web Programming ∙ 5 days 19 hours back ∙ 25 proposals |