Furtive CSS
Furtive A forward-thinking, CSS micro-framework (2.47kB gzipped). Why Furtive? Furtive is truly mobile-first and nearly all dimensions are done in rem. It also has a small footprint, cutting down on the bandwidth necessary for downloading CSS. Furtive is intended to be just that, furtive. It's the perfect starting point to get your project up and running. Furtive remains lightweight because it doe
Picnic CSS
Lightweight and beautiful library <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic">CDN | Download | GitHub Default HTML beautyThe native HTML elements get a boost so you don't need to write presentation classes mixed with your HTML. Picnic is completely modular so you can easily modify and test each part: Documentat
Frow CSS
Frow is an open source HTML and CSS framework for creating quick & responsive projects on the web, powered by Flexbox. Frow makes working with CSS Flexbox instant. Wrap groups of elements with a .frow class to instantly display:flex them. Use shortcut Flexbox classes (justify-center, direction-column, etc.) for positioning. Stop writing so much CSS! Use Frow to layout elements and save writing CSS
Sujan Sundareswaran — The online presence of
—Hi! I’m Sujan.—I’m a designer, traveller, amateur front-end coder, wannabe writer and a noob photographer. Currently into scuba diving and mountain climbing. I’ve taught myself everything I know. I’m always learning new things, and failing at many. I’m a nihilist with a positive outlook, and subscribe to the objective truth. Currently helping to build digital financial infrastructure for India at
Which Projects Need React? All Of Them! | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! When does a project need React? That’s the question Chris Coyier addressed in a recent blog post. I’m a big fan of Chris’ writing, so I was curious to see what he had to say. In a nutshell, Chris puts forward a series of good and bad reasons why one might want to use React (or other similar
Web Starter Kitが変えるWeb開発者の未来
Web Starter Kitの紹介記事をHTML5Experts.jpに書かせてもらった。 Googleのベストプラクティスに沿ったモダンな製作の出発点「Web Starter Kit」 | HTML5Experts.jp 記事では機能紹介を中心に書いたけど、書いてる途中に色々と考えることがあったのでつらつらと。 Web Starter Kitの薄さとワークフロー 草稿の段階では「Web Starter Kitで実現できるワークフローをメインに紹介して、その後Web Starter Kitを使いながらページを作る」という前後編の構成で書いてた。でも後編の「Web Starter Kitを使いながらページを作る」がうまく書けなかったので、機能紹介だけする形に切り替えた。 書けなかった理由はいくつかある。 Web Starter Kitの薄さ ワークフローは個人に最適化される タスクランナー
Googleのベストプラクティスに沿ったモダンな製作の出発点「Web Starter Kit」
Web Starter Kitで用意されている各種の設定ファイルなどは、そのまま使うのではなく、各自が自分のスタイルに合わせてカスタマイズするとよいでしょう。ファビコンやスマートフォンでサイトをホーム画面に追加した際に表示されるアイコンなど、各自で差し替える必要があります。 humans.txtやrobots.txtなども使用する場合には適宜編集する必要があります。 動作環境の構築 Web Starter Kitに用意されたツールを使用するためには、以下の言語の環境が必要となります。 Node.js (v0.10.x以上) Ruby (1.8.7以上) これに加えて、以下のツールのインストールが必要になります。 Nore.js上で動くタスクランナーのgulp (3.5.x以上) Sassのコンパイルを行うRubyのgem (3.3.x以上) それぞれのインストール方法について、簡単に紹介し
Twig - The flexible, fast, and secure PHP template engine
The flexible, fast, and secure template engine for PHP Twig is a modern template engine for PHP Fast: Twig compiles templates down to plain optimized PHP code. The overhead compared to regular PHP code was reduced to the very minimum. Secure: Twig has a sandbox mode to evaluate untrusted template code. This allows Twig to be used as a template language for applications where users may modify the t
A Framework for deploying WordPress sites with Capistrano 3 | Mixd - World Class Web Design
A Framework for deploying WordPress sites with Capistrano 3 16/03/2014 by Aaron Thomas Last year, I wrote extensively about how we use Capistrano to deploy WordPress projects via Git using Capistrano. It’s something that completely changed our workflow and massively increased the speed and productivity of our development team. Since writing that post, our Capistrano workflow has evolved massively
Grid
Why bother with responsive? We want our websites to be useable on all devices by responding to the user’s behavior, screen size and screen orientation. A Fragmented World As of 2013, there are thousands of different devices and screen sizes that browse the internet, so it’s impossible to design layouts to target them all. Instead, we must take a more fluid approach to design. Mobile First The term
Pure.css
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
Punch - A Fun and Easy Way to Build Modern Websites
Punch Punch is a simple, intuitive web publishing framework that will delight both designers and developers. Why Punch? Use boilerplates to quickly setup a site. Write minimal templates with Mustache. Create flexible site structures with inheritable layouts and partials. Define page contents in JSON. Use Markdown to write formatted content. Use CoffeeScript and LESS if that's your thing. Minify an
Home - PlType-Te
Top 5 CSS Libraries CSS is an essential part of any website. However, pure css code sometimes forces you to write too much unnecessary stuff, and many libraries are willing to take on the chore. Learn More 10 Sass libraries to help speed up website development SASS is one of the popular CSS preprocessors nowadays. Learn More 10 best libraries for CSS animation All in all I have tried about thirty
InK - Interface Kit
Welcome to Ink Ink is an interface kit for quick development of web interfaces, simple to use and expand on. It uses a combination of HTML, CSS and JavaScript to offer modern solutions for building layouts, display common interface elements and implement interactive features that are content-centric and user friendly for both your audience and your designers & developers.
Best Practices When Working With JavaScript Templates | Envato Tuts+
Maybe you don't need them for simple web apps, but it doesn't take too much complexity before embracing JavaScript templates becomes a good decision. Like any other tool or technique, there are a few best practices that you should keep in mind, when using templates. We'll take a look at a handful of these practices in this tutorial. 1. Underscore for Simple, Handlebars for Complex If you need some
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Spectre.css CSS Framework
GitHub - mjmlio/gulp-mjml: Add Gulp to your MJML workflow!
Introducing MJML : First open source markup language for responsive email - WBD
Framework7 - Full Featured HTML Framework For Building iOS7 Apps
Hybrid Core version 2.0