WaSP InterAct Curriculum Web Design 1 Assignment Rubrics Course Blog Setup a blog using WordPress, Blogger, or another comparable system. Each week of the course, write one blog post that expands upon the topics discussed in class or readings. Each post should be at least 200 words in length, and should contain images and links where appropriate. Recommended: Subscribe to your classmates' blog RSS feeds using Google Reader, Netvibes, Bloglines, or another RSS reader of your choice so you can learn from your peers.
The Font Matcherator - Find a font from any image Font Finder Have an image with type and you don't know what the font is?Upload it and we’ll find the fonts that match. Your Image CS134 Web Design - Lecture Notes Class 1: Introduction to the Internet [PPT slides] Class 2: Creating a Basic Web Page [PPT slides] Class 3: Basic XHTML tags; In-class Assignment Class 4: Lists, Tables, Links, Images [PPT slides] Class 5: Links, Images; Exercise 1 [zip file] Class 6: Intro to Cascading Style Sheets [PPT slides] Class 7 & 8: CSS Value and Common CSS Properties [PPT slides] Class 9: Understanding URL, Using Different CSS Selector [PPT slides] Class 10: Page Layout Techniques (1) [PPT slides], [Layout files] Class 11: Page Layout Techniques (2) [Layout files] Class 12: Dreamweaver Introduction [PPT slides], [exercise files] Class 13: Mid-term exam review Class 14: Dreamweaver (cont.) [PPT slides], [exercise files] Class 15: Dreamweaver (cont.)
60+ best free fonts, Summer 2015 2015 continues to be a fantastic year for fonts. Type designers are increasingly prolific and there’s a new design for every possible project, often completely free, or with a free option or weight. There are a couple of dominant trends for Summer: The first trend is a revived interest in ethnic and folk art styles, like the colorful approach of Tripel Six, or the charming Quirko; the second trend is a move away from the geometric sans-serifs that we’ve seen recently, towards more humanist sans-serifs, like Qontra.
Designing for the Web: Are There Colors You Should Avoid? The web is a rainbow of color options. Color is a great tool for grabbing the attention of users, providing visual interest and impact and creating contrast for readability. Color is also at the center of many design trends, including flat and material styles. But can you go wrong with color? The Typographic Details Behind Typewolf’s Favorite Sites of June 2015 July 7, 2015 This is the 17th installment of my monthly feature on Typewolf where I share my favorite type-driven websites from the previous month and then write a little about the typographic details behind the designs. You can check out last month’s post for May here.
Unique gradient generator This tool helps you to generate beautiful blurry background images that you can use in any project. It doesn't use CSS3 gradients, but a rather unique approach. It takes a stock image, extracts a very small area (sample area) and scales it up to 100%. The browser's image smoothing algorithm takes care of the rest. You can then use the image as an inline, base64 encoded image in any HTML element's background, just click Generate CSS button at the bottom of the app.
Download Free Fonts - an awesome list of 101 free fonts - The Hive Fonts and typefaces. Making the choice of the right font at the right time is a bit of an art. One font which could work very well in a specific setting could be a hateful choice for a different scenario. However, there’s always a good font for every setting, and there’s always going to be good fonts and horrible fonts which should be wiped off the face of the internet (and the face of the planet for that matter). We’ve gone around and researched. The 36 greatest free web fonts It's time-consuming to cut through the ocean of free fonts online, especially web fonts, to find the real gems that punch above their price tag. With this in mind, we've rounded up the greatest free web fonts from around the internet to get you started. There are various methods to source and license web fonts, including subscription-based models such as Typekit and Fontspring, which boast libraries of quality typefaces that are becoming increasingly popular with professional designers.
Designing Without Images: Making Typography Work for You You don’t need a great image for every design project. In fact, you can create a great design with no images at all. It’s a trend that is gaining a lot of momentum as typography-focused projects can be used to stand out against a crowded sea of hero images, video and animations. All you have to do is think like a typographer. Designing without images takes focus, vision and a clear understanding of design and typography principles to create a piece of art that is totally comprised of text. Don’t Settle for Regular
How to design HTML5 games HTML5 and the term “cross platform” are buzz words, and for good reason. The technology works for smartphones, tablets, laptops and desktops. Agencies love the concept, because any web designer who knows HTML, will understand HTML5. What does it mean for you, the Web Designer? More projects involving HTML5More projects revolving around interactivityCreating experiences for the end user to interact with At the heart of this interactive experience, are casual games.
3 Typography Tips For A More Comfortable Read Tip 2 — Use Vertical Spacing To Make Your Words Easier To Scan This is the spacing and arrangement of text as the reader descends the page. We need to make sure the the line spacing and space between paragraphs is generous enough to allow the eye and brain to more easily decipher characters, words, and word shapes — which is how we all read. Paragraph Spacing Setting the paragraph spacing is simple, but is very different to just pressing ‘return’ twice for a new paragraph. 9 reasons hand-coding always beats site builders If you use any kind of social media like Facebook or Twitter, you won’t have been able to avoid the merciless onslaught of ads promoting WYSIWYG website development. I’m not talking about those fancy software applications like DreamWeaver, but actually hosted site building applications that offer drag-n-drop website building systems complete with predefined templates. You could easily think that this is a great idea because on the face of it these kinds of systems are supposed to save you time and effort, but the reality is a little different. Here are just some of the reasons why you’re better off coding everything yourself.
25 Inspirational Typography Projects You Don't Want to Miss Get your daily dose of typography design inspiration from this article. We selected 25 inspirational typography projects, and if you’re a designer – you don’t want to miss these. These amazing typography projects will surely impress and inspire you. You will find here various kinds of typography projects, from calligraphy, typography illustrations, 3D typography, massive fonts and more!