Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Webbutveckling

    51 posts in this category

      Foundation 6.5 ute nu

      Efter en tids fördröjning så släpper Zurb sitt front-end framework i version 6.5. Det är en minor release så det är inte så många nya funktioner, men en hel del bugfixar.
      Foundation 6.5 (som ersätter den tänkte 6.4.4 releasen) har inte CSS Grids stöd än, men det är på väg. Ändringarna i Foundation 6.5 delas upp i tre kategorier: bättre stabilitet, bättre tillgänglighet och bättre browser stöd.
      Foundation 6.5 är fullt kompatibel med tidigare versioner och fokus har varit att korrigera saker som inte fungerade som man tänkt och fixa defekter. På grund av detta kan en del saker ha bytt utseende så det kan vara värt att kika på innan du uppgraderar.
      Möjligen den största förbättringen på Javascript-fronten är att inte bara är Foundation's Javascript tillhandahållet som CommonJS, ES Modules och ES6-buntar, det distribueras även som standard som UMD-bunt. Det betyder att du kan importera Foundation i vilken Javascript-miljö du vill, inklusive Node.js, utan att transpilation krävs.
      Inte så mycket nytt som syns i den här releasen, men det är en hel del som gjorts i bakgrunden. Man har också lagt lite krut på att uppdatera dokumentationen och exemplen i den här releasen.
       

      jQuery 3.3.0 lägger till en ny funktion och tar bort en del

      Nu kommer jQuery 3.3.0 och i vanlig ordning så slimmas funktionerna, men en ny funktion lägger man faktiskt till. Det är metoderna .addClass(), .removeClass() och .toggleClass() som får stöd för arrayer. Ett tillägg som jQuery teamet undrar varför de inte haft med långt tidigare.
       
      Det bör inte finnas några kompatibilitetsproblem om du uppgraderar från jQuery 3.0+. Om du inte har uppgraderat till jQuery 3+, så kika på Uppgraderingsguiden för 3.0. Pluginet jQuery Migrate 3.0 kan hjälpa dig att identifiera kompatibilitetsproblem i din kod.

      Avskrivningar
      jQuery 3.3.0 kommer med avskrivningar av några metoder också.



      Dessa funktioner har antingen förlorat någon av deras användbarhet över tiden, anses vara mindre gynnsamma än tillgängliga alternativ eller var avsedda för intern användning från början. Medan de flesta av dessa kommer att tas bort i jQuery 4.0, är ​​det värt att notera att vi inte anser att avskrivningen av en metod betyder att den kommer att tas bort. det innebär att vi uppmuntrar användningen av alternativ. Exempelvis kommer händelsealias som .click () sannolikt aldrig att tas bort.



      jQuery.now (#2959, 909e0c99)
      jQuery.isWindow (#3629, c18d6085)
      jQuery.camelCase(#3384, 64a28928)
      jQuery.proxy (not slated for removal) (#2958, 3a8e4474)
      jQuery.type (#3605, 1ea092a5)
      jQuery.isNumeric (#2960, c4494d4a)
      jQuery.isFunction (#3609, 3d732cca)
      Event aliases (#3214, 022b69a4)
      Du kan hämta filerna från jQuery CDN, eller länka direkt till dem:
      https://code.jquery.com/jquery-3.3.0.js
      https://code.jquery.com/jquery-3.3.0.min.js
       
      Du kan också få den här utgåvan från npm:
      npm installera jquery@3.3.0


      Changelog

      GitHub changelog: Issues fixed in 3.3.0 | All changes
      Ajax


      Add an ontimeout handler to all requests (#3586, 262acc6f)
      Don’t process non-string data property on no-entity-body requests (#3438, d7237896)

      Attributes


      Feature: Allow array param in add/remove/toggleClass (#3532, 80f57f8a)

      Build


      Test on Node.js 8, stop testing on Node.js 7 (bef46a2a)
      Update to Babel 7, use for-of plugin instead of preset-es2015 (90bac40a)
      Remove package-lock.json, add it to .gitignore (#3792, 7037facc)
      Test on Node.js 9 (3e902a81)
      Fix UglifyJS output in Android 4.0; update uglify (#3743, c9efd11f)

      Core


      Deprecate jQuery.now (#2959, 909e0c99)
      Deprecate jQuery.isWindow (#3629, c18d6085)
      Make camelCase function available only for internal usage (#3384, 64a28928)
      Deprecate jQuery.proxy (not slated for removal) (#2958, 3a8e4474)
      Deprecate jQuery.type (#3605, 1ea092a5)
      Deprecate jQuery.isNumeric (#2960, c4494d4a)
      Update isFunction to handle unusual-@@toStringTag input (#3600, #3596, a16339b8)
      Deprecate jQuery.isFunction (#3609, 3d732cca)

      CSS


      Drop the float mapping from cssProps (bbf33428)
      Correctly set support properties with non-default zoom (#3808, f00a0759)
      Detect more WebKit styles erroneously reported as percentages (#3777, 94ddf620)
      Retrieve inline style before computed (c4598da4)
      Avoid unit-conversion interference from CSS upper bounds (#2144, 692f9d4d)

      Deferred


      Fix memory leak of promise callbacks (#3606, 36389288)

      Dimensions


      Improve offsetWidth/offsetHeight fallback (#3698, #3602, a4957849)
      Include scroll gutter in “padding” box (#3589, 80f1c823)
      Fall back to offsetWidth/Height for inline elems (#3571, 473d2ea7)
      Don’t trust non-pixel computed width/height (#3611, 3cf1d14c)
      Detect and account for content-box dimension mishandling (#3699, 3fcddd6e)

      Docs


      Create CODE_OF_CONDUCT.md (e84d3bc0)
      Update links to HTML spec for stripAndCollapse (#3594) (e1b1b2d7)

      Event


      Move event aliases to deprecated (#3214, 022b69a4)
      `stopPropagation()` on native event-handler (#3693, 490db839)

      Filter


      Use direct filter in winnow (#3272, 4765bb5c)

      Manipulation


      Use `.children` to select tbody elements (a88b48ea)
      Add support for scripts with module type (#3871, 5d3a968e)

      Offset


      Use correct offset parents; include all border/scroll values (#3080, #3107, 1d2df772)

      Support


      Properly check for IE9 absolute scrollbox mishandling (#3699, #3730, 20cdf4e7)


      Bygg ditt eget API från början med Code Academy

      Ta en djupdykning in i back-end-arkitekturen i webbapplikationer genom att bygga ditt eget API från början.Lär dig grunden för JavaScript och Express.js, en ny teknik som driver API: er på företag som Twitter och PayPal.
       
      Detta program lär dig de färdigheter du behöver för att bygga baksidan av en webbapplikation. När du kombinerar den här kursen med avancerade programmeringsfärdigheter, så kan du bygga rika och interaktiva full stack applikationer.
       
      På bara åtta veckor kommer du att lära dig om arkitekturen för en webbapplikation, hur backend av en webbapplikation interagerar med en databas, och hur man använder JavaScript och Express.js för att skapa moderna backend API: er. Du kommer att examinera med tre egna projekt.
       
      Code Academy's egna utvecklare kommer att utvärdera och guida dig genom programmet med personlig feedback. Du bör kunna avsätta minst 10 timmar i veckan för att kunna fullfölja i den takt kursen är uppsatt.
       
      Erfarenhet med kommandotolk och textredigerare rekommenderas men det är inget krav. Programmet är endast tillgängligt på engelska.
       
      Prislappen är $199 och sista anmälningsdag är den 15:e Januari, så boka på en gång om du är intresserad!
       
       

      Framtiden för CSS med Guil Hernandez

      En intressant presentation av framtiden för CSS enligt Guil Hernandez från Treehouse Island i Orlando, Kalifornien. Intressanta tankar och exempel om CSS variabler, CSS blend modes, CSS shapes. CSS clipping paths, pseudu klasser och så klart min favorit 8 teckens hex för att lägga till alpha direkt och slippa RGB.
       


      Det är mycket spännande som händer på CSS fronten och frågan är ved du är mest intresserad av i den närmaste framtiden och hur du tror att det kommer att förändra frontend utveckling? Kan till exempel CSS variabler helt eller delvis ersätta pre-processorer som SASS och LESS?

      Mobila beteenden i framtiden med Luke Wroblewski

      Under 90 minuter så går Luke Wroblewski igenom hur mobila beteenden har förändrats under de senaste 10 åren och vart vi är på väg i framtiden. Vad har vi lärt oss om hur vi ska designa för mobila beteenden och hur ska vi designa för mobila beteenden i framtiden?




      [embed width=960" height="540] [/embed]


       

      Webpack för kontrollerad kod

      Webpack är ett etablerat byggskript som hjälper till att hålla beroenden på plats, men också för att automatiskt kompilera minifierad kod. Det är inte bara javascript som hanteras heller utan Webpack hanterar CSS, HTML, bilder och fonter lika lätt.




      [embed width=960" height="540] [/embed]



      Att ha ett bra byggskript för att hantera workflows och kompilera flera filer till en produktionsredo fil är viktigt när man jobbar med frontend. Webpack är ett av de många alternativ som finns och det har fått lite extra uppmärksamhet nu när Wordpress valt att byta till Webpack från Browserify.

      Jag har tyvärr ingen direkt erfarenhet av Webpack själv, men jag ska kika på det i mer detalj när jag har mer tid. Har du provat på Webpack så vill jag gärna höra vad du tycker om det. Samma sak om du föredrar något annat alternativ så vill jag gärna höra mer om det också?

      CSS Grid - ett nytt sätt att tänka

      CSS Grids är ett ganska underbart tillägg till en front end utvecklares arsenal, speciellt nu som det finns stöd för det i alla moderna browsers. Morten Rand-Hendriksen gör här en fantastisk presentation av hur användbart CSS Grids faktiskt är.




      [embed width=960" height="540] [/embed]


      CSS Grids tillsammans med media queries är ett välkommet sätt att hantera förändringar mellan olika viewports. Hur många utvecklare har inte svurit över en design där element flyttar sig mellan olika viewports? Hur många har inte försökt lösa det med duplicerad html eller andra dåliga lösningar?

      Morten Rand-Hendriksen visar i den här presentationen hur kraftfullt CSS Grids är och hur det kan användas för att lösa även de galnaste skillnaderna i design mellan viewports. Han gör det dessutom med underbar humor och rakbladsvass retorik som gör det till ett nöje att titta på.

      CSS grids bör vara på alls läppar redan och en naturlig del av en frontend utvecklares arsenal och tankesätt. Nu vet jag att det inte är så än, men det kommer ju mer denna teknik används och ju mer vi tar ansvar för att skapa en semantiskt korrekt design, utan att lägga in onödiga containers för att styra innehållet, desto snabbare kommer det att bli verklighet.

      Vad tycker du om CSS Grids och använder du det idag?

      Sublime text får nytt liv efter ett år utan livstecken

      Efter ett års uppehåll, något som skapat många spekulationer gällande framtiden för text editorn Sublime text 3, så har nu äntligen en ny release släppts. Detta ger hopp efter nästan tre år av spekulationer om att den populära text editorn håller på att dö ut.
       
      Sublime Text 3 har varit under utveckling sedan åtminstone början av 2013 , men utvecklingen gick inaktiv i månader i sträck ett antal gånger under årens lopp - den sista betan släpptes i mars 2015.
       
      Inlägg på Reddit och Hacker News frågade konsekvent om Sublime text 3 var död, men teamet meddelade  2014 att "Vi slutar inte utvecklingen av Sublime text 3 ", men utvecklingsteamet är " effektivt ett enmansband". Detta oroade många som såg detta som ett tecken på att Sublime text 3 var på väg att dö ut.
       
      Medan Sublime var vilande har nya textredigerare dykt upp baserade på modern webbteknologi , som GitHub's Open Source editor Atom och Adobe's Brackets för att nämna några.
       
      Den här veckan har dock Sublime 3 kommit tillbaka till livet med lanseringen av en ny uppdatering. Uppdateringen inkluderar ett antal större buggfixar , introducerar en ny sublim - syntax och snabbar upp inläsning av filer.
       
      Med detta finns det hopp för den populära text editorn Sublime text 3, men frågan är hur länge...

      HTML5 certifierad genom W3C en succé

      I Mars in år så gjorde W3C gemensam sak med edX för att skapa de första certifieringarna för HTML5. Detta har blivit en stor succé och under 2016 så kommer vi förmodligen se allt fler certifierade utvecklare och en del nya certifieringar från W3C.
       
      Det var i Mars som W3C annonserade sitt samarbete med edX och presenterade sin först utbildning HTML5 Part 1: HTML5 Coding Essentials and Best Practices under sitt nya arbetsnamn W3Cx. W3Cx är tänkt att det ska fungera som en utbildningshubb som ska ta fram ett antal så kallade MOOCs (Massive Open Online Courses) och idag så finns det två kurser ed planer på flera under nästa år.
       
      Första HTML5 kursen har haft stor framgång med 150.000 deltagare på de två tillfällena som gavs under 2015. Efter kursen kan kursdeltagarna välja att ta ett så kallat Verified Certificate, vilket visar att har tagit sig igenom kursen med ett resultat på minst 70%. Nu i December var antalet verifierade omkring 1000 personer, vilket är ganska lågt antal ändå med 150.000 deltagare.
       
      Under 2016 så bör detta antal öka och med introduktionen av den andra HTML5 kursen "HTML5 Part 2: Advanced Techniques for Designing HTML5 Apps" så ser det ut som att 2016 kommer att bli året då vi får se fler certifierade HTML5 utvecklare i världen.
       
      Det som blir intressant är att se om detta kan bli en certifiering som blir intressant för framtiden eller bara ännu en värdelös papperslapp som situationen är nu för frontendutvecklare. Förhoppningsvis kan tyngden av W3C i framtiden leda till en certifieringsstandard, men tills dess kan vi iallafall testa oss själva mot de nya HTML5 certifieringarna eller leka runt på w3devcampus i jakt på nya roliga sätt att utbilda oss.
       
      Vad tror du? Kan W3Cx bli en ny certifieringsstandard i framtiden eller blir det bara ännu en onödig certifiering som ingen bryr sig om?

      Template filer i PhpStorm

      Template filer i PHPStorm låter dig sätta upp mallar för olika ändamål. Detta är väldigt bekvämt för att sätta upp template filer för vanliga strukturer så du kan reducera en hel del tid på att bara klicka på en template och sedan får en flygande start.
×
×
  • Create New...