10+ Web Tools To Save Your Butt In School It’s a new year, and the beginning of a new semester in school. Students who didn’t do so hot last year have probably made a New Year resolution to improve their grades. To help you all with the next semester, I’ve decided to make a list of extremely helpful web tools that will make school easier for all the struggling students out there. Enjoy, and good luck with the new semester. 1. PinkMonkey / Shmoop Everyone already knows about Sparknotes and Cliffnotes, but there are very few who have used PinkMonkey. Another website you’ll like is Shmoop. Similar Sites: Sparknotes, Cliffnotes, LitSum, GradeSaver, Bookrags 2. One of the things I hate most about school is that for every paper you turn in, professors insist that you cite your sources. Luckily for you, there are a lot of websites that will put together a bibliography for you. My favorite site for this is BibMe. Similar Sites: EasyBib andOttobib. 3. Similar Sites: Quizlet, StudyStack 4.TadaLists 5. 6. 7. You have a paper due. 8. 9. 10.
40 Useful Adobe Illustrator 3D Tutorials and Techniques | Six Re Adobe Illustrator is a versatile vector illustration application that’s preferred by many professional artists and designers. Its robust and powerful set of tools coupled with its intuitive interface makes it the go-to app for vector work. Illustrator excels in allowing designers to craft stunning and realistic-looking 3D artwork. In this collection, you will find 40 useful and informative tutorials and techniques on creating three-dimensional artworks in Adobe Illustrator. 1. Create an Open Book with Illustrator’s 3D Extrude & Bevel Tool Learn a technique for illustrating a three-dimensional book by reading through this Adobe Illustrator tutorial. 2. Learn a process for creating an infographic piece from conceptualization to finalization using a variety of Illustrator tools and techniques such as the Gradient Mesh Tool. 3. Craft a tin can (perfect for product design models) using a host of Illustrator tools and techniques such as the Extrude Tool and Image Mapping techniques. 4. 5. 6. 9.
10 Usability Crimes You Really Shouldn’t Commit Over time certain conventions and best practices have been developed to help improve the general usability of websites during their design and build. This roundup of ten usability crimes highlights some of the most common mistakes or overlooked areas in web design and provides an alternative solution to help enhance the usability of your website. Crime 1: Form labels that aren’t associated to form input fields Using the ‘for’ attribute allows the user to click the label to select the appropriate input fields within a form. Crime 2: A logo that doesn’t link to the homepage Linking the logo of a website to the homepage has become common practice and is now second nature for (most) web surfers to expect the logo to head back home. Crime 3: Not specifying a visited link state Visited link states do exactly as they say on the tin. Crime 4: Not indicating an active form field Crime 5: An image without an alt description Crime 6: A background image without a background color
50 Excellent Adobe Illustrator Video Tutorials | Tutorials | Sma Advertisement Adobe Illustrator is the industry-standard when it comes to the creation of vector graphics. Though a very robust tool – the learning curve involved in mastering it can be high. Thankfully, there are abundant resources on the web that allows you to “learn by doing”. Video tutorials (in general) enable the learner to witness – step-by-step – how a particular technique works. We often learn best by seeing how things are done and following along with the instructor (much like in a classroom environment). In this article, we present to you 50 excellent Adobe Illustrator video tutorials. So fire up Illustrator, watch a few of these videos, and hopefully you will have learned a tip or two by the end of your adventures into these Illustrator video tutorials! General Tips and Techniques Patterns and Shapes in Adobe Illustrator This tutorial is based on an advertisement that uses patterns and shapes to create a unique design effect. Creating Objects Effects
Stiern.com vídeo-tutoriales de calidad 10 Templates that Solve Problems for Web Developers We live in a web centric world right now, and if you haven't already, you'll most likely be facing website related dilemma(s). For example, maybe you need an email template to send out your company newsletter(s) but you don't have the first clue as to how to create one let alone create one that works with all major clients, looks outstanding and is easy to customize and reuse. Or maybe you need a stylish but functional admin panel for a client whom you've just built a complex CMS for, but you aren't a designer. 1. “Airmail is a professionally built and designed custom HTML email template! 2. “Simpla Admin is a professional template with a beautiful and user friendly interface. 3. “CleanMail is a simple yet sexy email template package with 5 different color schemes!” 4. “If you’re looking for a Knowledge Base or Wiki for your company but don’t want or need a full blown Wiki Application. 5. 6. vCard Professional Portfolio 7. 8. 9. 10. Conclusion
Free tutorials on HTML, CSS and PHP - Build your own website - HTML.net Easily Password Protect a Website or Subdirectory Working on a website that you need others to see, but not the whole world? Password protecting a website (or a sub directory within a website) is actually a pretty easy thing to do. .htaccess file AuthType Basic AuthName "restricted area" AuthUserFile /path/to/the/directory/you/are/protecting/.htpasswd require valid-user The exact path to the file is extremely important here. /home/21410/domains/css-tricks.com/html/examples/PasswordProtected/.htpasswd You should be able to to echo out a phpinfo(); on a page in that directory to scope this directory out. .htpasswd file css-tricks:csmBH6tTLNZBE That is what the contents of the .htpasswd file should look like. In fact, I obviously first learned this from David as pretty much this exact same tip is on his site. See it in action
70 Tutorials Using Photoshop To Design A Website This article features a huge amount of Photoshop web design tutorials, which will teach you simple effects which can be combined together in order to create a great website design. Theses tutorials are perfect for first time Photoshop users because there short and sweet. I hope you enjoy the article and feel free to leave a comment below. 1) Carbon Fiber Layout you’ll learn how to make this sleek layout with a carbon fiber background that would look great as a landing page for a website. 2) Design Studio Layout In this tutorial you will learn how to make a layout for your design studio website. 3) Create a web 2.0 layout in photoshop In this tutorial, you’ll learn how to create a very fancy “Web 2.0″ website layout in Adobe Photoshop using beginners skills. 4) Watercolored design studio blog layout In this tutorial you will learn how to make a clean and simple watercolor design studio layout for a blog. 5) Corporate Business Layout 6) How to create a worn paper layout 7) Arhitecture layout
5 Sources for Free and Legal Images Everyone knows that almost any blog post is better with images. However, getting them can be a difficult matter. With a maze of licensing and fair use issues making it hard to decide what is and is not legal to use, many bloggers don’t wish to use images that they have not taken themselves. But while using your own images is always the best way to go, there are several great sources to help you find and locate images that you can use as part of your blog posts. In fact, there are some very neat tools designed specifically to help you correctly license and use other people’s photography, art and more. The best part of all is that these tools are free. Photo Dropper Photo Dropper is hands down one of my favorite WordPress plugins. Photo Dropper is extremely simple to use. From there, you’ll be able to search for keywords related to your post. Photo Dropper may take some fiddling to get relevant images and you might have to tweak the HTML to get it to fit well in your posts. Zemanta GumGum
How To Use @font-face In CSS And 21 Great Typefaces The 2 most popular typefaces used on the web today are surely Verdana and Georgia. They’re great and I used them all the time since they’re web-safe fonts. I use them mostly because I’m not a big fan of flash replacement techniques or solutions that require Javascript (sIFR, Cufon, etc…). But what about the @font-face CSS property? While @font-face may not work in all browsers, I think it’s still one of the best solution available today. The @font-face CSS Property Before you can start using those typefaces on your site you need to declare the font file(s) in your CSS file along with the font-weight and font-style if available. Then you can call the font via the font-familly property. Also be sure to check out the ‘further resources‘ section at the bottom of this post for more infos, especially on how to get @font-face to work in IE using EOT font files. Some Typefaces You Can Use With @font-face Graublau Sans Web ↓ Fertigo Pro Regular ↓ Tallys ↓ Diavlo ↓ Fontin ↓ Fontin Sans ↓ Pykes Peak Zero ↓