Foundation 6.5 ute nu
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.
-
- 0 1113
jQuery 3.3.0 lägger till en ny funktion och tar bort en del
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)
-
- 0 1051
Bygg ditt eget API från början med Code Academy
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!
-
- 1 1361
Framtiden för CSS med Guil Hernandez
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?
-
- 0 1129
Mobila beteenden i framtiden med Luke Wroblewski
[embed width=960" height="540] [/embed]
-
- 0 1037
Webpack för kontrollerad kod
[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å?
-
- 0 1117
CSS Grid - ett nytt sätt att tänka
[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?
-
- 3 1405
Sublime text får nytt liv efter ett år utan livstecken
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...
-
- 0 1077
HTML5 certifierad genom W3C en succé
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?
-
- 0 1108
Template filer i PhpStorm
Account
Navigation
Search
Configure browser push notifications
Chrome (Android)
- Tap the lock icon next to the address bar.
- Tap Permissions → Notifications.
- Adjust your preference.
Chrome (Desktop)
- Click the padlock icon in the address bar.
- Select Site settings.
- Find Notifications and adjust your preference.
Safari (iOS 16.4+)
- Ensure the site is installed via Add to Home Screen.
- Open Settings App → Notifications.
- Find your app name and adjust your preference.
Safari (macOS)
- Go to Safari → Preferences.
- Click the Websites tab.
- Select Notifications in the sidebar.
- Find this website and adjust your preference.
Edge (Android)
- Tap the lock icon next to the address bar.
- Tap Permissions.
- Find Notifications and adjust your preference.
Edge (Desktop)
- Click the padlock icon in the address bar.
- Click Permissions for this site.
- Find Notifications and adjust your preference.
Firefox (Android)
- Go to Settings → Site permissions.
- Tap Notifications.
- Find this site in the list and adjust your preference.
Firefox (Desktop)
- Open Firefox Settings.
- Search for Notifications.
- Find this site in the list and adjust your preference.