Webvertise Your Teaching! Use exciting and unique Web 2.0 applications to showcase your classroom activities and create web-based student research projects. Make glog, screencasting, Shelfari and Wordle part of your everyday conversation. Give your classroom a web presence by publishing and sharing content quickly and easily. Webvertise your teaching!
Tech Tools: Simplifying Life for the Busy Research Librarian - Supplementary ...Christine Tobias
Supplementary chart for presentation by the same title. Lists freely available, web-based tech tools with URL's and descriptions. These tech tools will simplify life for the busy research librarian!
Webvertise Your Teaching! Use exciting and unique Web 2.0 applications to showcase your classroom activities and create web-based student research projects. Make glog, screencasting, Shelfari and Wordle part of your everyday conversation. Give your classroom a web presence by publishing and sharing content quickly and easily. Webvertise your teaching!
Tech Tools: Simplifying Life for the Busy Research Librarian - Supplementary ...Christine Tobias
Supplementary chart for presentation by the same title. Lists freely available, web-based tech tools with URL's and descriptions. These tech tools will simplify life for the busy research librarian!
Fractal compression is a lossy compression method for digital images, based on fractals. The method is best suited for textures and natural images, relying on the fact that parts of an image often resemble other parts of the same image.[citation needed] Fractal algorithms convert these parts into mathematical data called "fractal codes" which are used to recreate the encoded image.
MIMA 2014 - Changing your Responsive Design Workfloweaselsolutions
Presentation slides from Dustin Tauer's 2014 MIMA Session:
What is your Web workflow? If your situation mirrors that of most organizations, the process often begins with some initial planning and discovery, followed by the design phase. In the design phase, Photoshop is opened and wireframes evolve into static designs. Once approved, these designs are passed to the developer which leads to testing, tweaking, and finally, launch. This workflow is great for traditional websites, but major evolution is needed to account for the changing landscape that is responsive design.
This session will present different strategies and processes for effectively designing and developing responsive websites. We’ll look at how taking a content-first approach rather than a design-first approach can significantly reduce the number of issues and iterations throughout the process. With mobile traffic quickly surpassing desktop traffic, a new workflow process is imperative to helping us be better prepared for the constantly changing device landscape.
How to Act Like an Agency within a Company: UX for the EnterpriseFlashGuy13
Your typical medium sized international enterprise will typically outsource to smaller agencies that specialize in Internet marketing, design, and development. By bringing that type of talent in-house, an enterprise can communicate their marketing strategies and messages with greater speed to market and more collective creative control. While the initial capital investment may be greater than simply outsourcing, the long-term benefit of having immediate and direct contact with an in-house team will lead to a greater understanding of company culture and values reflected within the framework of your digital properties.
Presentation that I gave, along with coworkers Mark Sims and Mike Townson, at the Dallas Society of Visual Communications.
http://www.dsvc.org/events/working-lunch/10/2012
Fail Fast, Learn Fast, Move Fast: My UX journey to move fasterJeremy Johnson
We've all heard about the Lean Startup, and now Lean UX. This is a intro into how I've been using these methods to speed up the UX process, and work better within product teams.
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...Frédéric Harper
There is no mobile or desktop Web: we view the same Web, but in different ways. So what is the secret sauce to give the best experience to our users? Drown your fixed-width design, destroy your device-specific approaches and ride the web's unicorn while an orchestra is playing we are the champion in the background: you found the holy grail! It's responsive web design. It's not new. It's not magical. Still, we need it as the bytes going thru the wires doesn't always give us the best experience out there. So stop watching cats videos, and learn more about how you can use Responsive Web Design's approach to your current site, today.
What's happening in the web design world? Here are 15 trends in web design - check them out, see if you use them, and see if you think these are useful!
The fourth lecture from the Augmented Reality Summer School talk by Mark Billinghurst at the University of South Australia, February 15th - 19th, 2016. This provides an overview of prototyping techniques for AR interfaces.
Un recente libro di Luke Wroblewski, intitolato "Mobile First" ha coniato questa definizione di un approccio alla progettazione che poi è stato dato per scontato dalla maggior parte degli interaction/ux/web designer. In questo talk vorrei invece portare la mia esperienza nella realizzazione di diversi siti web "responsive" che è invece diametralmente opposto, spiegando le ragioni che mi hanno portato a questa scelta e il metodo che ho adottato e consolidato negli ultimi mesi.
I gave this talk at Squares Conference 2016.
http://squaresconference.com
Code demo from the talk…
http://t7.github.io/react-starter
https://github.com/t7/react-starter
Slides from a presentation I gave at these conferences:
— Big Design
— Front Porch
— Thunder Plains
— Web Afternoon
I co-presented at Big Design with Matt Baxter.
http://twitter.com/mbxtr
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEFebless Hernane
CapCut is an easy-to-use video editing app perfect for beginners. To start, download and open CapCut on your phone. Tap "New Project" and select the videos or photos you want to edit. You can trim clips by dragging the edges, add text by tapping "Text," and include music by selecting "Audio." Enhance your video with filters and effects from the "Effects" menu. When you're happy with your video, tap the export button to save and share it. CapCut makes video editing simple and fun for everyone!
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page pmgdscunsri
Figma is a cloud-based design tool widely used by designers for prototyping, UI/UX design, and real-time collaboration. With features such as precision pen tools, grid system, and reusable components, Figma makes it easy for teams to work together on design projects. Its flexibility and accessibility make Figma a top choice in the digital age.
Storytelling For The Web: Integrate Storytelling in your Design ProcessChiara Aliotta
In this slides I explain how I have used storytelling techniques to elevate websites and brands and create memorable user experiences. You can discover practical tips as I showcase the elements of good storytelling and its applied to some examples of diverse brands/projects..
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
2. Andy Rutledge
Principal, Unit Interactive
http://unitinteractive.com
http://andyrutledge.com
Nathan Smith
UX Designer / Developer
http://sonspring.com
http://960.gs
3. Today, we’d like to share a few
gotchas that we think are good
to keep in mind when making
the transition from designing for
print, to designing for the web.
Note: We’re not print guys. So
bear with us if we can’t recite
what exactly CMYK stands for! :)
4. Everything we cover today can
be thought of like learning to
play sheet music. Once you get
the basics, then you can break
the rules and play jazz.
But know how/when to do it! :)
5. DESIGNING FOR THE WEB, IN GENERAL...
— Art is meant to be appreciated
— Design is meant to be used
— Make links distinctive from content
— Use color with purpose & meaning
— A page is not a “page” but an experience
— Consider the file size of images & code
— Accept the fact everything is a rectangle
— Use “real” copywriting when possible
— Lorem ipsum is not real content
— Be terse, but also...
— Design for discoverability & exploration
7. — Don’t focus only “above the fold”
— Don’t forget about :hover for links
— Resist over-using :hover or animations
— Consider placing content on a grid
— Be aware users will change things...
— Either via text resizing, or
— Full-page zooming
— Plan for contingencies: form errors, etc.
— Plan for both keyboard & mouse navigation
DESIGNING FOR THE WEB, ON DESKTOP...
17. LIFECHURCH.TV — 2 SITES FOR MOBILE + DESKTOP
http://m.lifechurch.tv/ & http://www.lifechurch.tv/
18. — You cannot rely on :hover
— Don’t forget about :active link state
— Fetching files taxes the battery
— Only present the most pertinent info
— Don’t try to emulate “native” 100%
— Consider size of user’s fingertip(s)
— Compress images
— Minify CSS and JavaScript files
— Avoid JavaScript animations
— JS runs much slower on mobile
— position:fixed - doesn’t work
— overflow:auto/scroll - doesn’t work
DESIGNING FOR THE WEB, ON MOBILE...
25. — sIFR = Uses Flash for custom fonts
— Cufón = Uses JavaScript for custom fonts
— CSS3 features
— text-shadow
— letter-spacing
— line-height, etc.
— @font-face (font embedding)
— Google Font API
— Font Squirrel
— Typekit
With font embedding, be sure you’re using
each font legally. Not all foundries allow it.
TYPOGRAPHICAL POSSIBILITIES
30. So basically, be aware of the “rules”
but break them when the situation
calls for it. Design freely. Play jazz!
31. ANY FURTHER QUESTIONS?
Andy Rutledge
TWITTER:
http://twitter.com/andyrutledge
CONTACT:
http://andyrutledge.com/about.php
Nathan Smith
TWITTER:
http://twitter.com/nathansmith
CONTACT:
http://sonspring.com/contact
GET THESE SLIDES...
http://slideshare.net/nathansmith/dsvc-design-talk