Utvecklingsmiljö och programvara:
Användbara webbverktyg:
Image sharing:
Code sharing:
- Pastebin.com (inlägg om deras seo av poster)
- Codeshare.io
- JSFiddle.net
- GitHub.com
Link-shortening:
Typography & text tools:
Image finder resources online:
- Icons:
- Photos & Pictures
- Preloaders (GIF’s)
Code tools:
Code-testing editors online:
Code Compatibility checking tools:
Color tools:
Cross-browser compatibility checkers:
ViewPort checking tools:
Load-testing & website speed tools:
SEO analytics & site value-estimation tools:
DummyContent generator:
Validators:
Useful forums:
Mathematics
Media & Filkonvertering
Webbläsartillägg:
Google Chrome
- ColorZilla – color picker tool
- Web2PDF – konvertera webbsidor till PDF:er
- Session Manager – hantering av flikar och webbläsarfönster
- CSScan – realtids CSS scanner och editor- tillägg
- MeasureIt – webbläsartilläggs linjal för att mäta objekt i webbläsaren
- Live CSS Editor – Applicera egna CSS-stilar för webbsidor
- Web Developer
- WindowResizer – testa olika webbläsarstorlekar/skärmupplösningar
- Awesome Screenshot – Capture, annotate and share easily what is shown in browser
- Print Friendly & PDF – ”Skriva ut” webbsidor som PDF:er för att spara ned deras innehåll
WordPress
WordPress Plugins
- Captcha on Login
– Hindra bruteforce attacker på din WordPress sida’s inloggning - Custom CSS Mananger
– Förenklar möjligheten att lägga in sina egna CSS-stilar till sin WordPress sida - Last Updated
– Widget för att visa Senast Uppdaterade blogginlägg - Crayon – Syntax Highlighter
– Very popular Syntax highlighter with many options and settings
Referenser/referenssidor & Resurser
- JavaScript KeyEvent Codes reference
- HTML5 Special Character reference chart from W3C
- HTML5 Special character reference chart from Tutorialspoint.com
- CSS måttenheter referenssida
- CSS-Font stack – för i vilken utsträckning populära typsnitt fungerar utan egen implementering
- URL-Encoding of Special characters Reference
- JS Prototypal inheritance
- JS Timers and Intervals explained
- The Outline of an HTML5 document
- HTML Global attributes that is applicable for every HTML element
- HTML Link types – kan användas som värden för t ex. <link> taggars ”rel” attribut
- CSS Media Queries
- HTML <meta> taggen – MDN referenssida
- List of MIME types
- Differences between URL, URI and URN explained
- Why Underscores (_) are NOT recommended on files & folders to be used as URL
Referenssidor
- MDN – Mozilla Developer Network
– Bästa referenssidan för webbutvecklare (Bra referenssidor för HTML5, CSS, JavaScript, m.m) - MetaTags.info
– Bra referenssida för Meta-taggar - CSS3.info
– Bra referenssida för CSS3 nyheter - HTML5Doctor.com
– Bra resurs och referenssida för HTML5 - W3C – World Wide Web Consortium
- CSS-Tricks.com
– Mycket bra artiklar och referenser för CSS-kodning - TutorialsPoint.com
– Grym referenssida som har det mesta! (känns betydligt stabilare än w3schools) - QuackIt.com
- Learn.shayhowe – HTML5 Semantics
- Notepad++ shortcuts
– Användbara genvägar för effektivare kodning!
Läsvärda artiklar & artikelsidor:
Artikelsidor:
- WebDesignLedger.com
- 1stWebDesigner.com
- Mashable – Web Development
- Mashable – Web Design
- SitePoint
- AListApart.com
- Meyerweb.com
- PaulIrish.com
- ImpressiveWebs.com
- SmashingMagazine.com
- code.tutsplus.com
- CSS-Tricks.com
- WebDesignerDepot.com
- WebDesignerWall.com
- PerishablePress.com
- Hongkiat.com
- MOZ.com – SEO & Marketing blog for the web
- WPBeginner.com – WordPress Guides for Beginners
- 24Ways.org
Artiklar:
- Förstå sig på EM som måttenhet för CSS
- ViewPort-Size-baserad typografi för t ex. responsiv webbdesign
- Lära sig använda Figure och Figcaption HTML5-taggarna för bilder på webbsidor
- Hur man säger till Google att inte indexera specifika delar av din webbsida
- 9 Bra webbläsartillägg för webbdesigners/webbutvecklare
- Weighted/Biased Random number generation with JavaScript based on Probability – Awesome!
- Naming Conventions and Guidelines naming Website folders and files!
- Definitive guide to semantic markup
- Vilket HTML5 Audio format man bör använda för Cross Browser Compatibility
Bra guider/tutorials:
Användbara & bra vardagssidor:
Server uptime checking tools:
Bandwidth checking tools
DNS Lookup Sites:
IP & Network config tools:
Person lookup (Sweden):
Telefonnummer lookup
Kator & Kartapplikationer
Bra sidor
Nätverkande
Starta Eget:
Användbara datorprogram (Windows):
Värdefulla StackOverflow svar/trådar:
Användbara IRC-kanaler för utvecklare:
- ##hardware
- ##javascript
- ##windows
- #css
- #html5
- #jquery
- #web
- #wordpress
Återanvändbar bra kod & script/kod-bibliotek:
- CSS-reset v.20 by Eric Meyer
- HTML5 Shiv – JavaScript fix för äldre webbläsare som är ovetandes om HTML5 och dess nya element
- Modernizr – Feature detection library for HTML5 & JS
- jQuery – Write Less, Do More JS library
- Node.js
- HTML5Doctor simplified HTML5 boilerplate
- phpMailer – Full-featured Email creation & transfer class for PHP (really useful and awesome)
- phpBB – Free & Open-source forum software
- WordPress – Powerful CMS and blog platform
- Google Analytics – Web Analytics and reporting
- Google Web Fonts – Hundreds of Open-source fonts optimized for the web free to use
- Bootstrap – Most popular HTML, CSS & JS framework for developing responsive mobile projects for the web
- LESS CSS – A more efficient way of CSS-coding with help of JS library