Category Archive for: Design

Inline SVG is Best SVG

The Future of Mobile UI/UX

It is difficult to accurately predict the future of Mobile UI/UX design. Leave us some concepts that surely will be necessary to take into account in the short and medium term         source techahead

WordPress 4.5 launched

This update may be small compared to some we’ve seen in the past, but the changes introduced are designed to make using WordPress just a bit easier for everyone. It’ll be interesting to see where the Customizer goes from here. Now you can log in to WordPress with your email address instead of your username.…

Read More →

Shipping cost in product list

This post is a continuation of this one published some time ago. Now we will add the shipping cost of the products in the product list of the categories, to do this we also need the files overrides the previous post and install the shippincost module that you can download from this post. Once we have installed…

Read More →

New fields in contact form

We´ll see how to add a new field in the contact form The first thing we´ll do is find the file controllers\front\ContactController.php In this function public function postProcess() and add these $full_name = Tools::getValue(‘full_name’); We want to make this a required field so we have to validate it by adding this code in the same…

Read More →

Design Trends for 2015

The appearance always matters.  Coastal Creative Reprographics have put together an infographic of the big styles that swept the industry this year, as well as a look at what’s coming next.    

Logo in svg format

Now we will see how to use a vectorized logo in .svg format. First thing we will do is edit this piece of code in the header.tpl file   <div id=”header_logo”><a title=”{$shop_name|escape:’html’:’UTF-8′}” href=”{$base_dir}”><img class=”logo img-responsive” src=”{$logo_url}” alt=”{$shop_name|escape:’html’:’UTF-8′}” width=”{$logo_image_width}” height=”{$logo_image_height}” /> </a></div>   Editing the code in this way   <div id=”header_logo”> <a href=”{$base_dir}” title=”{$shop_name|escape:’html’:’UTF-8′}”>{$shop_name|escape:’html’:’UTF-8′} </a>…

Read More →

Pendulum effect

This is a curious example of using the pendulum property, this property allows you to create an animated effect. It is a clear example of how the html5 and css3 brings us more and more to the effects of video     See the Pen Hvqes by Brandon Lawrence (@bvbrandon) on CodePen.

Percentage labels

We will see how to implement tags porcentages type without using any js resource. To do this we use the CSS3 transition and animation resources. See the Pen HIzBq by antonio-ventura (@antonio-ventura) on CodePen.

Instagram portfolio view

Instagram is becoming more popular and able to display on our website is now a possibility. You only need to use instagram api and this code See the Pen Instagram by White Wolf Wizard (@WhiteWolfWizard) on CodePen.

Back to Top