Products
Updates
Resources
Support
Login
Swiss Knife 2.0
Optimized for Oxygen 3.9 >
Performance Update</h2> <p><strong>More features, less code</strong>. Swiss knife 2.0 code is refactored, and it is lightweight as it can be.</p> <figure class="wp-block-image size-large is-resized"><img fetchpriority="high" decoding="async" src="https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-19.42.54-1024x119.png" alt="screenshot 2021 11 20 at 19.42.54" class="wp-image-34752" width="840" height="97" srcset="https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-19.42.54-1024x119.png 1024w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-19.42.54-300x35.png 300w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-19.42.54-768x89.png 768w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-19.42.54.png 1288w" sizes="(max-width: 840px) 100vw, 840px" /></figure> <h2 class="wp-block-heading">Class Manager</h2> <p>Class Lock and Insert classes are merged into one are located above select classes.</p> <figure class="wp-block-image size-full"><img decoding="async" width="600" height="397" src="https://dplugins.com/wp-content/uploads/2021/11/image-7.png" alt="image 7" class="wp-image-34754" srcset="https://dplugins.com/wp-content/uploads/2021/11/image-7.png 600w, https://dplugins.com/wp-content/uploads/2021/11/image-7-300x199.png 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure> <h2 class="wp-block-heading">Class lock </h2> <p>is polished in backend and frontend</p> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="604" height="838" src="https://dplugins.com/wp-content/uploads/2021/11/image-8.png" alt="image 8" class="wp-image-34755" srcset="https://dplugins.com/wp-content/uploads/2021/11/image-8.png 604w, https://dplugins.com/wp-content/uploads/2021/11/image-8-216x300.png 216w" sizes="(max-width: 604px) 100vw, 604px" /></figure> <h2 class="wp-block-heading">Insert Classes</h2> <p>is updated with the search for names on top and also the added close button in case you don’t want to add any of the classes.</p> <p><strong>Search is filtering as your type.</strong></p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="451" src="https://dplugins.com/wp-content/uploads/2021/11/image-9-1024x451.png" alt="image 9" class="wp-image-34756" srcset="https://dplugins.com/wp-content/uploads/2021/11/image-9-1024x451.png 1024w, https://dplugins.com/wp-content/uploads/2021/11/image-9-300x132.png 300w, https://dplugins.com/wp-content/uploads/2021/11/image-9-768x338.png 768w, https://dplugins.com/wp-content/uploads/2021/11/image-9-1536x677.png 1536w, https://dplugins.com/wp-content/uploads/2021/11/image-9-2048x903.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <h2 class="wp-block-heading">Breakpoints size on hover</h2> <p>Is moved to be inside the buttons and not as a tooltip that was taking too much size.</p> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="610" height="518" src="https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-19.57.51.png" alt="screenshot 2021 11 20 at 19.57.51" class="wp-image-34758" srcset="https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-19.57.51.png 610w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-19.57.51-300x255.png 300w" sizes="(max-width: 610px) 100vw, 610px" /></figure> <h2 class="wp-block-heading">New Structure panel </h2> <p>Since Oxygen changed completely HTML structure in 3.9. Icons are aligned properly. And have little opacity as they should now take distraction from reading the text. </p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="608" height="1024" src="https://dplugins.com/wp-content/uploads/2021/11/image-10-608x1024.png" alt="image 10" class="wp-image-34759" srcset="https://dplugins.com/wp-content/uploads/2021/11/image-10-608x1024.png 608w, https://dplugins.com/wp-content/uploads/2021/11/image-10-178x300.png 178w, https://dplugins.com/wp-content/uploads/2021/11/image-10-768x1294.png 768w, https://dplugins.com/wp-content/uploads/2021/11/image-10.png 800w" sizes="(max-width: 608px) 100vw, 608px" /></figure> <h2 class="wp-block-heading">Cut, Copy, Paste AKA Copy to Clipboard</h2> <p>This is still in alpha and we are working to polish it. At the moment it’s going to copy everything that is changed/added to the element. In the future, we will add granular copies like only classes, colors, fonts, etc.</p> <p>It’s possible to paste on the same page, another page, or another website. </p> <p><strong>Note: </strong>Feature much be enabled if you want to use shortcuts</p> <p></p> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="438" height="206" src="https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.00.54.png" alt="screenshot 2021 11 20 at 20.00.54" class="wp-image-34760" srcset="https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.00.54.png 438w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.00.54-300x141.png 300w" sizes="(max-width: 438px) 100vw, 438px" /></figure> <p>Pasting between HTTPS and HTTP will bring a dialog box where you need to paste code and it will be converted to HTTP.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="501" src="https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-21-at-19.02.51-1024x501.png" alt="screenshot 2021 11 21 at 19.02.51" class="wp-image-34831" srcset="https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-21-at-19.02.51-1024x501.png 1024w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-21-at-19.02.51-300x147.png 300w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-21-at-19.02.51-768x376.png 768w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-21-at-19.02.51.png 1108w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <h2 class="wp-block-heading">Shortcuts manager</h2> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="106" src="https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-21-at-19.06.32-1024x106.png" alt="screenshot 2021 11 21 at 19.06.32" class="wp-image-34832" srcset="https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-21-at-19.06.32-1024x106.png 1024w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-21-at-19.06.32-300x31.png 300w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-21-at-19.06.32-768x79.png 768w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-21-at-19.06.32.png 1450w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <p>We added an option to display a list of “Assigned” shortcuts inside the Oxygen Builder. We are in the 21st century and we should not print anymore. </p> <p>By default Display shortcuts feature does not have an assigned shortcut and you need to assign it.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="494" src="https://dplugins.com/wp-content/uploads/2021/11/image-11-1024x494.png" alt="image 11" class="wp-image-34833" srcset="https://dplugins.com/wp-content/uploads/2021/11/image-11-1024x494.png 1024w, https://dplugins.com/wp-content/uploads/2021/11/image-11-300x145.png 300w, https://dplugins.com/wp-content/uploads/2021/11/image-11-768x371.png 768w, https://dplugins.com/wp-content/uploads/2021/11/image-11-1536x741.png 1536w, https://dplugins.com/wp-content/uploads/2021/11/image-11-2048x988.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <h2 class="wp-block-heading">Variable Fonts</h2> <p>From version 2.0 when you are registering custom fonts you will get the option to choose between Add a Font Faces or Variable font. </p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="366" src="https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.08.32-1024x366.png" alt="screenshot 2021 11 20 at 20.08.32" class="wp-image-34761" srcset="https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.08.32-1024x366.png 1024w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.08.32-300x107.png 300w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.08.32-768x275.png 768w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.08.32-1536x550.png 1536w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.08.32.png 1682w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <p>If you press Variable Font you will get only 1 box instead of several like with Font Faces. </p> <p>The only difference is that here you will be able to set supported font weights.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="656" src="https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.10.55-1024x656.png" alt="screenshot 2021 11 20 at 20.10.55" class="wp-image-34762" srcset="https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.10.55-1024x656.png 1024w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.10.55-300x192.png 300w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.10.55-768x492.png 768w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.10.55-1536x983.png 1536w, https://dplugins.com/wp-content/uploads/2021/11/Screenshot-2021-11-20-at-20.10.55.png 1718w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <p>Here is an example of what you can do with variable fonts</p> <figure class="wp-block-embed is-type-wp-embed is-provider-codepen wp-block-embed-codepen"><div class="wp-block-embed__wrapper"> <iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" title="Variable Fonts | Compressa" src="https://codepen.io/JuanFuentes/embed/preview/rgXKGQ?default-tabs=js%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=rgXKGQ#?secret=0NwsPrxd7g" data-secret="0NwsPrxd7g" scrolling="no" frameborder="0" height="300">
