CryptoNet Webontwikkeling en webdesign blog

20feb/110

Layer “copy” verwijderen in Photoshop

Ook zo gefrustreerd door het automatisch toevoegen van het "copy" label aan gekopieerde layers en groepen? Zo los je het op:

1     Klik op het dropdown-menu rechtsboven in je layers panel Dropdown
2     Klik op "panel options"
3     Verwijder het vinkje onderaan: Add "copy" to Copied Layers and Groups

Panel Options

4     Klik op "OK" en alles zou in orde moeten zijn...

Gebaseerd op een tip van : Dave Catley

16feb/110

Grafisch Design & Apple’s Magic Trackpad?

Twee dagen heb ik hem nu... Mijn MagicTrackpad van Apple. Ik heb lang gewacht om hem aan te schaffen om twee eenvoudige redenen die me meestal doen twijfelen bij Apple producten:

Apple MagicTrackpad

Eerst en vooral de prijs! Het is weer een kleine €70 die je moet ophoesten dus dat doet toch altijd weer een beetje pijn.
Anderzijds was er weer die verdomde hype! Telkens wanneer Apple iets voorstelt beloven ze je de hemel op aarde, maar toch blijf ik kritisch telkens ik bij een Apple reseller binnenstap.

5dec/082

De 3 pijlers van het “webdesignen”…

Diagram For Webdesigners

Diagram For Webdesigners

Als webdesigner probeer je je constant bij te scholen om er zeker van te zijn dat je je klanten steeds de laatste nieuwe trends kan aanbieden... Wat we echter soms vergeten zijn de roots van alles! Het leven kan soms eenvoudig zijn. PSDTuts nam tijdens WebDesignWeek even de tijd om even heel simplistisch voor te stellen waar het bij een website om draait. Het lijkt eenvoudig, maar neem de tijd om het eens te bekijken en je zal merken dat dit echt dé basis is voor elke succesvolle site!

Geëtiketeerd als: , , 2 Reacties
4okt/080

De Top 5 Resource Sites Van Wim!

Als webdesigner kan je niet zonder... Resource Sites!
Als designer vernieuwen en uitvinden is één ding, maar het wiel tweemaal uitvinden is dan ook weer stom! Daarom wil ik jullie laten meegenieten van de voor mij (op dit moment) belangrijkste resource sites die me al meer dan eens gered hebben uit hachelijke situaties!

N° 5
Windows Guides

Naast screensavers en wallpapers voor windows gebruik deze site eigenlijk enkel en alleen voor de fantastische "Free Icon Packs"... De site staat bol van de HQ iconen en er zijn vaak heel leuke thema-iconen te vinden zoals kerst en halloween (In deze tijd van het jaar wel heel erg nuttig!).

N° 4
CSS Vault
Deze site is eerder een "Resources For The Mind" site... Geen rechtstreekse resources dus, maar wel een hoop design ideeën! Ook al meegemaakt dat je een design moet ontwikkelen en totaal niet weet waar te beginnen? Deze site toont je de laatste nieuwe designs (Wel enkel CSS) en kunnen soms de aanleiding zijn tot fantastische designs!
IMPORTANT NOTICE: Don't Copy... Be Yourself!

N° 3
iStockphoto
Mocht deze site gratis zijn stond hij vast en zeker op N°1, maar jammer genoeg is het lekkers dat je hier kan vinden betalend. Vaak kan het wel je laatste redmiddel zijn voor net die ene afbeelding of dat ene icoontje dat je nergens kan vinden. De fantastische kwaliteit die ze garanderen en het supersnelle zoeksysteem maken dit tot een site-worth-to-pay-for.

N° 2
Dafont
Zoals de naam van de site al doet vermoeden moet je hier zijn voor allerlei fonts... En ja hoor, ze zijn completely free to download! Netjes gerangschikt per stijl en per thema. Na wat bladeren vind je hier vast en zeker HET perfecte font voor je nieuwe design...

