English Original: spring-cleaning Unused CSS with Grunt, Gulp, broccoli or brunch
Want to improve the speed of the web, generally by reducing response time, standardize the css/js/html and the content of the picture. also through optimized css removing unused css
to increase the loading degree. See how it is implemented. First share some of the available tools.
Added grunt-uncss at lunch time to my Sites Gr
Brunch, an ultra-fast HTML5 build tool. It can (official introduction):
Compile your scripts, templates, styles, link them,
Wrap scripts and templates into COMMON.JS/AMD modules, link scripts and styles,
Generate source maps for linked files, copy resources and static files,
Shrink the output by shrinking the code and optimizing the picture, guarding your file changes,
and notify you of errors via console and system prompts.
.
Collapsible Group Item Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer
Bootstrap's accordion component is a very handy JS component, but when used, it may cause some inconvenience, such as expanding multiple headings at the same time.The official website gives the following code:class="Panel-group"Id="Accordion"role="Tablist"aria-multiselectable="True">class="Panel Panel-default">class="Panel-heading"role="Tab"Id="Headingone">class="Panel-title">role="Button"data-toggle="Collapse"Data-parent="#accordion"href="#collapseOne"Aria-expanded="True"aria-controls="Collapse
Compiling environment:
Vmware workstation 7 + ubuntu 10.04 32-bit
1. Install the android sdk
2. packages for 32-bit and 64-bit installation:
Git-core gnupg flex bison gperf libsdl1.2-dev libesd0-dev libwxgtk2.6-dev squashfs-tools build-essential zip curl libncurses5-dev zlib1g-dev sun-java6-jdk pngcrush schedtool
3. 64-bit software packages to be installed:
G ++-multilib lib32z1-dev lib32ncurses5-dev lib32readline5-dev gcc-4.3-multilib g ++-4.3-multilib
4. Create a directory under the home
MVC seem to be worth mentioning.My practices
There are many excellent open-source projects on GitHub, and there are also many front-end tools. Make good use of the tools and make good use of the excellent libraries.
A scaffolding project UI front-end framework of my brunch is the latest masterpiece! Trial with prize!. Code
Check to use different branches, or directly download release
* If you use coffee to write JavaScript code, coffee will help
://www.zebkit.com/3. Google Web Designer
This new tool, released by Internet giant Google, aims to help those who do not have background knowledge of HTML5 language to create interactive HTML5 websites. This tool provides you with all the encoding services. All you need to do is use your imagination. If you still want to write some code by yourself, you can also edit the generated HTML5 for different outputs.
Https://www.google.com/webdesigner/4. Brunch
plugins.
After Gulp was released in Grunt, a completely different approach was used to define tasks using JavaScript functions. It has more than 2,770 plugins and provides better control.
browserify allows developers to use Commonjs modules in their browsers. The developer, like in the node environment, require(‘modules‘) organizes the references and dependencies between the modules, browserify these dependencies into a JS file that the browser can reference directly.
From: Https://medium.freecodecamp.com/making-sense-of-front-end-build-tools-3a1b3a87043b#.nvnd2vsd8Front End build tools can be confusing even to experienced developers like me. The solution is to understand what they work-and work together-on a conceptual level.This article presents my opinionated approach to making sense of front end build tools. Instead of diving into code, I'll walk you through my mental model of how these tools work and what they accomplish.Don ' t be intimidated by the sta
On a.student_id = B.STUDENT_ID_FK
JOIN CLASSES C
On c.classes_num = B.classes_num
/
Above is a simple view this provides us with a listing of occupied/unoccupied seats to our classes. As you can to the examples below, we can use this view in a variety of different ways. Note this for each scenario, we did not need to join any tables. The grunt work is already done.
Using our ViewView a single class
SELECT course, seat_num, student from vw_occupied_seats_by_class wher
the source code is downloaded. cm9 does not exist, but it can be manually intelligently recognized for downloading.For example, if my mobile phone is galaxys2, run the following command:
Brunch galaxys2
If the spelling is correct, it will automatically download the related projects of galaxys2 (in the directory ~ The following directory Samsung/galaxys2 is added to/cm9/device ).
If the download is complete, stop compiling and proceed to the
, let's talk about the six principles of the java design pattern. Ii. Six principles of JAVA Design Patterns 1. Single Responsibility Principle: SRP (Single Responsibility Principle) has a Single Responsibility and is defined as having one and only one factor causing changes to the class or interface. As the name implies, a single method is defined for different classes or interfaces. Here, a single method does not mean that only one method is defined, but also a type of behavior method. For exa
{StaticString[] Headlines = {"Article One","article ."};StaticString[] articles = {"article One\n\nexcepteur pour-over occaecat squid biodiesel umami gastropub, nulla laborum Salvia dreamcatcher Fanny Pack. Ullamco culpa Retro EA, trust Fund excepteur Eiusmod Direct trade Banksy nisi Lo-fi Cray Messenger bag. Nesciunt esse Carles Selvage put a bird on it gluten-free, Wes Anderson ut Trust fund twee occupy viral. Laboris small Batch scenester pork belly, leggings ut farm-to-table aliquip yr nost
Ruby on Rails application. Haml avoids writing templates directly with HTML because it is a description of the HTML code and generates dynamic content with some code.
Brunch
Brunch is an assembler for building elegant HTML5 applications with simple but powerful build capabilities and channels. You can use any frame, library, style, template, or engine that you like.
HTML Minifier
Code coloring
Using less CSS (optional)
can be imported into WordPress, dotclear or RSS feeds
Integrated external features Twitter, Google Analytics, etc. (optional) 8, static web site Builder Metalsmith
A very simple, pluggable static web builder. In Metalsmith, all the logic is handled by Plug-ins. You just have to link them together. 9. Front-End Web application Building Tools Brunch
Brunch is a light
.
Website address: http://dciccale.github.com/jslibraryboilerplate/
Bootsnipp
Bootsnipp is a set of free element libraries for designers and developers based on the bootstrap Html/css/javascript architecture. There are now 40, and more will be added.
Website address: http://bootsnipp.com/
Bonsai
Bonsai is a lightweight JavaScript drawing library with an SVG renderer. Easy to use, and supports a variety of multimedia resources (including audio, video, pictures, fonts
intelligent identification download.For example, if my cell phone is GALAXYS2, use the following command:
Copy Code code as follows:
Brunch GALAXYS2
If spelled correctly, it automatically downloads GALAXYS2 related works (~/cm9/device/the following directory Samsung/galaxys2 under the directory).
If the download completes, go to compile, please stop compiling, we also need to proceed to the next step.
10. Get cell Phone Sys
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.