netcraft Bytes :) » 8 כלים ליצירת אינפוגרפיקה אני אוהב אינפוגרפיקה טובה, הצגת מידע באופן ברור ורלוונטי הופכת את תהליך ההבנה לפשוט ומהנה. יישום נכון של אינפוגרפיקה הוא כלי עוצמתי שמאפשר למשתמש להעמיק בנושאים חדשים בצורה קלה יותר. מצד שני אינפוגרפיקה יכולה גם להיות מבלבלת ומטעה כאשר אינה מבוצעת היטב. כמאפיין חווית משתמש אני מודע לשעות הרבות והמיומנות הנדרשת על מנת לעצב מידע באופן ויזואלי, ברור ורלוונטי - מידע שמוצג באופן שימושי ויעיל, שמפשט את המורכבויות, שנראה מרשים ואפילו מסב הנאה עבור האנשים שמשתמשים במוצר. מאחר שמדובר במדע שלם שדורש מחקר ונסיון רב, אספתי עבורכם מספר כלים שמיועדים לקצר את הדרך ולייצר אינפוגרפיקה מרשימה בזמן קצר. infogr.am אפליקציית ווב חינמית שמאפשרת יצירה של אינפוגרפיקה בעלת מראה מקצועי בזמן קצר. piktochart עוד כלי המאפשר ליצור אינפוגרפיקה על בסיס תבניות קיימות. easel.ly כלי חביב שמציע מבחת תבניות אינפוגרפיות בחינם וכן הורדה וייצוא כקוד להטמעה. extra.amcharts כלי מהיר אך לא חינני במיוחד שמאפשר לייצר גראפים ולייצא html או xml. icharts כלי המאפשר בנייה של גראפים מסוגים שונים על בסיס תבניות קיימות ורשימת פרמטרים.
Grid-Based Web Design, Simplified Advertisement A grid at its barest is nothing more than a series of intersecting horizontal and vertical lines spaced at regular intervals, but its innate propensity for creating order out of chaos makes it one of the most powerful tools at a designer’s disposal. If you want to reap their benefits of grids on your next project but are unsure of the specifics, this article is for you. Introduction Grids are everywhere in our society, and have been for centuries, as this city plan for Washington, DC drawn in 1792 by Charles L’Enfant demonstrates. If you’re even vaguely acquainted with the fundamentals of graphic design, you’ve probably worked on some kind of a grid or at the very least seen examples of grid-based layouts. Instead, this article will attempt to explain how to put the theory of grid-based design into practice, taking into account the typical workflow of a Web design project. The status quo, as it were Times are changing, however. So where to begin? Getting started
netcraft Bytes :) » השראה בשליטה: 8 כלים לניהול מקורות ההשראה שלנו חשבו על התרחיש הבא: אתם מאפיינים אפליקציה שמטרתה לספור ציפורים נודדות (בסימן השנה החדשה - זרמו איתנו בעניין הזה). אתם עוברים על עשרות אם לא על מאות מקורות ברשת כדי לקבל השראה. המקורות הללו כוללים אתרי גלריות, בלוגים, פוסטים ברשתות חברתיות, דיונים בקהיליות מקצועיות ועוד. כיצד תארגנו את המקורות הטובים באמת? כיצד תבטיחו ששום מקור בעל ערך לא יאבד לנצח בנבכי הרשת? Pinterest אי אפשר לדבר על כלים לניהול השראה מבלי להזכיר את Pinterest. חשוב לציין שלצד הממשק הידידותי של Pinterest חסרונה הוא בכך שהיא מתמקדת בשמירת תמונות, ולמעשה אינה מאפשרת נעיצה של אתרים שלמים, כתבות או לינקים. Evernote Web clipper Evernote Web clipper הוא תוסף מעולה לשמירה ולארגון של פריטים שניתן להתקנה בדפדפן כרום. תצוגת הפריטים הנאספים ב- Evernote Web clipper אמנם פחות מרשימה ומזימינה מזו של Pinterest ומצריכה יותר סבלנות לעיתים, ולמרות זאת – מדובר בכלי אידיאלי לאיסוף, קטלוג, הדגשה ותיוג של כל דבר שרוצים. Usabilla Discover בניגוד לכלים הקודמים שהוזכרו, Usabilla Discover הוא אתר שנועד לשרת באופן ישיר את צרכיהם של אנשי ה-UX. Zeen
FAQ- 978 Grid System for Web Design Introduction Welcome to 978.gs. This website is owned and operated by Brothers Roloff, LLC. By visiting our website and accessing the information, resources, services, products, and tools we provide, you understand and agree to accept and adhere to the following terms and conditions as stated in this policy (hereafter referred to as 'User Agreement'). This agreement is in effect as of Jan 22, 2011. We reserve the right to change this User Agreement from time to time without notice. Responsible Use and Conduct By visiting our website and accessing the information, resources, services, products, and tools we provide for you, either directly or indirectly (hereafter referred to as 'Resources'), you agree to use these Resources only for the purposes intended as permitted by (a) the terms of this User Agreement, and (b) applicable laws, regulations and generally accepted online practices or guidelines. Wherein, you understand that: a. b. c. d. e. f. g. h. i. Limitation of Warranties Governing Law
4 אתרים ליצירה, והרדה של טקסטורות לאתרים « scroll – עיצוב אינטראקטיבי | גרפי | בניית אתרים | פייסבוק | פרסום | טכנולוגיה אתר ליצירת טקסטורות, מאוד ידידותי ונח. כלי פשוט ונחמד, ליצירת טקסטורה המותאמת לשכפול, מייצא קובץ PNG 5X5 px. אתר מאוד פופולרי, ניתן למצאו בו, טקסטורות, שילובי צבעים לפי נושאים, ועוד… אתר מצוין, מכיל הרבה טקסטורות ברמה ממש גבוהה. 960 Grid System Une feuille de styles de base pour le Web mobile Parce que faire un site web pour terminal mobile, ce n’est pas fixer sa largeur à 320 pixels ou proposer une version iPhone uniquement, je vous propose un tour d’horizon de quelques solutions offertes par CSS pour adapter une présentation existante aux mobinautes : gérer la largeur, redimensionner les éléments, passer à une seule colonne, gérer les débordements, supprimer le superflu, adapter les liens et les tailles de polices selon l'orientation. Pour vous faciliter la tâche, voici ci-dessous une feuille de style dédiée au média mobile qui condense diverses bonnes pratiques et astuces. Ces règles peuvent être externalisées dans un fichier CSS séparé, ou incluses directement au sein du document de styles global, déclarées à l’aide d'une règle media query de type @media (max-width: 640px) {...}. L’objectif de cette feuille de styles est avant tout de poser un socle de bases communes que vous pourrez adapter à vos convenances ou besoins personnels. Préambule : fixer le Viewport
Top 10 B2B Websites 2013 | DMZ Interactive Boston Looking for the best in business-to-business (B2B) website design? Here are ten examples of B2B websites that have raised the bar to a new level for 2013. These sites are not your typical boring B2B websites. Each of these sites leverages the latest best practices in website design. They look great, have interesting content, and are easily viewable on a variety of devices ranging from a smartphone to a desktop computer. The criteria we used to determine who made the cut for the 2013 DMZ Interactive Top 10 B2B Websites list: Visual Design User Experience Usability Content Strategy Responsive Techniques Our evaluation starts with visual design. Next is user experience. Usability is our third criteria. The best B2B sites also have a coherent and effective content strategy. Responsive Web Design is not a luxury. Thinking about a website redesign in the next year? 1. View Website: 2. 3. OK, this is a stretch. 4. 5. 6. 7. Paychex specializes in payroll processing and tax services for business.
Responsive Design, la panacée pour le SEO ? En matière de SEO, les attractifs avantages du Responsive Web Design ne doivent pas éclipser l'intérêt d'un site mobile dédié, qui peut se révéler plus intéressant. Récapitulatif des avantages et inconvénients de ces deux voies. Le Responsive Web Design a clairement le vent en poupe. Ils sont désormais bien connus. Autre argument, tout aussi souvent avancé : comme le Responsive Web Design concentre sur une seule URL les versions mobile et Desktop, cette URL unique va donc pouvoir bénéficier de tous les backlinks, qui ne peuvent ainsi donc pas se disperser vers une URL dédiée à la version mobile (URL de type m.monsite.fr). De quoi apporter un avantage SEO considérable aux sites "responsive" ? Une version mobile dédiée préférable pour certains sites ? Yann Gabay n'est d'ailleurs pas à court d'exemples de sites pour lesquels une déclinaison mobile dédiée (URL de type m.monsite.fr) était bien plus intéressante, en matière de SEO, qu'un site en Responsive Web Design.
Les 5 problèmes du Responsive Web Design Face à l’explosion de la diversité des supports mobiles et de leur utilisation, le Responsive Web Design apparaît aujourd’hui comme l’une des grandes modes du web. Le Responsive Web Design (en français : Site Web Adaptatif) est une approche visant à adapter un site internet aux supports sur lesquels il est consulté, ce en redimensionnant l’organisation des contenus (basée sur une grille). Cette solution ne présente techniquement rien de révolutionnaire (elle existait déjà en 1999 ;) ), mais se répand de plus en plus, au point de devenir un véritable standard… Le RWD serait-il donc LA solution parfaite aux problèmes liés à la grande diversité des supports de lecture ? Problème 1 : Des besoins différents Tout d’abord, il est inconcevable de proposer le même contenu pour des internautes dans des situations différentes, et avec des besoins radicalement différents. Au-delà de la facilité de lecture, c’est donc l’efficacité du RWD « brut » que je remets en cause.
Internet et réseaux sociaux : les TPE peu convaincues encore Le numérique remède à la crise que connaissent les entreprises ? Parmi les industriels du secteur, on ne se lasse pas de l’affirmer. Mais les entreprises, et en particulier les TPE, restent difficiles à convaincre de ces bénéfices. D’après la dernière enquête de conjoncture trimestrielle réalisée par l’Ifop pour Fiducial, pour les patrons de TPE, les priorités et les solutions à la crise sont ailleurs. Les réseaux sociaux ? Tous secteurs confondus, 47% des patrons de TPE « en attendent de véritables opportunités de développement de leur activité ». Les sites de réservation sont désormais une source majeure de revenus pour les hôteliers. Pour communiquer, les dirigeants d’entreprise privilégient nettement leur site Internet (46%), lorsqu'ils en ont un.