Lost your sourcemaps after upgrading to Webpack 2?

While migrating an application from Webpack 1 to the latest and greatest version 2, I noticed that our sourcemaps were gone. Even though I had set the correct devtool values in my Webpack configs.

After some (read lots) of debugging, I found that the UglifyJsPlugin plugin changed its default behaviour and nowadays you need to include the  { sourceMap: true } option when configuring it.

(Ytterligare en) Karusell i jQuery

Jag tänkte dela med mig av en karusell i jQuery, eller kanske en “infinite slider” som det så fint heter. Jag utgick ifrån en väldigt enkel slider som jag hittade, de allra flesta “färdiga” jag hittade var alldeles för stora, klumpiga och bloatade.

Krav:

  • Pilar för att navigera höger och vänster
  • En manuell navigering för att hoppa till valfri “slide”

Demo

Finns i min Dropbox.

Markup

Läs först igenom jQuery Infinite Carousel och se till att du är med på grundkonceptet, alltså hur den visar respektive slide. Det jag lagt till är att du placerar pilarna i lista som detta:

Samt den manuella navigeringen lägger du bara in en placeholder för:

Källkod

Allting finns samlat i en Gist på Github.

HTML

CSS

JavaScript

Kommentarer?

Jag försökte hålla det så enkelt som möjligt, samt att jag ville ha en “ren” version som jag själv kan gå tillbaka till och återanvända i andra projekt. Har ni förslag på förbättringar så tar jag gärna emot dem!

Ladda Javascript “rätt” i WordPress

Den senaste tiden har jag gjort en del jobb i WordPress och kommit i kontakt med många olika tillägg som finns skrivna till WordPress.

En irriterande sak med många tillägg är hur deras Javascript läggs till, en bra tumregel är att alltid ladda Javascript i sidfoten. För att åstadkomma detta så ska det sista argumentet i wp_enqueue_script vara satt till true.

Så om ni har tid över kan ni försöka uppmärksamma tilläggsutvecklarna som inte gör på detta sätt på problemet.

Ett litet bekymmer som brukar uppstå är även att tillägg som är beroende av jQuery tvingar detta att ladda i sidhuvudet (innan wp_head() ), detta kan du komma runt genom att göra ett litet “fulhack” i din functions.php.

// May have to be changed in future depending on jquerys directory
if (!is_admin())
    wp_enqueue_script('jquery', get_option( 'siteurl' ).'/wp-includes/js/jquery/jquery.js','','',true);

Vi är tvungna att se till att jQuery laddas som vanligt i administrationen, därav is_admin().

I övrigt så är WordPress ganska smidigt att jobba med (så länge du inte försöker göra saker WordPress inte riktigt är tänkt för), akta dig för att aktivera för mycket tillägg bara. Det kan bli en hel del anslutningar för att hämta diverse Javascript och CSS-filer.

För de Javascript och CSS ni lägger till själv kan jag iaf rekommendera WP-JS och WP-CSS för att slå ihop och komprimera dessa.