background preloader

Web Techs

Facebook Twitter

6 Things To Include for a User Friendly Footer. An example footer from Apple.com For some, the footer of a website is an afterthought. However, in many cases, a footer can be a useful and important tool to use for site navigation and to distribute information to your viewers. Footers should not be too information heavy, and it is advisable to keep their design simple and not overflowing with graphics. The information that you do put in your footer can give users an opportunity to discover important information on your site and can be a great navigation tool and part of a really important first impression. Key Footer Information About Us Link Have a link to your About Us section, which should include basic information about you or your company. Contact Us Link One of the biggest issues that I find when we review sites is sites that have no way to contact their owner or webmaster. Terms of Service If you are providing a service or a product, this is your chance to link to all of the good legal jargon.

Privacy Policy Site Map JohnLeopard.com. 10 jQuery snippets every designer should know. jQuery is used on thousands upon thousands of web pages. It’s one of the most common libraries to insert into pages, and it makes DOM manipulation a snap. Of course, part of jQuery’s popularity is its simplicity. It seems we can do almost anything we like with this powerful library. For all the options open to us, there are some snippets we tend to come back to time and time again.

Today I’d like to give you 10 snippets that everyone, newbies to gurus, will use time and time again. 1) Back to top button //Create an anchor tag<a class=”top” href=”#”>Back to top</a> As you can see using the animate and scrollTop functions in jQuery we don’t need a plugin to create a simple scroll to top animation. By changing the scrollTop value we can change where we want the scrollbar to land, in my case I used a value of 0 because I want it to go to the very top of our page, but if I wanted an offset of 100px I could just type 100px in the function. 2) Checking if images are loaded 4) Toggle class on hover. 10 jQuery snippets every designer should know. CSS Masking. Two commonly used operations in computer graphics are clipping and masking. Both operations hide visual portions of an element. If you have worked with SVG or HTML Canvas before, these operations are probably not new for you. Clipping defines the region of an element that is visible. Everything around this region does not get rendered - it gets "clipped".

On masking, a mask image is composited with the element, affecting the alpha channel of this element. Portions of a masked element get fully or partially transparent. The new CSS Masking specification aims to bring these two operations to the HTML world. Clipping in CSS 2.1 CSS 2.1 already specified the clip property. The clip property is limited to specific elements in SVG as well. The clip-path property The clip-path property can be applied to all HTML elements, SVG graphic elements and SVG container elements. The <clipPath> element takes any graphical element from SVG and uses them as clipping region. Animation of clip-path Masking. B E A U T Y - dir. Rino Stefano Tagliafierro. 10 Programming Languages You Should Learn in 2014.

The tech sector is booming. If you've used a smartphone or logged on to a computer at least once in the last few years, you've probably noticed this. As a result, coding skills are in high demand, with programming jobs paying significantly more than the average position. Even beyond the tech world, an understanding of at least one programming language makes an impressive addition to any resumé. The in-vogue languages vary by employment sector. Financial and enterprise systems need to perform complicated functions and remain highly organized, requiring languages like Java and C#. Media- and design-related webpages and software will require dynamic, versatile and functional languages with minimal code, such as Ruby, PHP, JavaScript and Objective-C. With some help from Lynda.com, we've compiled a list of 10 of the most sought-after programming languages to get you up to speed. 1.

Where to learn it: Udemy, Lynda.com, Oracle.com, LearnJavaOnline.org. 2. 5. 7. 8. 9. Digital Attacks & Digital Shields. Hackmageddon.com | I know with what weapons World War III will be fought… Big Picture: Google Visualization Research.