Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged png

Rss Feed Group items tagged

ravi-gadhiya

Compress and optimize your JPEG, PNG and (animated) GIF files - 0 views

  •  
    Lossy is the best option for most users. The images processed with Lossy algorithms are the smallest optimized images you can get. So, if the speed of your site is paramount and you want the best balance between optimization and picture quality, we recommend you to continue to use Lossy optimization.
htmlslicemate.com

Freebie of the Day: Spice Up Your Website With Live HTML5 Device Mockups - 0 views

  •  
    This is great, I promise. We know Finland for a lot of things, rubber boots for instance or - ehm - Helsinki. Angelos Arnis and Tomi Hiltunen want to add to this ample variety. They just published a set of device mockups, all in PNG and CSS, that you can actually bring to life with real content. You've got a web app for mobile clients you want to show on your website? Not very impressive, unless you present it inside the frames of its mobile boundaries. That's what Arnis and Hiltunen have built…
phamtuanktdt

Tại Hà Nội thì nên học thiết kế đồ họa ở đâu ? - 1 views

image

started by phamtuanktdt on 30 Jun 16 no follow-up yet
Vernon Fowler

Best Practices for Speeding Up Your Web Site - 1 views

  • Arranging the images in the sprite horizontally as opposed to vertically usually results in a smaller file size. Combining similar colors in a sprite helps you keep the color count low, ideally under 256 colors so to fit in a PNG8. "Be mobile-friendly" and don't leave big gaps between the images in a sprite. This doesn't affect the file size as much but requires less memory for the user agent to decompress the image into a pixel map. 100x100 image is 10 thousand pixels, where 1000x1000 is 1 million pixels
  • Minification is the practice of removing unnecessary characters from code to reduce its size thereby improving load times. When code is minified all comments are removed, as well as unneeded white space characters (space, newline, and tab). In the case of JavaScript, this improves response time performance because the size of the downloaded file is reduced.
  • Many web sites fall in the middle of these metrics. For these sites, the best solution generally is to deploy the JavaScript and CSS as external files. The only exception where inlining is preferable is with home pages, such as Yahoo!'s front page and My Yahoo!. Home pages that have few (perhaps only one) page view per session may find that inlining JavaScript and CSS results in faster end-user response times. For front pages that are typically the first of many page views, there are techniques that leverage the reduction of HTTP requests that inlining provides, as well as the caching benefits achieved through using external files. One such technique is to inline JavaScript and CSS in the front page, but dynamically download the external files after the page has finished loading. Subsequent pages would reference the external files that should already be in the browser's cache.
  • ...1 more annotation...
  • CSS Sprites are the preferred method for reducing the number of image requests. Combine your background images into a single image and use the CSS background-image and background-position properties to display the desired image segment.
Brian R

Best Web Design Tools For Creating a Complete Website - 0 views

  • Web Design Tools are always handy to a web designer and coder, with tons of features, fantastic UI, these tools provide best results if used wisely. Every tool has its pros and cons, you have to choose which suits your needs, investment planning and the OS you are using.
  • Some of these are not cross platform and some are free, yes totally free design tools. But this list is not completed and can never be completed, without your input. With emerging trends of online apps some of the software are not needed to be installed on your computer. I hope you will like the collection for a start and I will be adding more and more web design tools which designer and developers use in day to day life. So stay connected and bookmark this post for future reference.
  • Photoshop : Adobe Photoshop is a very popular commercial graphics editor available for the Mac and Windows operating system. Created for professional photographers and designers, it is the ideal application for manipulating images and creating web graphics. Photoshop has all the necessary tools and options you need such as: Filters – which automatically adds effects to your image or a selected section of your image, extensibility and automation with Brushes, Actions and Scripting, and workflow enhancement features like Layer Comps and the Revert  option. Fireworks : Adobe® Fireworks® CS5 software enables you to create expressive, highly optimized graphics for the web or virtually any device — from smartphones to kiosks to embedded displays. Produce websites, user interfaces, and rich prototypes that are editable in both vector and bitmap modes.
Hema Esam

Page Peel icons packe - 0 views

  •  
     Page Peel icons... Put them on your site and rip the page off... lol
emileybrown89

Approach Kaspersky Support +1-855-676-2448 for activation concerns - 0 views

  •  
    Once the product is activated the license number is displayed in the licensing window, remember that a product can be activated with an activation code that is why it is important that you retain it. If it is not working properly then may be possible that your activation code is expired or there must be an internal issue, because these internal issues come under a technical section that is why you acquire Kaspersky Support Number +1-855-676-2448.
steve waugh

Tablets Mock-up by graphickey | GraphicRiver - 0 views

  •  
    Tablets Mock-up
‹ Previous 21 - 32 of 32
Showing 20 items per page