background preloader

#Olybop - Blog Graphisme et Webdesign au quotidien

#Olybop - Blog Graphisme et Webdesign au quotidien

http://blog.gaborit-d.com/

Related:  Web DesignGraphisme`test 1024

Mega Collection Of Cheatsheets for Designers And Developers Cheatsheets and various quick reference guides are available for almost any type of software and language these days. Unfortunately they’re not always easy to find when you actually need them. This is why I decided to take some time to gather up as many as possible and share them with you here! Hopefully this can be a timesaver for you, along with teaching you a new trick or two. The resources have been divided into various categories to make them easier to find. Below are more than 100 cheat sheets and reference cards for the following topics: The Internet map The map of the Internet Like any other map, The Internet map is a scheme displaying objects’ relative position; but unlike real maps (e.g. the map of the Earth) or virtual maps (e.g. the map of Mordor), the objects shown on it are not aligned on a surface. Mathematically speaking, The Internet map is a bi-dimensional presentation of links between websites on the Internet. Every site is a circle on the map, and its size is determined by website traffic, the larger the amount of traffic, the bigger the circle.

Free Screenshot App Marketing Tool & Templates How do I record my iOS app? Please click here for instructions on how to record your iOS app. How do I record my Android app? Please click here for instructions on how to record your Android app. Reddoor Creative A Lovely and simple definition... more Finally some images of our humble work space. It's always hardest to create and document your own brand, but we're finally getting around to sharing these... more Here’s a little hand-debossing the Reddoor logo on a mini-poster that says thank you to those that have been a part of Reddoor’s first seven years. Alternative Text Alternative Text Basics Alternative text provides a textual alternative to non-text content in web pages. We will be discussing alternative text for images only, though the principles can be applied to media, applets, or other non-text web content. Alternative text serves several functions: It is read by screen readers in place of images allowing the content and function of the image to be accessible to those with visual or certain cognitive disabilities. It is displayed in place of the image in browsers if the image file is not loaded or when the user has chosen not to view images.

Best practices for navigation on the mobile web The way people access information online is evolving. Google reports that by next year (2013) more than half of website visits will come from mobile devices rather than desktops or laptops. Not only is the medium of accessing the web changing, the needs of most mobile users going online with their smartphone or handheld device is changing as well; becoming more focused and task oriented. Today’s smartphone owners use their phones to perform specific tasks such as checking locations of destinations, public transit schedules, and bank balances. While internet browsing on handheld devices does occur (especially when standing in really long lines or waiting for a bus) many people prefer to surf the web from the comfort of their home or office. Screen space is limited on handheld devices, and mobile users are busy, often multi-tasking as they search for information online with one thumb or finger.

Flat design examples: 15+ innovative flat design websites I first took notice of flat color web design when Google started to redesign their sites. This was during a time when gradients and drop shadows were all the rage. In using what was then Google Docs and my Google Calendar, I always realized there was something better and more user friendly about these sites but I never could put my finger on what it was. I just continued to enjoy and use the services as needed. Eventually, I think I was just messing around with the apps when I finally noticed the buttons had no gradients and the icons didn’t either. There were no drop shadows and really nothing but flat colors and lines to separate the content.

7 Tips for a Polished Web Page Different web designers make use of simple techniques to allow their web page to stand out. Here are 7 tips that I have made use of for one of the mock ups I’m working on. It’s the little, subtle things that really make the biggest difference. ManvsMachine 4creative appointed ManvsMachine to create a cohesive on & off air package for new channel 4seven, that would sit comfortably as part of the Channel4 family. ManvsMachine worked alongside 4creative to create an on-screen identity which uses a distinctive corner wrap concept across the package. This corner approach creates a visual signature style akin to the Channel4 coming together of the logo, where the viewer is always travelling around a corner from left to right.

Art The Wallery The Wallery is a place where international and emerging artists think outside the frame. → Continue reading The Wallery Website speed test Nobody Likes a Slow Website We built this Website Speed Test to help you analyze the load speed of your websites and learn how to make them faster. It lets you identify what about a web page is fast, slow, too big, what best practices you’re not following, and so on. We have tried to make it useful both to experts and novices alike.

Related:  Actus et GraphismeInspirationSites de veille graphiqueErgonomieDESIGNgraphismeSites d'infos