N° 1
DeviantArt
Dit is voor mij zonder twijfel dé site bij uitstek voor resources. Even de tijd nemen om aan te melden (Zo ben je meteen van al die lastige ads vanaf) en je bent klaar om in de wereld van de free goodies te duiken! Dit is echt te maf voor woorden! Van PS Brushes, tot afbeeldingen... Van PSD-files tot iconen... ALLES kan je hier vinden!
Dit is voor mij persoonlijk het walhalla!
IMPORTANT NOTICE: Vaak zijn sommige auteurs voorzichtig en beletten ze commercieel gebruik. Daarom is het nuttig om even te checken alvorens je iets gebruikt! Meestal staat het wel vermeld in de commentaar van het item wat de limitaties zijn.

BONUS
Google
Ik weet dat het vreemd klinkt, maar een zoekmachine is je beste vriend! Zeker nu je ook met google naar "Extra Grote Afbeeldingen" kan gaan zoeken is het vaak een bron van fantastisch fotomateriaal... Ready to grab! Veel designers vinden het een amateuristische manier van werken, maar voor mij is het één van de beste bronnen voor beeldmateriaal en ander lekkers...
IMPORTANT NOTICE: Vaak zijn afbeeldingen van Google beveiligd met copyright! Gebruik nooit zomaar afbeeldingen... Controleer steeds even bij de auteur of je zijn goedkeuring krijgt...

Veel succes ermee!!

6jun/081

Kleurkeuze…

Voor webdesigners is het kiezen van een passend kleurenpalet één van de moeilijkste zaken die er zijn. Websites van zowel amateurs als professionals komen daardoor vaak in de meest afschuwelijke kleuren die je je kan indenken. Iedereen weet dat het not done is, maar toch blijft het voor vele collega-webdesigners een klus die vaak fout afloopt...

Voor die mensen (En ik geef toe dat ik het soms ook stiekem gebruik) is er nu een handige tool die de kleuren voor jou kiest!

Wellstyled

Color Picker

Het enige dat je hoeft te doen is één kleur ingeven (bijvoorbeeld dat van het logo van het bedrijf waarvoor je ontwerpt) en de color-picker doet de rest...

Onderaan bij "Enter RGB" kan je ook een kleurcode ingeven voor een perfecte match met de originele kleur.
Ook leuk aan deze color picker zijn de verschillende schema's... Zo kan je voor een mono-schema kiezen, een contrast schema en zoveel meer!
Daarnaast heb je ook nog een hoop variaties zoals Pale, Dark Pastel, Pastel, ...

Ben je tevreden met je resultaat, dan geeft het overzicht rechts je al je kleuren met bijpassende RGB codes!!

Een onmisbaar instrument dus voor elke collega-webdesigner...
Graag gedaan! :)

Geëtiketeerd als: , , , , 1 Reactie
3mei/080

Het plaatsen van keywords

Het belang van keywords gaan we hier niet bespreken, maar eerder de plaatsing ervan in een html (gegenereerde) pagina. Er zijn 7 plaatsen die belangrijk zijn voor een optimale indexatie door Google en andere zoekmachines. Deze Search Engines doorlopen de broncode van een html pagina en trachten zelf te analyseren welke woorden en zinnen belangrijk zijn. Je kan hen echter helpen door de meest belangrijke keywords op de juiste plaats te gebruiken:

  1. Title tag: deze wordt geplaatst in de <head> sectie van je html document.
  2. Hoofding (h1): plaats een titel in de pagina zelf. Dit is niet enkel positief voor de zoekmachines, maar kan ook een verduidelijking zijn voor de bezoeker.
  3. Url: een voorbeeld hiervan: mijnwebsite.be/keywords.
  4. Tekst: plaats je keyword uiteraard ook in de tekst zelf. Dit mag meerdere keren, maar overdrijf niet. Voor een optimaal resultaat plaats je deze best in de eerste 100 woorden van de content.
  5. Link en anchor text: indien je zelf links plaatst op je website naar de desbetreffende pagina, plaats je keyword in de linknaam en/of achor text, welke een omschrijving geeft van wat er op de gelinkte pagina te vinden is.
  6. Alt attribute en afbeelding: geef je foto's en afbeeldingen een juist benaming door gebruik te maken van deze keywords. Vergeet ook niet de ALT eigenschap in te vullen op elke afbeelding in je html document.
  7. Zet je keywords sporadisch in <bold> of <strong> tags.

