Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged Web Development

Rss Feed Group items tagged

Paul Angichiodo

Developing Balance in Web Design | Codrops - 0 views

  •  
    Goes in depth about balance and gives great examples
  •  
    I really liked this page, like the last one I posted for contrast this website goes into detail about each kind of balance and gives a picture example of each. It makes it really easy to understand seeing a web page picture or ad, which is what we mostly work with so it makes it easier to understand by showing pictures we relate to.
  •  
    Here is another article about balance in web design! This article is more focused on designing for your audience. It defines the types of balance as: horizontal, vertical, radial, symmetrical and asymmetrical. Each type of balance has examples from the web accompanied by a short description of how balance is achieved in each unique way. The article goes into the properties of balance as well, and has examples from the web to help define them.
Paul Angichiodo

Your Web Site Needs a Chiropractor: Alignment in Web Design | Forum One: Drupal and Ope... - 0 views

  •  
    Here is an article about alignment in web design. It goes into detail about the meaning of alignment and even some history about it. This article contains a lot of helpful advice if your looking for ways to improve your alignment while designing for the web.
anonymous

DD#6 HW#1 -Developing Visual Rhythm in Web Design - 0 views

  •  
    D6 HW1- Don't be fooled by the Rhythm instead of repetition, this website does talk about using repeating items or patterns to bring unity and motion to the design. This website takes more realistic visual aides as examples. Helping to apply the pronciples of repetition to a busier, and more typical, design.
Paul Angichiodo

25 Examples of Emphasis Applied in Web Design | Codrops - 0 views

  •  
    This website gives us 25 cool ways to put emphasis in our blogs. It also leads you to a link where Patrick (author) wrote an article on developing emphasis in web design.
  •  
    Here is an article on emphasis used in webdesign. It has 25 different examples of emphasis used in various webpages and it explains how it is used in each example as well. If you are into web design its a pretty interesting article.
Shannon Ridgeway

Does Your Design Flow? | Van SEO Design - 2 views

  • Flow is the way your eye moves or is led through a composition. While most of us will naturally move from one element to another in our own fashion, a designer can control to some extent where the eye moves next.
  • Verbal Flow – the path taken when reading text on the page Visual Flow – the path taken when looking at images and graphics on the page
  • To make copy easier to read you can: Develop a consistent typographic style across your site – Be consistent with your use of font size, face, and color Choose a font for your copy that is easy to read – Your copy is not the place for a fancy font Remember the principle of proximity – Place headings close to the text they refer to, captions close to images. Organize your text elements so it’s clear what goes with what Watch the width of columns – Don’t make columns to wide or too narrow as each hinders reading Develop a vertical rhythm in your type – Use consistent line heights and vertical margins and paddings
  • ...6 more annotations...
  • Again a consistent typographic style and a grid-based layout help maintain the pattern and strengthen the flow of your site.
  • Many images have a direction. An arrow, a hand pointing, a face looking in one direction. Your eye will speed up or slow down depending on the direction it was moving when it fell on the image.
  • Use the direction of images to control the the speed and direction of flow Create barriers when you want to reverse the eyes direction Create open paths to allow easy movement through your design Use contrasting colors and shapes to pull the eye
  • Assuming a left to right reading direction as in English, the natural visual flow for people will be a backwards “S” pattern. You can alter that natural pattern with the images you use, where you place those images, and how images, graphics, and text are mixed on the page.
  • Through good flow you can lead the eye from element to element
  •  
    A page on teaching what design flow is and how it works. Teaches you how to keep the reader's eye and make them follow the 'flow'.
  • ...7 more comments...
  •  
    This website gives great advice on how to show flow in a website.
  •  
    Interesting take on flow in design. Definitely worth reading. I like the information and felt that this could be very helpful in creating pages.
  •  
    This is a great website that illustrates how important flow is design. It was my favorite of all the pages I visited It gives a great definition of design flow, as well as the 2 kinds of flow (takes examples straight out of Basics of Design). It then goes on and explains how to improve your verbal and visual flow in your work.
  •  
    This in-depth website shows how to improve your website using the flow to create a more readable page.
  •  
    D#7, HW#1-- This is a great website when discussing visual and verbal flow like the book with Chapter 7. Firstly, it explains what visual flow and verbal flow exactly are so that you know where you're starting off, which I really enjoy in a website. Then, the website gives you visual examples of how to improve your current design or document.
  •  
    This website is good because it gives you a scenario of something you can relate to then it gives you an explanation of both visual and verbal. Then it gives you suggestions on how to improve your work that has to do with visual and verbal flow .
  •  
    Flow is the way the audience's eyes move through out the design. Its a lead from one element to another. Verbal flow is more like a path that leads you to the next reading text on a separate page. This article is really helpful way to improve "Flow" and provides examples for flow. 
  •  
    This is a good website to help you understand what flow is and the different types of flow. It talks about verbal flow and visual flow. It also goes on to explain how to improve your verbal flow and your visual flow.
  •  
    This webpage incorporates more details about many key aspects of flow that were also mentioned in chapter seven. There are tips to improving visual and verbal flow within a page and also how to add flow across an entire site involving many pages.
Taylor Rowand

D#3, HW#1- Carsonified - 0 views

  •  
    This website displays very clear contrast in font types between the "We Love The Web" and the other fonts for the clickable objects. Size and color contrast are also used being that the whole site is the same color except for the important links that the designer wants you to focus on.
Alex Portela

