• useful tips and tricks

    Top Font Generator Website

    The @font-face CSS at-rule allows authors to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their computers. Unfortunately, different browsers understand different font types. This website allows you to generate css rule and font files that make your font work in all the browsers that support font-face or web fonts. fontsquirrel web-font-generator everythingfonts transfonter onlinefontconverter font2web flaticon

  • jquery solution,  useful tips and tricks

    Pie Chart

    Pie and Doughnut Charts The pie chart comprises of a circle that is divided into sectors, each representing a proportion of the summation of all values in a dataset. The chart is useful in depicting the share of constituents as part of the whole. The magnitude of the dependent variable is proportional to the length of the arc on the circumference of the graph. Radial lines are used to connect the arcs to the center of the circle, thus dividing the pie into slices. A variation of the pie chart, the doughnut chart has a blank space at the center to show useful information about the data being plotted. It…

  • jquery solution,  sass

    SVG cute ghost animation

    Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999. SVG images and their behaviors are defined in XML text files. SVGs can be styled and animated with CSS (slides). Basically, any transformation or transition animation that can be applied to an HTML element can also be applied to an SVG element. But there are some SVG properties that cannot be animated through CSS that can through SVG. An SVG path, for example, comes with a set of data (a d="" attribute) that defines that path’s shape. This data can be modified and…