Uiteraard is het belangrijkste nog steeds dat je kwalitatieve teksten schrijft of plaatst op je website, alsook het regelmatig toevoegen of aanpassen van je content gaat je webstek beter laten resulteren in de zoekmachines.

12mrt/082

iPhone / iPod Touch Web Icon

Elke zichzelf respecterende website moet met zijn tijd mee...
Na de populaire favicons (Kleine 16x16 plaatjes die bij je bookmarks verschijnen) zijn er nu de iPhone/iPod Touch Web Icons.

De bedoeling is dat je als website zo'n klein bestandje maakt zodat wanneer gebruikers de site toevoegen aan hun SpringBoard (Home Screen van de iPhone / Touch) ze geen screenshot te zien krijgen maar een volwaardig icoon.

iPhone Screen

HOWTO:

- Maak een icoon van 57x57 pixels
- Zorg ervoor dat u opslaat als .png
- Hernoem het naar: "apple-touch-icon.png"
- Zet het bestand daarna in de root-folder van je website (Waar ook de index staat)

Leuk is ook dat apple een systeem heeft uitgewerkt dat automatisch de typisch afgeronde hoeken en het glanseffectje toevoegt wanneer het icoon op het springboard wordt geplaatst.

Voeg trouwens gerust CryptoNet toe op je spring- of summerboard, en bekijk ons home-made iPhone icoontje.

Geëtiketeerd als: , , , , 2 Reacties
12mrt/080

Grunge Is Terug!

Voor webdesigners en grafici die de laatste nieuwe trends een beetje volgen (en zouden we dat niet allemaal moeten doen?) is er groot nieuws. Na de grote heisa rond de Web 2.0-stijl die na een grote "code-upgrade" ook een eigen grafisch leven ging leiden is er nu weer nood aan iets anders. De strakke en frisse look van Web 2.0 is nog steeds enorm hip & trendy, maar meer en meer mensen willen zich gaan onderscheiden door contrasten...

En ja, Grunge Is Terug!

GrungeBanner

Naast retro en vector is nu ook de grunge stijl terug van weggeweest. Meer en meer designers gebruiken terug de "vuile", afgebrokkelde, gescheurde, ... afbeeldingen die Grunge zo typeren.

Enkele voorbeelden:
- http://www.ollyhite.com
- http://www.webdesigner.ro
- http://www.adventuretrekking.com

Dit is uiteraard slechts een greep uit het alsmaar groeiende aanbod...

Tot slot nog even een tip: KIES! Onderstaande afbeelding vind ik persoonlijk een voorbeeld van hoe het niet moet! Ga niet krampachtig stijlen combineren om hip te zijn...

Grunge VS 2.0

11mrt/080

Lorem Ipsum RIP

Menig webstekbouwer kent ze wel... De vele Lorem Ipsum teksten die je steeds weer uit de nood helpen als je een site tijdelijk wil aankleden met wat tekst... Lorem Ipsum is de beste vriend van elke webdeveloper!

Of toch niet?

Kent u niet?

Dit is een veel gevarieerdere versie die meer dan enkel Lorem Ipsum teksten genereert. In een wip maakt u "sprookjesachtige" poëzie die uw bezoekers ook echt begrijpen (Als ze Engels spreken tenminste). Uiteraard met tal van handige functies zoals:

- Aantal woorden
- Aantal paragrafen
- ...

Nieuwsgierig? BlindTekstGenerator

Geen nood! Die goeie ouwe Lorem Ipsum is ook nog steeds van de partij... Voor zij die het echt niet kunnen laten! ;)