SEARCH KEYWORD -- Pure CSS



  Tips of Drafting an R Markdown Document

When presenting the data summary and exploratory analysis, we used to copy a lot of tables, charts from Rstudio to PowerPoint, which makes the presentation preparation painful. It becomes essential for data scientists to make use of better reporting tools, such as R markdown, Jupyter notebook to prepare the analysis presentation in a more efficient and organized way. Of course, we want this to be reproducible! In this post, I would like to share some tips of using the right tools to draw tables,...

   R PROGRAMMING     2020-11-01 23:09:45

  Loading images progressively using Gaussian blur

The popular online publishing platform Medium has adopted an impressive image loading mechanism -- pure color - blur image loading - real image loading. Since images on Medium usually have high definition, it takes much time to load an image and hence brings a bad user experience if rendering the image after it's completely downloaded. The solution Medium comes out is to preload an small image when the real image is being loaded.  On Medium, the HTML code will have below pattern ...

   JAVASCRIPT,ALGORITHM,GAUSSIAN BLUR,MEDIUM,BLUR IMAGE     2016-09-25 03:33:00

  Turn browser into notepad with one line of code

This is the code shared by Jose on codewall. When you type data:text/html,   into the address bar of the browser and press enter, the browser will turn into a notepad which you can edit. Why it works? This uses Data URI’s format and it tells the browser to render HTML. But contenteditable is a property of HTML5, so this can only work in the web browser which supports this property. Here are some interesting contents. Some people make some changes to the code encouraged by the ide...

   HTML5, Browser editor     2013-01-30 04:20:54

  Some useful code editors for developers

A good code editor will save developers much work. It can help developers find syntax errors easily through code highlight capability. It also makes the code more readable and maintainable through the indentation. Here we recommend some excellent code editors which you may want to have a try. Compilr Compilr is an online IDE, it supports 8 languages as of now including : C, C++,C#,Java,JavaScript,PHP ,Python,Ruby and Visual Basic. Compilr is developed by Ninjia Otter Inc in Canada. CodeMirrow C...

   Code editor,Code highlight     2013-03-20 12:25:13

  Sass Style Guide: A Sass Tutorial on How to Write Better CSS Code

Writing consistent and readable CSS that will scale well is a challenging process. Especially when the style sheets are getting larger, more complex, and harder to maintain. One of the tools available to developers to write better CSS are preprocessors. A preprocessor is a program that takes one type of data and converts it to another type of data, and in our case CSS preprocessors are preprocessing languages which are compiled to CSS. There are many CSS preprocessors that front-end develop...

   CSS,SASS,TUTORIAL     2015-09-17 06:40:47

  this in JavaScript in detail

this in JavaScript is always confusing, it is one of the most frequently seen traps in JavaScript. this is not a good design in JavaScript(You can refer some other design flaws of JavaScript here), since it's lazy binding feature, it can be a global object, the current object or.... Some people even avoid using this in JavaScript. Actually if you master how this works, then you will know how to stay away from these traps. Let's take a look at what this points to in below situations. 1. In global...

   JavaScript,this,bind     2013-05-09 18:35:12

  Guide to use Compass

Sass is one kind of CSS Preprocessor, it can make CSS development simple and maintainable. But to show its real power we may need to have Compass. This article is to introduce Compass. Once you learn Compass, your CSS development efficiency will be largely improved. Here we assume you have mastered the major uses of CSS, if you know Sass, then it's better. It's still ok if you don't know Sass. 1. What is Compass? In simple, Compass it the toolkit of Sass. Sass itself is only a compiler, Compass...

   Compass,CSS,Sass,Tutorial     2012-12-03 13:35:46

  5 Amazing Firefox Add-ons That Ensure Superior Software Testing

In this rapidly evolving IT world, quality has become the primary parameter to achieve a niche position. The IT professionals are using an array of advanced software testing tools to ensure an excellent quality of the application. And among this set of highly sophisticated software testing tools and techniques, web browser has emerged as one of the simplest, nicest and affordable means which can be easily used, even on a daily basis for testing life cycle of the application. In fact, there is h...

   software testing, web testing     2014-11-25 07:38:51

  As A Hottest Job Ever, What Should You Know As A Front End Web Developer?

The front end web developers are the openers for the visitors to visit the web page. It is also known as the client-side development, works predominantly with HTML, CSS, and Javascript. The tools and techniques are the important players of the front end web development. The developer must be aware of the updation of web technologies.The scope is evergreen with this technology as every company or business needs a website to showcase their profile. There are many objectives must be measured while ...

   FRONT END DEVELOPER,WEB DEVELOPERS,SOFTWARE DEVELOPERS,TOP SOFTWARE COMPANIES     2019-08-12 05:36:28

  LESS/SASS/Stylus development tools summary

LESS,SASS and Stylus are more and more popular among developers. More and more people are using these three tools now. Here we introduce some development and testing tools which can make our development process simpler. SublimeText Many front-end developers are now using Sublime Text 2 as their main text editor, there are many plugins in Sublime Text as well. We can use Ctrl+Shift+P –> install package to search relative plugins. Less Sublime Less build Sublime Less2css Less snippets Su...

   LESS,SASS,Stylus,CSS     2013-02-23 22:45:02