- Utvecklingsmiljö och programvara:
- XAMPP
- Notepad++
- EasyThumbnails
- Dia Diagram Editor
- NetBeans IDE
- FileZilla
- PuTTy – free SSH & telnet client for windows
- GIMP
- HexChat IRC-client
- 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 tools:
- Image finder resources online:
- Code tools:
- Code-testing editors online:
- Code Compatibility checking tools:
- Color tools:
- Cross-browser compatibility check websites:
- ViewPort checking tools:
- Load-testing & website speed tools:
- SEO analytics & site value-estimation tools:
- DummyContent generator:
- Validators:
- Useful forums:
- Mathematics
- Google tools
- Media konvertering
- Webbläsartillägg (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
- Webbläsartillägg (firefox):
- SQLite manager Add-On
- Web2PDF – konvertera webbsidor till PDF:er
- Session Manager – hantering av flikar och webbläsarfönster
- Firebug
- 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:
- MetaTags.info – referenssida för Meta-taggar
- CSS3.info – referenssida för CSS3 nyheter
- HTML5Doctor.com – resurs och referens- sida 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! (betydligt bättre än w3schools)
- QuackIt.com
- Learn.shayhowe – HTML5 Semantics
- Notepad++ shortcuts – Användbara genvägar för effektivare redigering!
- 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:
- Google Search Tips & Tricks PDF
- IRC Basics (commands etc.)
- LESS CSS – Beginner’s Guide
- Användbara & bra vardagssidor:
- Server-uptime checking tools:
- Bandwidth checking tool:
- DNS Lookup sites:
- IP and network config tools:
- Person-lookup (Sverige)
- Telefonnummer-lookup
- Kartor och kartapplikationer
- DropBox
- WayBackMachine
- IP-lookup (ip.nu/whois)
- translate.google.com – Google Translate
- Allmänt bra sidor (för dator/studerande):
- Nätverkande:
- Starta eget:
- Användbara datorprogram (Windows):
- Värdefulla stackoverflow svar/trådar:
- Hur man i JavaScript kollar om en array innehåller specifikt värde
- 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
9 kommentarer