jquery - How to show loading image while tab content is loading 8 Definitive Web Font Stacks Article A more traditional Garamond-based serif stack: font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; The Helvetica/Arial-based sans serif stack: font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; The Verdana-based sans serif stack: font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; The Trebuchet-based sans serif stack: The heavier “Impact” sans serif stack: The monospace stack: Rationale behind the Stacks
Talent.io - European companies compete for great developers WP Parallax Content Slider WP Parallax Content Slider is a plugin which adds automatically a content slider of your last posts where you want on your WordPress blog or website. This plugin is written upon the code of Manoella Ilic, you can see the simple JQuery and CSS version here. Transitions between slides are made using a powerfull combination of CSS3 and JQuery to display a beautiful parallax effect. It is very easy to configure the plugin as it adds automatically an admin page in WordPress administration section. You will be able to configure : New in v0.9.4 : Filter by post category directly with a shortcode parameter (eg. It's also possible to choose to display a static HTML content instead of displaying last posts in the slider. WARNING: This last feature is dangerous since all plugins files will are deleted by WordPress during an automatic update! Roadmap: Available translations: Plugin's Official Site You'll find more informations on the WP Parallax Content Slider plugin page here.
Revised Font Stack | A Way Back Serious efforts are being made to get more typeface choices on the web to enhance web typography. Still, most of us prefer web-safe fonts like: Verdana, Georgia, Times New Roman and Arial. Though choices are limited, yet the number can be increased by exploring other pre-installed fonts. “… font stacks are ultimately design factors, and should be scrutinized as such.”—Nathan Ford, Better CSS font stacks Baskerville, Garamond and Palatino have already been used a few times to create font-stacks that inspire. I’ve selected 10 popular typefaces, serif and sans-serif, each from the survey. MicrosoftTahoma, Verdana, Segoe, sans-serif;Microsoft.com will be (in most cases) rendered in Verdana on Mac, and in Tahoma on Windows. Times New RomanIf we look at the above snapshots taken from Sushi & Robots’ about page, we will find that Palatino and Georgia have different x-height (and weight) than Baskerville and Garamond.
arbor.js » reference about arbor Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling. It leaves the actual screen-drawing to you. As a result, the code you write with it can be focused on the things that make your project unique – the graph data and your visual style – rather than spending time on the physics math that makes the layouts possible. installation To use the particle system, get jQuery and add the file at lib/arbor.js to your path somewhere and include them in your HTML: If you want to let arbor handle realtime color and value tweens for you, include the arbor-tween.js file as well. this will add a pair of new tweening methods to the ParticleSystem object (see the docs to decide if this appeals to you or not). getting started Contribute license Arbor is released under the MIT license. colophon nodes p x
Wordpress plugin: Comment Rating | The Wealthy Netizen If you’re tired of moderating readers’ comments on your blog, stop doing that and let your readers decide which comment deserves to be shown. If you’re getting outrageous comments on your blog, don’t get too angry yet. Let’s see how many readers feel the same. You can do these tasks (and more) with the Comment Rating plugin. Comment Rating makes “user moderated content” possible. Once the user ratings are in place, the comments can be displayed and styled accordingly. The thresholds for all three types of comments are configurable. This plugin allows using Wordpress as a general CMS in a Web 2.0 fashion. Summary of key features; Now there’s a companion plugin which display comments with ratings on a side bar. Comment Rating plugin is built on top of Alex Bailey’s discontinued Comment Karma. You can download the latest version here. Installation After download the plug in, you can upload and install it from Wordpress Dashboard -> Plugins -> Add New. Frequently Asked Questions Known Bugs
Why And How To Use Icon Fonts As great as images are, they present challenges in designing websites. They add file weight. They require additional http requests. They don’t scale well. Sometimes the best solution for using images in a responsive design is not to use an image. The Advantages of Icon Fonts Bitmap images don’t scale well. Fonts don’t have these problems. Icon fonts are awesome. Scale easilyChange color easilyInclude shadows easilyCan have transparent knockoutsHave good browser support in generalCan use text based css (still needs better support)Can be designed on the fly (by making changes on :hover, etc.)Can do anything image icons can do (change opacity, rotate, etc.)Have smaller file sizes since they contain fewer characters than full typeface Let’s see your bitmapped images do all that. How to Use Icon Fonts The first step in using icon fonts is to find and embed the font. From here you typically have 3 options. Wrap your icon in htmlUse css generated contentUse the data-icon attribute Summary
arbor.js Like Dislike Counter Like Dislike counter plugin allows to integrate Like, Dislike Button into your WordPress website to allow your visitors to like and dislike pages, posts, custom post types and comments anonymously. Its very simple to use. Users even don't have to write a single line of code to setup this plugin. PRO Plugin URL: Like Dislike Pro Plugin Url PRO Plugin Demo URL: Like Dislike Pro Demo Go PRO: Like Dislike Go Pro Pro Features Great Interface.Ajax feature to update the data without reloading.Visitors do not have to register or log in to use the Like Button.Like-Dislike on Page, Post, Archive Pages and Comments.Like Dislike count for Page, Post, Archive Pages and Comments.Compatible with WP version 3.0 & above.Easy Backend.Clean Design.Compatible with Multisite.Added automatically (no Code required).Template code ready.Custom Like-Dislike Texts.No Back Link needed.Widget to show 'Most Liked' & generate more traffic.
Как это работает | Сайт про шрифты Все работает через @import Все шрифты подключаются через импортирование стилей в ваш css. В свою очередь автор предварительно разложил шрифты по полочкам, настроил все пути, приготовил архивы и написал пару сниппетов. Алгоритм работы Было сделано предположение, что во время работы не надо отвлекаться на поиск шрифта(если его не приложил дизайнер), генерирование кита и настройку путей в проекте. Подключение через ctrl+c ctrl+v Выбираем нужное семейство шрифтов в списке вверху страницы. Подключение с помощью сниппетов В меню справа выбираем пункт «Сниппеты». После того, как проект закончен, вы можете перейти по предоставленной ссылке и скачать готовый кит со шрифтом. Стало:@import " ваш_каталог_со_шрифтом/fontin.css" Еще раз важно: импортируемые файлы не содержат в себе ничего, кроме @font-face и ни коим образом не могут повлиять на ваш рабочий css! И последний раз важно: не рекомендуется оставлять абсолютный путь к шрифту.
Accueil | Guide Drupal 8 : Le portail de référence de l’actualité autour de Drupal 8