Skip to main content

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

Rss Feed Group items tagged

actualite-tech

Raspbian PIXEL est disponible gratuitement pour PC et Mac - Actualités High-Tech - 0 views

  •  
    La Fondation Raspberry Pi a lancé en septembre dernier son nouveau système d'exploitation baptisé Raspbian PIXEL.Basé sur la distribution Linux (Debian), Raspbian PIXEL est compatible avec les machines à base de processeurs x86. Cela signifie que ce système peut être installé sur les ordinateurs et les mac.
Moses Aaron

2015's Top 10 Free Pixel Art Tools To Develop Sprites For Your HTML5 Games - 0 views

  •  
    So, you are searching for Free Pixel Art Tools to build finest Sprites For Your HTML5 Games? Don't worry. Here, we have collected 10 best Pixel Art tools that help you to develop sprites for HTML5 games without any hassle. Check it out and use now.
Jochen Burkhard

65 Free Premium Like Mini Pixel Fonts | Graphic and Web Design Blog - 0 views

  •  
    This article brings you back to classic values. If you're tired of all those grunge, sleek new fonts, go back and check out these simple pixel fonts. Pixel fonts come in handy, when you need to write really small, solid, easy readable text.
magecompinc

How to Add a Facebook Pixel to Magento 2 [MANUALLY] - 0 views

  •  
    Facebook pixel is a tracking code, used to track user actions in your website and can help you purify the Facebook and Instagram ad campaigns to improve performance. In this article, we will see How to Manually Add a Facebook Pixel to Magento 2.
Arch Aznable

Creating A Cool Animated Pixel Font With CSS3 | Blogfreakz - Web Design and Web Develop... - 0 views

  •  
    Here's an awesome CSS3 animation effect by Peter Magenheimer. It's an animated pixel font that is created with 100% pure CSS3, no Javascript or images!
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.
Soul Book

