background preloader

Special Characters for HTML, CSS and JS

Special Characters for HTML, CSS and JS
My name is Neal Chester and I'm a web developer and consultant. Sometimes I use special characters as an alternative to images; many of these characters I never knew existed. When I surfed the Web, I always ran into 3 problems with character listings: They contained tons of characters I didn't useThere was no one list that brought together all the characters I neededThe fonts were too small and the page was difficult to use So I made my own listing page containing the best HTML characters I felt would be useful to everyone, especially web developers. Rendering Characters As you'll notice, some characters will render differently depending on the browser. Depending on the browser, some characters won't display. Therefore, it's important to view the characters in different browsers and mobile devices to determine if you want to use that character. First of all, make sure you're using the correct unicode. AddDefaultCharset utf-8 AddCharset utf-8 .html .css .js .xml .json .rss .atom

Cikonss | Pure CSS Responsive Icons Icon Archive - Search 418,049 free icons, desktop icons, download icons, social icons, xp icons, vista icons A Minimalistic Look at Man’s Best Friend – Illustrations by Josh Brill Article by Hyathiz I love my dogs, reading books, and taking great pictures with my battered but still functional digital camera. Taking great pictures with a high end camera is almost too easy, producing fantastic images with an outdated one is an accomplishment by itself. By Hyathiz on February 17, 2013, in Illustrations Tags: Addo Novo, art, design, display, dog, Josh Brill, light, minimalist, New Media Art Director, New Media Design, portraits, prints, words Josh Brill graduated from Maine College of Art with a degree in New Media Design. You can take a look at more of his work here. Do you want more visual fun? You might also like

40 nouveaux packs d'icônes flat design à découvrir Le flat design connaît un succès fulgurant au sein de la communauté du Web design. Le flat n'en est qu'à ses débuts et aucun indice ne préfigure un abandon soudain de ce courant faisant la part belle aux couleurs vives, à la typographie et à l’espace. Dans cet article, j’ai rassemblé une importante collection d’icônes flat pour la conception de vos futures interfaces graphiques. Cette liste offre de merveilleuses combinaisons d’icônes flat designées pouvant être utilisées dans une grande diversité de projets. Ces packs conviendront parfaitement aux personnes en recherche d’icônes dans les thématiques Communication, bureautique, développement, e-commerce, social media, navigation, affichage… la liste est longue. De plus en plus d’applications Web adoptent ce concept. L’emploi d’icônes originales, les variations de couleurs, l’utilisation harmonieuse de photographies et de fontes sont les seuls moyens à notre disposition pour sortir du lot. Icônes flat designées par Mike Clarke

Créer une police d’icônes facilement à partir d’illustrations vectorielles Les polices d'icônes ou "font-icon" popularisées depuis Bootstrap sont de plus en plus utilisées sur le web. Certains services proposent de piocher des icônes dans différents packs pour se créer sa propre "police". Dans ce petit tutoriel nous verrons comment, grâce au service en ligne IcoMoon, il est facile de se créer sa propre police d'icônes à partir d'illustrations et fichiers vectoriels. Une fonte-icône est tout simplement une police d’écriture dont on aura remplacé certains caractères par des glyphes représentant les icônes que l’on veut utiliser. Très utiles dans le design d’interface lorsque l’on a besoin d’une simple petite icône monochrome, elles ont la flexibilité d’une police d’écriture : vectorielles, il est très facile d’en changer la taille et la couleur en CSS, voire d’y ajouter de l’ombrage avec text-shadow. Voir une petite démonstration en ligne : Icon Font are Awesome. ou... Exporter mes icônes au format SVG Quelques conseils sur les icônes pour un résultat optimal :

Jonathan T. Neal | Understand the Favicon When Alec Rust asked the HTML5 Boilerplate project to switch to a HiDPI favicon, I realized how little I knew about favorite icons, touch icons, and tile icons. When I decided to dive in a little deeper, things got interesting. The classic favicon.ico is a 16×16 ICO file, often served in either 16-color or 24bit alpha-transparency format. The rel attribute of a favicon is a product of evolution. The type attribute of a favicon is about as useful as the type attribute of a <script>. Good news, everyone! Bad news, everyone! This really depresses me, because Chrome, Firefox, Opera 7+, and Safari 4+ all accept the PNG favicon, but Chrome and Safari will opt to use the ICO favicon when both are presented, regardless of the order in which they are declared. Since PNG favicon files do not include multiple resolutions like ICO favicons, we can write out several favicon declarations and use the sizes attribute to target each resolution. And that’s just the beginning. One. You. Related Articles

33 Beautiful Uses of Icons in Web Design Besides textures and patterns, icons, are one of the most important small elements that can make big changes to the over-all look of any site. While they are really small, and are not always very noticeable they are really used a lot on any kind of website. In Navigation bars, in sidebars, in footers, near sliders and wherever possible. In the following round-up we have listed a selection of websites that have a really beautiful use of icons, on their pages. 33 Beautiful Uses of Icons in Web Design Movmt Rundotodo Trifermed CL Designz Deinternet Jongens Travelison Cappuccino Digital David Ecolla Typo Popote Robin Clediere Space Tofu Stylapps We Are Pandr InfluAds La Web Shop Duck App Deda Pixel 2 Html Symbolicons Agencia 110 World of eStore Light CMS Moso Resume Baking Webfoo London Manage WP Rate my Shizzle Clearair Challange Fluxion Messages for Japan Space o Technologies Bronco Caixa de Ideias Conclusion

Related: