Profile cover photo
Profile photo
Innomedia Technologies
Innomedia Technologies's posts

Post has attachment
5 ways to make temporal prototyping your next design skill
Imagine a world where you could only describe your visual designs with words: all shapes, colours, and sizes had to be described orally. You could only tell what something should look like, never show what it would look like. That's what it is like to create designs in the temporally flat confines of a static space. We can describe how something transitions, transforms, or animates, but never show how it works.
1. We prototype to explore 'What if…?'
2. Temporal prototypes enfold the visual and interactive 
3. The old ways of weaving the web are not working anymore
4. The happy path to temporal prototyping is knowing what is possible
     a) Learn the basics of the core technology your interface is developed in
     b) Learn a tool that helps you design with code
     c) Learn how to manipulate a scripting framework
     d) Learn what others are doing with interactive and temporal design
     e) Learn to think about the space between

Post has attachment
8 CSS Tools you should use right now

CSS has indeed given the web designing endeavor an adrenaline shot of relevance. The web designers of the world have been leveraging it for accomplishing the most intricate web designing assignments using CSS. And when a website is equipped with immaculately coded CSS, the results show. The website loads with an amazing speed, doesn’t throw up errors, is responsive with a suite of devices and platforms and stays ahead of the curve.

#1 CSS Lint
#2 Pure CSS
#3 Dirty Markup 
#4 CSS Trashman
#5 CSS Inliner
#6 Glue
#7 CSS Beautifier 
#8 Blueprint

Post has attachment
10 tell-tale signs that your website may need a redesign

Feel like you could be getting left in the dust with everyone around you launching new websites? Below are several questions to ask yourself when it comes to your own website to see if it is time to join everyone else in the year of the website redesign.

#1 Is your website responsive?
#2 Is it hard to keep updated?
#3 Are there functions and features that are no longer used?
#4 Does your website take a long time to load?
#5 Are visitors navigating past your home page?
#6 Is your site slowly losing visitors over time?
#7 When was the last time you completely overhauled your site?
#8 Are parts of your site not functioning properly?
#9 Do search engines even know you exist?
#10 Is the copyright year in your footer any other year than 2012?

Post has attachment
18 great text editors for web designers

Here's our list of 18 excellent text editors for a range of platforms, ideal whether you're bathed in the glow of an iMac screen, hammering away on a PC laptop, or frantically trying to update a client website using a tablet while connected to flaky beach Wi-Fi. If we've missed your favourite, let us know about the app in the comments and why you think it's great.

1. Notepad++
2. Atom
3. Brackets
4. Sublime Text
5. Vim
6. Emacs
7. Komodo Edit
8. Buffer Editor
9. Webuilder
10. ICEcoder
11. CoffeeCup Free HTML Editor
12. BBEdit
13. Bluefish
14. Coda
15. Code Writer
16. DroidEdit Pro
17. Textastic
18. TextMate

Post has attachment
10 tools and platforms changing the web design landscape

We list 10 tools and platforms helping the industry and the community move forward.

1. Docker
Build, ship and run any app, anywhere. Docker is an open platform for developers and sysadmins of distributed applications.

2. Sketch
Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design.

3. Slack
Slack is a platform for team communication: everything in one place, instantly searchable, available wherever you go.

4. Babel
Babel will turn your ES6+ code into ES5 friendly code, so you can start using it right now without waiting for browser support.

5. ReactJS
A JavaScript library for building user interfaces. React abstracts away the DOM from you, giving a simpler programming model and better performance.

6. The Grid
The Grid harnesses the power of artificial intelligence to take everything you throw at it - videos, images, text, URLs and more - and automatically shape them into a custom website unique to you.

7. ReadyMag
Create web publications: magazines, presentations, websites and more.

8. NPM
The package manager for JavaScript. It works great with Bower, Grunt, Browserify, Gulp, LESS and all your other favourites.

9. Framer
Invent, design and experiment with interaction: Framer is a new creative tool to build interaction and animation prototypes.

10. Material Design
A visual language for that synthesises the classic principles of good design with the innovation and possibility of technology and science.

Post has attachment
7 reasons the web is the next app platform

This article looks at identifying some additional thoughts on how the web may become the standard platform for future apps.

1. Native in Disguise
2. Business Sense
3. Speed
4. Optimisation Relevance
5. Politics Free Distribution
6. App Domain
7. Physical Web

Post has attachment
10 modules to boost your Drupal site's performance

It's time to get your site back to its former glory. Fortunately for all of us, Drupal offers a wide range of contributed modules to take care of the performance issues that appear during a site's lifetime. Here are 10 of those modules to help boost your site's performance.

01. Fast 404 
02. Advanced CSS/JS Aggregation 
03. Boost
04. Shadow 
05. Performance 
06. Views Litepager 
07. ImageAPI Optimize 
08. Image Lazyloader 
09. Picture 
10. Imageinfo Cache

Post has attachment
25 hottest web design techniques

We hope you'll find some new areas to dive into, even if you're a seasoned web designer. Go forth and learn.

01.  Ask questions
02. Listen to your code
03. Protect the web's inherent accessibility
04. Take advantage of conditional loading
05. Use Ceaser to write cubic-bezier 
06. Use height-based media queries 
07. Keep the big picture in mind 
08. Use namespaceing for your CSS files 
09. Employ easy image fallbacks 
10. Master debugging in JavaScript 
11. Make your background images responsive 
12. Use mixins to create complex grid systems 
13. Think about conversations, not pages 
14. Provide keyboard support 
15. Design quickly in the browser 
16. Simplify your code 
17. Convert fixed widths to percentages 
18. Embrace the title field 
19. Configure Git 
20. Use Git commit hooks 
21. Learn from issues and errors 
22. Feel how fast your site is 
23. Avoid long select boxes 
24. Scale icons with background-image: cover; 
25. Keep it short and sweet 

Post has attachment
Make your type look good on any device

tips for ensuring your text is easy to read, no matter what screen it's on.

#1 Scale
#2 Size, length and height
#3 Font size
#4 Ems and rems
#5 Line height
#6 Line Length
#7 Adjusting margins
#8 Putting it together

Post has attachment
20 steps to the perfect website layout

01. Put your thoughts on paper first
02. Start sketching a top level framework
03. Add a grid to your PSD
04. Choose your typography
05. Select your colour theme
06. Divide the layout
07. Rethink the established
08. Challenge yourself
09. Pay attention to the details
10. Treat every component as if it could be presented to a design contest
11. Sharpen your work
12. Tidy up your PSDs
13. Design the best case scenario but prepare for the worst
14. Obsess over the design until you hate it
15. Avoid spending too much time on a concept before sharing it with the client
16. Be your developer's best friend
17. Presentations: explain it to me like I'm a four-year-old
18. Love each of your ideas but don't get too attached to them
19. Track down your design during the development process
20. Show your work in progress
Wait while more posts are being loaded