Category Archive for: Design

featured_wordpress

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 →

productlistcost

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 →

Contact us   lonisitemore

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 →

Need a New Website or Logo  Design Trends for 2015.  Infographic1

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.    

svg-project

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 →

CodePen   A Pen by Brandon Lawrence

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.

9866

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   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.

HTML chapter markers for a Vimeo video   CodePen

Vimeo chapter markers

In this demo we can see how to display a sequence of chapters in a vimeo video using api vimeo See the Pen HTML chapter markers for a Vimeo video by Ian Armstrong (@Imperative) on CodePen.

Video background with solid shape over it   CodePen

Tubular video

In this experiment we can see visual interpolation of a color layer on a video. The ability to edit a video by code is becoming more real. This is possible thanks to the use of the latest version of jquery script and tubular http://www.seanmccambridge.com/tubular/js/jquery.tubular.1.0.js See the Pen Video background with solid shape over it by…

Read More →

Back to Top