Web Development Archives - The Geek Connection

WordPress using wrong template after AJAX loading

A tricky problem with my AJAX-search function. Wordpress decided to use front-page.php for loading extra AJAX-content. The problem was that this styled the content in a different way than I needed. After identifying the root of the problem (which takes time!), I looked around for a neat solution. What I came up with was overriding ...

January 19, 2017

Kamiel Choi

PHP, Wordpress

Meteor

I played around with I watched some videos about meteor and I like their bottom line of bringing to the world what Facebook and Google have been hiding from us for their revenue. Fast interactive (reactive) web technologies. There are a few things that make me skeptical as to whether meteor is the future. First of all, do ...

December 30, 2015

Kamiel Choi

Meteor, MongoDB, node.js

Javascript

jQuery UI style hack

Some of us still use jQuery UI :) In fact, it wasn't too bad, is still supported by all modern browsers, and performs reasonably well on mobile. There is one issue: the graphics look horribly 2010. jQuery UI offers a user interface to cherrypick your own CSS (it's great and kind of works: look at ...

December 23, 2015

Kamiel Choi

CSS, Quick Tips

Weekly changing random number

Simple task: How do we generate a random number that automatically changes every certain period of time. Of course, we use the week number when calculating the random number. Also, we have to cache a "large integer" that will not change until the end of the week to get a deterministic random-enough number. The result ...

December 8, 2015

Kamiel Choi

PHP, random

PHP, Wordpress

Light background (the best way)

When creating a fixed background image there are a few things to consider: browser compatibility. Does that z-index work everywhere? image size. Does this load fast enough on a 3G connection? ease of change. What happens when the theme updates? I found that the easiest way is to set the background-image property via the add-on ...

October 14, 2015

Kamiel Choi

background image css, full-width fixed background, light background image

Wordpress

LESS in 5 minutes

LESS is a handy precompiler for CSS, but as it develops it becomes so complex we start assuming that we need a tutorial or long read in order to understand it. I think it's worthwhile to use just a few very basic capabilities of LESS (leaner CSS) and that you can learn how to use ...

May 18, 2015

Kamiel Choi

77da34, CSS, LESS, precompiler

CSS, Web Development

More.less

@base: 663333; @complement2: darken(spin(@base, 180), 5%); @lighten2: lighten(@base, 30%); @lighter2: lighten(spin(@base, 10), 20%); @darker2: darken(spin(@base, -10), 20%); .opacity (@opacity: 0.5) { -webkit-opacity: @opacity; -moz-opacity: @opacity; opacity: @opacity; } .border-radius (@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } .box-shadow (@string: 2px 2px 4px rgb(0,0,0,0.5)) { -webkit-box-shadow: @string; -moz-box-shadow: @string; box-shadow: @string; } .drop-shadow (@x: ...

May 18, 2015

Kamiel Choi

000000, 663333, CSS, ffffff, LESS

CSS, Web Development

WP_less

I'm a heavy user of LESS and I rejoiced when I learned that some geeks plugged in the LESS PHP-compiler into Wordpress - and it works out of the box! I didn't experience any issues with syntax (although you sound be careful as there are little difference between the LESS compilers) and the LESS files in ...

April 27, 2015

Kamiel Choi

CSS, enqueue less, LESS, mixins, precompiler, WP_less

CSS, Wordpress

M	T	W	T	F	S	S
« Nov
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30