D#6 HW#6.1: How to Improve WordPress Security | Interconnect IT - WordPress Consultants... - 0 views

  • Editing of Themes and Plugins Through the Admin Interface
  • Poor Passwords
  • Poor mySQL Server Security
  • ...7 more annotations...
  • Allowing User Registration
  • Firewalls
  • Putting your server behind an appropriate firewall can help with certain types of attack.
  • Server Permissions
  • Shared Hosting
  • Always Log Out When Finished
    • Alex Portela
       
      This is a useful site which tells me about the security of this site. This is the reason why I use fake name for many of these programs and release very little personal information. Several of the other sites talk about upgrades of this program with plugins. This site advises against it and how to set up stronger passwords and not to link personal MySQL server to connect remotely if working on a project with another computer. So updated security is essential and avoiding 3rd party plugins can be important.
  •  
    This is a useful site which tells me about the security of this site. This is the reason why I use fake name for many of these programs and release very little personal information. Several of the other sites talk about upgrades of this program with plugins. This site advises against it and how to set up stronger passwords and not to link personal MySQL server to connect remotely if working on a project with another computer. So updated security is essential and avoiding 3rd party plugins can be important.
Yajahira Bojorquez

D#6, HW#6: 20 WordPress Tricks to Improve Your Blog - DesignM.ag - 2 views

    • Daniel Throckmorton
       
      Talks about useful plugins.
  • plugins that can provide added functionality that will bring new possibilities.
  •  
    One of the reasons WordPress is so popular is because of its flexibility. Designers, developers, and bloggers have plenty of options. In this post we'll look at a combination of tutorials for improving a WordPress-based site, and plugins that can provide added functionality that will bring new possibilities. Tutorials: Build a Featured Posts Section for WordPress Magazine themes are becoming increasingly popular. There are plenty of quality premium themes available, and also some decent free magazine themes, but you may want to build or customize your own. This tutorial covers the process of coding the index.php file to set up a magazine-style front page with a featured post section. - if you're willing to download all the plugins that are available from this site, you can really have the wordpress site look awesome and provide a lot more options.
  • ...14 more comments...
  •  
    This was really interesting to read through as it has so many ideas to change and modify our blogs. There are 20 ideas in all through the article some of which are similar to programs we have used so far in the class. My favorite idea was featured posts carousel like you see on many web site with their news feeds.
  •  
    20 Tricks to Improve Your WordPress Blog - These are a little more custom and in-depth but they can add some style and some call to action points on the design of your blog.
  •  
    This site is helpful because it gives well-labeled headings, easy-to-follow layout, and lots of visual aids.
  •  
    This is a very helpful blogging article since it is WordPress specific. It explains how you can customize the design of your layout and different options you have for organization.
  •  
    This site provides tutorials for each process they are conveying to improve WordPress blog.  There should be something for everyone on this site since it offers a variety of different operations.
  •  
    I believe this article is the most helpful because it gives 20 tricks to improve your blog on wordpress. It gives a quick description of each style and a link that takes to a step by step on how to change your blog into that style you liked. There is also audio just in case the reading is a bit overwhelming and pictures of what certain steps look like. This has a wide variety and can appeal to the likes of many different people
  •  
    This site has several good tutorials. I think the Featured Posts tutorial and the tutorial that shows you how to put text over your lead graphic seem like they'd be interesting blog additions. The draw back on these changes is that you have to be familiar with web encoding though.
  •  
    20 tricks to improve wordpress.its good because its made just for wordpress.
  •  
    This site it good because it give 20 tutorials on how to improve WordPress. Some are how to build a featured posts section, making a better blogroll, and how to integrate a slideshow into the WordPress theme.
  •  
    This website could be a good resource to use because it could certainly help improve your blog .It has great examples of little tricks that can be done
  •  
    This was one of the 4 sites that i found that helps you improve your wordpress. This site gives you 20 tricks on how to improve your blog.  You can do some really cool things based on this site. 
  •  
    I like this article because it gives you many ideas on how to improve your wordpress blog. This article gives you many options to choose from. 
  •  
    Good website it has many different options that you can do to make your blog better. You can do a magazine style horizontal dropdown menu and add a slideshow into you wordprees theme. Very helpful website.
  •  
    This page gives 20 ways to customize your blog but I chose to share it because it deals with not only the aesthetics of your page but also how viewers navigate it
  •  
    This page has it all! Aside from just telling an explaining what we can do it provides screenshots so we get an idea of the "trick" to see is we might want it. This offers help anywhere from blog rolls to navigation to addding sideshows and tabs to your page. VERY resourceful.
  •  
    This article is good because it provides tutorials on how to improve your blog.  For example, there are descent free magazines themes or you can build your own.  Also it gives techniques for seo and plug ins.  
Rachel Bryson

DesignModo - Design and Web Development Magazine, be Inspired and Creative - 0 views

shared by Rachel Bryson on 25 Aug 11 - Cached
  •  
    This website is full of information on every kind of media out there. It has photography, social media, advertising, and even an article on the basics of visual design. It talks about the importance of shapes and colors and what the different ones mean.
natalie arellano

D#1 D#13-Thoughts on Developing A Design Concept | Van SEO Design - 0 views

  •  
    An awesome website which goes into great depth about the importance of having a concept and how to create your concept based on your audience.
  •  
    Should be visually appealing and set up a mood. The design should make you smile or craving the new item on Starbucks' menu.
Jennifer Greenhalgh

Henry Brown | UK Freelance Web Designer & Developer - 0 views

    • Jennifer Greenhalgh
       
      after the introduction, it gives you secondary information, which is not as big or opaque as the intro
    • Jennifer Greenhalgh
       
      The stand alone graphic and bold font with accents to each side grabs your attention first
    • Jennifer Greenhalgh
       
      he lets is samples of work pop out against the white background
1 - 11 of 11
Showing 20 items per page