• Home
  • Research Interests
  • Publications
  • Presentations
  • Consulting
  • Bookmarks
  • Resource Wiki
  • Contact
Blue Orange Green Pink Purple

Posts Tagged ‘css’

You can use the search form below to go through the content and find a specific post or page:

Apr 17

Bookmarks for March 17th through April 13th

These are my Jumptags for March 17th through April 13th:

  • Problems with ADDIE –
  • Moving Your WordPress Site and Database « Weblog Tools Collection – here comes a time you may have to leave one web host for another. No matter the reason the idea of relocating an entire website – especially one that has been online for sometime – can seem very daunting. With a WordPress based site – I found it easi…
  • You Are Not a Gadget: The Continuing Case Against Web 2.0 – Jaron Lanier was a pioneer of "virtual reality" in the early 1980s and in his book, You Are Not a Gadget: A Manifesto, he makes the case for …
  • Horizontal Attention Leans Left (Jakob Nielsen’s Alertbox) – Web users spend 69% of their time viewing the left half of the page and 30% viewing the right half. A conventional layout is thus more likely to make sites profitable.
  • Teach Science and Math – Estimates are about 80 percent of Math Education at the K-12 level is strictly focused on solving math problems without any real-world context (Computational Thinking and Math Maturity: Improving Math Education in K-8 Schools, Dave Moursund, 2007). S…
  • Space Station Close Encounters With Space Junk: Project Based Learning Activity that Involves an Inquiry Approach – The space station's near misses with debris are a continual issue, which provides excellent resources for scientific project and problem based learning in science.
  • The Periodic Table of Periodic Tables / – The web has hundreds of periodic tables and dozens of collections of periodic tables — but it never had a periodic table of periodic tables. Until now. Researched in profound and excruciating detail over the course of a couple nights on Google, we p…
  • Fred Wilson’s 10 Golden Principles of Successful Web Apps | Carsonified – In February 2010 Fred Wilson, a New York based tech investor, spoke at the annual Future of Web Apps Miami conference. His talk, clocking in at just under
  • Envisioning the Post-LMS Era: The Open Learning Network (EDUCAUSE Quarterly) | EDUCAUSE – Although central to the business of higher education, the LMS has also become a symbol of the status quo that supports administrative functions more effectively than teaching and learning activities.
  • Write Better CSS With Best Practices | Pro Blog Design – Everyone has a slightly different approach to CSS. That's part of the reason it can be a nightmare to edit someone else's code. But there are a few good practices you can use in your CSS to make your stylesheets easier for you to read, and easier for…
  • Techniques for Squeezing Images for All They’re Worth | Webdesigner Depot – An image’s dimensions on screen are measured in pixels: width and height. An image's quality is determined by less tangible factors: composition, mood,
  • What Students Expect from Instructors, Other Students – Some years back The Teaching Professor featured an article highlighting Mano Singham’s wonderful piece describing how he moved away from a very authoritarian, rule-centered syllabus (reference below). It’s one of my very favorite articles—I reference…
  • Starting Out Organized: Website Content Planning The Right Way – Smashing Magazine – So many articles explain how to design interfaces, design graphics and deal with clients. But one step in the Web development process is often skipped over or…
  • Free Stuff – Educational Technology – ICT in Education – The Amazing Web 2.0 Projects Book lists over 100 projects with objectives, defined grade level or age range, links to additional information (including how-to's) about the project, and tips for teachers planning to use the project.
Apr 14

Bookmarks for February 9th through March 17th

These are my Jumptags for February 9th through March 17th:

  • Free and legal music downloads – Jamendo – Download and listen to over 20,000 albums, legally. Use BitTorrent or download directly to discover and share new artists. All content is Creative Commons or "Art Libre" licensed.
  • Philip Hutchison Talks SCORM and E-Learning — Campus Technology – In this candid and eye-opening interview, Philip Hutchison, a household name in SCORM and the man behind Pipwerks, gives his thoughts about the current state of SCORM and e-learning in general, touching on subjects such as how he became one of the go…
  • BBC News – The web: vital statistics – As part of the BBC's SuperPower season, exploring the power of the internet, BBC News explores how the web works.
  • The Role of Disruptive Technology in the Future of Higher Education (EDUCAUSE Quarterly) | EDUCAUSE – # Truly disruptive tools will force new thinking and new approaches to ensuring student learning in higher education.
    # Technology enables online learning, which potentially qualifies as a disruptive innovation in education.
  • Free HTML/CSS Template for Download – DesignM.ag – A few weeks ago we published a tutorial How to Design a Blue Marketing Company Layout in Photoshop. Our friends at SnobbySlice have taken that design, coded it, and made it available for free download. The template includes the homepage design that w…
  • 55 Latest Examples of Perfect Slideshow Presentation in Web Design | Inspiration | instantShift – As you already seen in our previous posts about slideshow presentation designs that representing the key information in slideshow presentation is a hot trend , Daily Resource for Web Designers and Developers.
  • Flickr: The Library of Congress’ Photostream – Images from the Library of Congress' photostream in Flickr.
  • Two Ways To Remove A Color Cast From A Photo With Photoshop – Removing color casts in Photoshop. Easy techniques.
  • Color Theory for Designer, Part 3: Creating Your Own Color Palettes – Smashing Magazine – In the previous two parts of this series on color theory, we talked mostly about the meanings behind colors and color terminology. While this information is
  • UsabilityPost – Does Your Website Suffer From These 7 Usability Mistakes? – Tips and insights into good design and usability
  • Project Cartoon: How Projects Really Work (version 1.5) – How Projects Really Work (version 1.5) How Projects Really Work (version 1.5)
  • Malcontent Blogger | bLaugh – Source: ReviewMe Domain: MalcontentBlogger.com
    <img class="comic" title="Malcontent Blogger" alt="Malcontent Blogger" …
  • The Whole Internet Truth | bLaugh – Source: Wikipedia Domain: WikisGoneWild.com
    <img class="comic" title="Where is the Secret of Life?" alt="Where is…
  • Applying Mathematics To Web Design – Smashing Magazine – “Mathematics is beautiful.” This may sound absurd to people who wince at numbers and equations. But some of the most beautiful things in nature and our universe…
  • Here’s How to Add Personality to Your E-Learning Courses » The Rapid eLearning Blog – Tom Kuhlmann offers up advice on how to integrate script fonts into your elearning courses for personality.
Mar 30

GC 310: A printer’s primer to HTML & CSS

Clemson University
Image via Wikipedia

Slideshare iconToday, I get the great pleasure to present to my alma mater at Clemson University.  I have been asked by my good friend Nancy Leininger to present to her graphic communications class about HTML, CSS, content management, and how these apply to printing technologies.  We’ll be using Adobe Connect today, so I’m excited to see how it works as well.  I’m hoping to get Connect for our campus and our Masters degree online.  Below are the slides for this presentations, housed at Slideshare.

HTML & CSS: A Printer's Primer
View more presentations from Michael M Grant.

Of course, if you have any questions about the slides or the content or if you have a comment about what you see, please drop me a line in the comment section below.

Feb 09

Bookmarks for January 31st through February 9th

These are my Jumptags for January 31st through February 9th:

  • Project Cartoon: How Projects Really Work (version 1.5) – How Projects Really Work (version 1.5) How Projects Really Work (version 1.5)
  • Malcontent Blogger | bLaugh – Source: ReviewMe Domain: MalcontentBlogger.com
    <img class="comic" title="Malcontent Blogger" alt="Malcontent Blogger" …
  • The Whole Internet Truth | bLaugh – Source: Wikipedia Domain: WikisGoneWild.com
    <img class="comic" title="Where is the Secret of Life?" alt="Where is…
  • Applying Mathematics To Web Design – Smashing Magazine – “Mathematics is beautiful.” This may sound absurd to people who wince at numbers and equations. But some of the most beautiful things in nature and our universe…
  • Here’s How to Add Personality to Your E-Learning Courses » The Rapid eLearning Blog – Tom Kuhlmann offers up advice on how to integrate script fonts into your elearning courses for personality.
  • Intel Teach Elements: Project-Based Approaches – Free, online teacher professional development on 21st century learning concepts: Project-Based Approaches from Intel Teach.
  • The Principle of Proximity in Web Design – Recently I picked up an old design book that I hadn't touched in a while, and it reminded me of a design principle that many of us put into practice probably
  • 10 Tips for Better Print Style Sheets – Print style sheets have been somewhat forgotten, and yet they remain important all the same. Many people print out articles to read while traveling or when they
  • 50 Free UI and Web Design Wireframing Kits, Resources and Source Files – Smashing Magazine – Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers:
  • Why E-Learning is So Effective » The Rapid eLearning Blog – Tom Kuhlmann offers up reasons why elearning is popular and effective.
  • Technological Pedagogical Content Knowledge – A lecture on Technological Pedagogical Content Knowledge for students in EDUC6751.
Jan 04

Bookmarks for December 17th through January 4th

These are my Jumptags for December 17th through January 4th:

  • The Ultimate Guide to Creating a Design and Converting it to HTML and CSS – A full-featured how to for creating a design and then converting it to HTML and CSS.
  • Kineo – Custom E-Learning Training & LMS Solutions – Tip 33: A Shot of Theory – Keller’s ARCS Model – An overview and application of Keller's ARCS model.
  • Download of the Day: iRed Lite (Mac) – Downloads – Lifehacker – Mac OS X only: Freeware app iRed Lite lets you control almost any application using your Apple Remote, such as with Powerpoint (built in).
Dec 12

Bookmarks for December 9th through December 10th

These are my Jumptags for December 9th through December 10th:

  • How To Explain To Clients That They Are Wrong – Smashing Magazine – GIFs of spinning s on the Contact us page. Common usability mistakes for the sake of visual appeal. Splash pages. Fancy search box. No whitespace. Music on page load….
  • How to Deal with Feature Creep | Webdesigner Depot – If any assumption is safe, it’s that six months after launching a website (or sooner?), its owners will have a list of things they want to change, from minor
  • Project Timeline (Marine Theme) – Google Docs Templates – This is a template for Google Docs for project schedule tracking.
  • Cover it Live – TBR08 – Michael Grant – Barry Dahl covered my keynote live and I didn't even know it.
  • 6 Hilarious Social Media Motivational Posters – These posters are not the usual motivational posters you see hanging around offices. In fact, the little quotes we see on them aren’t exactly motivating and might even be insulting to social media users. Any offense is obviously intentional, but it’s…
  • Sketchy Web Icons: 30 Hand Drawn Icon Pack | Tutorial9 – This Icon Pack includes 30 Hand-Drawn Web Design Icons. This is the perfect set for adding that handmade feel to your own creations online.
  • Secrets to a Faster and Attractive Web Site Design Revealed | Web Design | instantShift – A web designer has many challenges to tackle. The creation of an attractive web site is as important as sending the message across effectively. After all, a web , Daily Resource for Web Designers and Developers.
  • Evaluation Wiki – Mlawiki – This wiki is an ongoing project initiated by the MLA Committee on Information Technology (CIT) as a way for the academic community to develop, gather, and share materials about the evaluation of work in digital media for purposes of tenure and promot…
  • How Getting An F On Your School Paper Makes You A Better Blogger – This guest post was written by Rob Sutton from Ramped Reviews. Image by kharied. This comes to be a surprise …
  • HOW TO: Manage Successful Social Media Promotions – Retailers are getting more traffic and sales from social media sites. Here are some great tips for turning social media buzz into social shopping buy.
  • Easy front-end framework – Easy front-end framework is all in one front-end solution. It includes CSS, HTML and JavaScript predefined code that you can easily use and reuse on your projects.
  • 50 High-Quality Free Fonts for Professional Design – Designers love to have a lot of quality fonts available to them, and fortunately there are some very good free fonts out there. In this post we'll feature some of the best free fonts that can be used in your commercial designs. If you're looking for …
  • 22 Latest Exceptional WordPress Hacks | Tutorials | instantShift – WordPress needs no introduction among designers and writers. It’s usually known as a synonym for blogging. Now days every other WordPress blogs look more or , Daily Resource for Web Designers and Developers.
  • From Blank Screen To Web Design In 5 Easy Steps – Learn a simple, five-step web design process to make sure you include the basic elements every website needs while freeing your mind to be more creative.
  • New Branding Revealed For Winter Olympics 2014 – The official logo for the Sochi 2014 Winter Olympics was revealed last week. This is the first winter games to be held in Russia and it is the first Olympic logo to include an internet URL.
Nov 21

Bookmarks for November 19th through November 20th

These are my Jumptags for November 19th through November 20th:

  • The Wired Campus – ‘The Last.fm for Research Papers’ Tops 100,000 Users – The Chronicle of Higher Education – Mendeley, a Web service that lets users organize and share research papers, recently announced that it has surpassed 100,000 users, and that its database now includes some 8 million works.
  • Principles Of Good Design: Balance – In a typical web layout, a designer needs to place a logo, text, photographs or illustration. By making a conscious effort to work on the relationship between these elements to produce an eye catching design.
  • 16 Intelligent Sites For Application Review | Showcases | instantShift – Web based applications have many advantages over software that you have to download and install it on your computer. First, You don't need to install or update , Daily Resource for Web Designers and Developers.
  • Designing CSS Buttons: Techniques and Resources – Smashing Magazine – Buttons, whatever their purpose, are important design elements. They could be the end point of a Web form or a call to action. Designers have many reasons to style…
  • GoAnimate – Create your own cartoons and animations easily. Our tools are free and you don’t need to learn Flash. – GoAnimate is a way to easily create animations and share with friends.
Nov 17

Bookmarks for November 16th

These are my Jumptags for November 16th

  • LEGO Digital Designer : Virtual Building Software – Lego Digital Designer allows you to build legos with the software and do cool stuff, too. A revolutionary platform for virtual building. The software is free to download for Mac and PC. PowerPC Macs must download a special version.
  • Branching surveys and self-grading quizzes in Google Forms / Google Docs » Moving at the Speed of Creativity – Branching surveys and self-grading quizzes in Google Forms / Google Docs
  • Learning Visions: eLearning Guild Authoring & Development Tools Research Report (2008) – did dig up the eLearning Guild Authoring Tools Research Report (January 2008). It’s a bit out of date (almost 2 years old) and I suspect the numbers have changed a bit. My guess is that Articulate represents a larger market share than two years ago…
  • Coding a Web Design for Speed and Quality | Webdesigner Depot – The beauty of being a web designer is creating a detailed, creative, and original web design in Photoshop, without having to (for the most part) think about how
  • Design Basics: Repetition To Create Visual Themes | Van SEO Design – Last week we talked about alignment as one of the four design basics. We looked at a web page who's elements were randomly strewn across the page and by
  • Design Basics: Contrast To Stand Apart And Call Attention | Van SEO Design – Last week our discussion revolved around repetition as a basic design principle. We saw how adding repetitive elements highlights similarity and how repetition
  • Cropping Images For Maximum Impact | Van SEO Design – When adding images to your site or blog posts do you take the time to crop them to create a more dynamic and visually interesting image? Here's a simple trick
  • Whitespace: Less Is More In Web Design | Van SEO Design – Less is more— Ludwig Mies van der Rohe A good friend of mine is moving into a new apartment after being away from the area for a few years. Needing
  • Is Your Web Design Balanced? | Van SEO Design – Happiness is not a matter of intensity but of balance, order, rhythm and harmony. — Thomas Merton Balance is important in life. Work and play;
  • Tagul – Gorgeous tag clouds – Tagul is a web service that enables you to create beautiful looking tag clouds and embed it on your web page
Oct 17

Bookmarks for October 13th through October 15th

These are my Jumptags for October 13th through October 15th:

  • Weebly – Create a free website and a free blog – Weebly has now added an education section. Weebly is perfect for creating classroom websites, student e-portfolios, and websites for assigned projects.
  • Free Adobe Dreamweaver Tutorial | CSS Tutorial for Creating Layouts in Dreamweaver | Layers Magazine – This tutorial covers the process of building a CSS-based layout from scratch using Dreamweaver. Great beginner tutorial.
  • Free Adobe Dreamweaver Tutorial | CSS Tutorial – Basics of Working with Cascading Style Sheets | Layers Magazine – This tutorial covers the basics of creating CSS in Dreamweaver using the CSS Rule dialog. Great intro.
  • Adobe Flash Tutorial | Creating an interactive story in Adobe Flash part 2 – A simple tutorial for moving around Flash CS3. Part 2.
  • Adobe Flash Tutorial | Creating an interactive story in Adobe Flash – A simple tutorial in two parts for moving around Flash CS3.
  • Flash CS4 |Timeline Animation | Motion Editor | Layers Magazine – With Flash CS4 now has auto-keyframing, a full-featured motion editor, and—most importantly—the ability to animate each property of an object separately from one another.
  • Open Access Educational Technology journals – George Veletsianos – One of the resources developed for my students is a listing of open access journals (name, url, and RSS feed) that publish papers on the nexus between technology and education (educational technology, instructional design, e-learning, online distance…
  • Best Time-Tracking Application: Klok – Time management – Lifehacker – Earlier last week we asked you to share your favorite time-tracking applications and then we rounded them up for your review.
  • The speed of information – The speed of information between neurons.
  • 33 Websites For Vector Images Download | Pro Blog Design – Here is a list of free vector images for download, if you're designer and look for vector images for your design project, you can simply download this…
  • 3 Ways To Find The Best Website Color Scheme – Learn how to pick a website color scheme that keeps visitors engaged. Includes a list of questions to ask clients and a color psychology cheat sheet.
  • Using John Keller’s ARCS model to motivate online learners « Onlignment – ARCS provides a good summary of the issues to be considered when designing a learning intervention. In particular it makes sense to me when putting together a live online learning event.
  • Live Online Learning – a facilitators guide « Onlignment – To download your free copy of “Live Online Learning – a facilitator’s guide” just sign up for the free newsletter.
  • Healthcare Napkins wins World’s Best Presentation Contest 2009 | SlideShare Blog – Thousands of presentations are uploaded to SlideShare everyday. But some catch your eye from the moment they get uploaded. Tha's the case with the winning
  • 5 Steps to Slide Design for Non-Designers by Ellen Finkelstein | SlideShare Blog – I’ve come up with 5 steps that you can take to create a presentation that will work, even if you’re not a designer.
Sep 29

Bookmarks for September 24th through September 29th

These are my Jumptags for September 24th through September 29th:

  • Solve Any CSS Problem In 3 Minutes (Or Less) – Discover a simple trick to solve any CSS problem in tableless web design, especially issues with layouts and positioning.
  • 13 Web-Safe Fonts At The Core Of Web Typography – Find out what web-safe fonts are and which thirteen font faces are on the list. Includes samples of each font along with the complete font-family property.
  • 5 Great Alternatives To Google Docs You Should Consider – More and more of my word processing is getting moved to the Web these days for a number of reasons. My writing is accessible from anywhere, is open to
  • Word 2007 Styles – A quick tutorial for creating and applying styles in Microsoft Word.
Older Posts »

Viral-Notebook

  • Jots. Jabs. Jokes. Gems.
    This is the homepage for Michael M. Grant, an Associate Professor at the University of Memphis. Inside you can locate a collection of infectious conversations and musings about design, development and learning technologies. In addition, you can find resources and directories of my teaching and research.
  • Subscribe . . . Connect
    Subscribe with your email address:

    Delivered by FeedBurner



    Technorati Profile | LinkedIn Profile
    View Michael M. Grant's profile on slideshare
    • Popular Posts
    • What I learned from teaching children and how it changed my instruction
    • A letter to my students ...
    • 5 things Facebook can teach us about elearning
    • ADDIE—Love it or leave it?
    • K-12 Education: Moving from the Schoolhouse to the Superhighway
    • The landscape of Powerpoint for elearning
    • The Perfect SCORM: Is there an impact to elearning or not?
  • Search






  • Home
  • Research Interests
  • Publications
  • Presentations
  • Consulting
  • Bookmarks
  • Resource Wiki
  • Contact

Creative Commons License
This work by Michael M. Grant is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License.
Designed by FTL Wordpress Themes brought to you by Smashing Magazine