CSS techniques I use all the time - 0 views

  • EM calculations Sizing text is always an important part of making a usable design. I start all my CSS files with the following rules: html { font-size:100.01%; } body { font-size:1em; } The explanation for this comes from "CSS: Getting Into Good Coding Habits:" This odd 100.01% value for the font size compensates for several browser bugs. First, setting a default body font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. The current "best" suggestion is to use the 100.01% value for this property.
  • I used the following calculation: 14px/16px = .875, 18px/16px = 1.125. So my default text at 1 em would translate to 16px for most users, and my small text I sized at .875em which I can trust to result in 14px for most users, while my large text I sized at 1.125em which I can trust to result in 18px
  • Safe Fluid-width Columns I work with hybrid fluid layouts all the time, usually with max-width set at anywhere from 900 to 1000px. I usually have floated columns with percentage widths, and browsers will calculate these percentage widths to whole pixel values when rendering the columns.
  • ...3 more annotations...
  • A typical problem is the following: when a user has the viewport at a size that makes the outer container 999 pixels wide, if the first column is 60% and the second is 40%, IE 6 will always calculate the two columns as 600 and 400 pixels and as a result, the two will not fit (600+400 = 1 more than 999) and it will drop the second column. This is obviously not intended behavior, and in a world where we still have to use floats for columns (I can't wait for display:table support across all browsers), it's important to work around this problem. I used to give my last column 1 less percent (in this example, it would have 39% instead of 40%, but this would usually result in columns that don't quite fill up the container. Of late I have been giving the last column .4 less percent (in this example, 39.6%), which seems to work perfectly. Browsers will calculate this width and round up, but it will still fit even with an odd container width like 999px and I won't have to worry about dropped columns.
  • Filtering for Old Browsers To be honest, I barely support IE 6 nowadays. If there is something special about my layout that doesn't work in IE 6, I will simply filter it out of the CSS that IE 6 understands
  • Because old browsers like IE 6 don't support the "first child" selector (right caret >), I can do the following to make sure that IE 6 only gets the basic setting and all the new-fangled browsers get the right result: div#container { width:900px; } html>body div#container { width:auto; max-width:900px; } /* This overrides the previous declaration in new browsers only, IE 6 simply ignores it. */
  •  
    Excellent simple collection of CSS tips that are easy to remember and implement. It's an old article, but i think everything is still relevant
mikhail-miguel

Pixelicious - Pixel Art Converter (pixelicious.xyz). - 0 views

  •  
    Pixelicious: Pixel Art Converter (pixelicious.xyz).
Vernon Fowler

A List Apart: Articles: Vexing Viewports - 0 views

  • web pages appear 27 percent smaller on the iPad Mini than they do on the Google Nexus 7
  • because Apple decided to describe the device’s viewport as 768 pixels.
  • letting go of the notion of pixel precision once and for all
simplykreative

Sympli - simply pixel perfect apps - Simply Kreative Designz Blog - 0 views

  •  
    This little #Plugin thinks it can help via its plugin for major #IDEs and #DesignEnvironments, for #Sketch or #AdobeXD, #AndroidStudio or #Xcode.
Jennifer Ray

HTML Experts - Hire Html Developer, Hire HTML web developer India, Dedicated XHTML CSS ... - 0 views

  •  
    Hire HTML developer from Html Experts for to convert PSD to HTML/XHTML/CSS in just 8 biz hours. Call +911204546751 to hire dedicated HTML web developer India for pixel-perfect and W3C validated .
Redesign Unit

Web Site Design Layout - Five Common Elements - 0 views

  •  
    With this in mind, your header will most often fall between that same 750 and 800 pixel range. It should contain an image that reflects the purpose of your website and is simple yet attractive. It should also include the title of the web site.
Soul Book

A List Apart: Articles: How to Size Text in CSS - 0 views

  •  
    "When pixels failed before, we turned to ems. Repeating the logic gives us the following styles: body { font-size:100%; line-height:1.125em; /* 16×1.125=18 */ } .bodytext p { font-size:0.875em; } .sidenote { font-size:0.75em; }"
Magento India

Convert PSD to WordPress Website | PSD to WordPress Responsive Theme Design Service - 0 views

  •  
    Wordpress India offers professional PSD to WordPress conversion, PSD to WordPress Theme Design, Pure Pixel Conversion and Responsive Theme Design services.
Webbleu Technologies

PSD to HTML Conversion Services & Solution Company - 0 views

  •  
    Get the pixel perfect PSD to HTML conversion services and solutions with WebBleu. We convert your PSD to HTML and HTML5 with the css and css3 professionally.
Ankit Bansal

Psd to Wordpress Conversion Services in Gurgaon, Delhi - India - 0 views

  •  
    PSD to WordPress conversion services providers in India , Delhi, Gurgaon. We can convert a PSD design to high quality, pixel perfect responsive WordPress Theme.
firozcosmolance

The future of gaming Honeycomb Glacier - Gossip Ki Galliyan - 0 views

  •  
    Chipmaker giant Intel seems to be in a different orbit altogether. At the recently concluded Computex event in Taipei, Intel showcased a prototype of what it believes would be the future of high-end gaming laptops. Codenamed 'Honeycomb Glacier', this laptop places two screens on each other - a primary display having 15.6" Full HD display and a secondary display with 12.3" 1920×720 pixel screen. The secondary screen is supported on a mechanical one-way roller hinge and can be put to rest horizontally in continuation to the keyboard, when not in use.
itmarket24

Free Food Order Mobile App Template From ThemesFusion - 0 views

  •  
    Free Food Order Mobile App Template Free Food Order Mobile App Template is a high-quality premium pack, include screens Dark & Light Version you need for Free Food Order Mobile App project. Which contains ready-to-use full vector screens. You can edit, customize, the elements as you like in PSD, Figma or XD. if you choose our design give us feedback. Check them out!. Overview: responsive & Mobile friendly Vector, Well layered & Organized Free Google fonts 100% scalable Vectors Customizable Layers, Fonts & Colors Modern Design Free Icon vector Compatible with Photoshop, XD, Sketch & Pixel perfect
htmlslicemate.com

SKETCH DEVICE WIREFRAMES - 0 views

  •  
    I've been using Sketch properly for about a month now and I have to say that I'm really impressed as are a lot of others now using it in the design community. I first found out about it after reading a blog post by Meng To on How To Design Pixel Perfect Assets in which Meng refers to Sketch a few times and explains that it's great while designing for mobile as you can export in 2x even after designing in standard dimensions. Sketch has had a lot of attention lately so here's a few blog posts and freebies that you may have missed: Simple Vector iPhone Sketch Freebie Browser Wireframe iPhone iOS 6 Template for Sketch
1 - 20 of 33 Next ›
Showing 20 items per page