Archive for augusti, 2012

Buzz words för responsive

augusti 29, 2012

Ord som man kan stöta på när man läser artiklar om responsive:

Responsive design = mix av flytande design och grids, skalbara bilder och media queries (förfrågningar om skärmstorlekar). Design för pc/mac, tablets, iphone

Progressive disclosure = Visa bara det viktigaste när skärmen krymper, men gör det enkelt att ta sig till djupare information genom paneler eller  dela in i skärmar.

Progressive enchantments = basfunktionalitet och innehåll ska vara synligt i alla browsers. Formatera om design efter bredd och ta bort innehåll som är mindre viktigt.

Aggressive enchantments = Ta bara in det viktigaste, ladda sedan in resten med ajax.

Annonser

Testa jQuery kod

augusti 29, 2012

Här finns ett api för att testa:
http://qunitjs.com/

”To use QUnit, you only need to include two QUnit files on your HTML page. QUnit consists of qunit.js, the test runner and testing framework, and qunit.css, which styles the test suite page to display test results:”

Utkomsten blir detta i browsern:

 

 

 

 

 

Här finns tydligen en till debugger för jQuery:

http://pivotal.github.com/jasmine/

Kolla av browser width med CSS och byt style

augusti 17, 2012

Här finns en bra förklaring till hur man gör och hur det funkar:

http://css-tricks.com/resolution-specific-stylesheets/

Exempel på kod:
<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />
Fungerar i dessa browsers: IE 9+, Firefox 3.6+, Safari 3+, Any Chrome, Opera 10+

Gratis bildbehandlare

augusti 15, 2012

Alla dessa liknar Photshop, vilket är skönt om man är van med det programmet. Har dock inte testat att använda ngt av det fullt ut för att veta om man skulle klara sig utan Photoshop.

Sumo Paint:
http://www.sumopaint.com/home/
Liknar Photoshop. Online editor. Vid snabbtest verkar det riktigt riktigt bra för att vara gratis.

Pixlr:
http://pixlr.com/

Gimp:
http://www.gimp.org/
Måste laddas hem.

Siteseeker

augusti 10, 2012

Oldie artikel som jag hittade nu och aldrig blev publicerad. Från aug 2009:

Siteseeker kostar 19000 i grundpris (minsta paketet) och sedan 6000:- /mån.

http://www.euroling.se/

Specialfunktion för speciella stavningsproblem som personer med dyslexi har: http://www.orbi.se

Lösenordsskyddad: Kort om tillgänglighet

augusti 10, 2012

Det här innehållet är lösenordsskyddat. Vänligen ange ditt lösenord nedan för att visa innehåll:

Microformats – SEO

augusti 10, 2012

Old article from 2099, that I forgot to publish.. But here it comes..

Google has updated their searchengine to crawl microformats and rich snippets.
http://searchengineland.com/google-search-now-supports-microformats-and-adds-rich-snippets-to-search-results-19055

Information about Rich Snippets: (v:ranking)
http://googlewebmastercentral.blogspot.com/2009/05/introducing-rich-snippets.html

HCalender:
http://searchengineland.com/optimize-local-events-with-hcalendar-microformat-13548

Why: operator plugin to Firefox save the calendar to Outlook, google and yahoo calendar.
https://addons.mozilla.org/en-US/firefox/addon/4106

Css Gradients

augusti 7, 2012

Bra slideshare

http://www.slideshare.net/LeaVerou/mastering-css3-gradients

Exempel på hack för gamla browsers

http://www.impressivewebs.com/css3-linear-gradient-syntax/

SVG – vilka browsers stödjer och fördelar

augusti 7, 2012

Bra artikel om SVG och dess fördelar:

http://coding.smashingmagazine.com/2012/01/16/resolution-independence-with-svg/

Online editors för att skapa SVG, som dock inte fungerar i Safari.. :
http://svg-edit.googlecode.com/svn/branches/2.5.1/editor/svg-editor.html
Har testat den och vid först tyckte jag att den var ruggigt bra på att göra om min png bild till en svg. Dock så fungerade svg filen inte i Safari, utan bara i Firefox. Sparade min ursprungliga vector till svg via Illustrator istället och då kom det ut heeelt annan kod som fungerade i Safari..

Aptana – hur man skapar FTP connection

augusti 6, 2012

Här finns en beskrivning om hur man skapar FTP connection i Aptana:

http://stackoverflow.com/questions/6201939/how-connect-to-remote-host-from-aptana-studio-3