Click the Rainbow. Spectral is a math-based HSL color exploration tool built with Vuejs and TinyColor
JavaScript Charts & Maps Programming library for all your data visualization needs. Readme.md Came here to find your next charting library? Good. Our charts were designed to feel modern, sleek and fast, out-of-the box. But don’t take our word for it – check out our demos and fall in love. And best of all, our libs natively integrate with TypeScript, Angular, React, Vue and plain JavaScript apps. F
Headless testing with Jasmine, PhantomJS and Grunt February 5 2014 It’s hard to find a good excuse not to test your JavaScript these days. Previously it was a pain to write unit tests. One had to wire up an HTML spec runner page, include various dependencies and then manually refresh the page to see the test results. Whilst this was bearable it certainly made automation a pain. Nowadays we have a
React.jsについての簡単な紹介 Component化、Prop、Stateの使い分け、イベント、addon、mixin、アーキテクチャ、ServerSide Renderingなどについての説明。 一部v0.12で変わった部分の対応もしています。
When working with CSS preprocessors like Sass, Less (or any other programming language for that matter) you're going be leveraging the power of variables. However, if you spontaneously create your variable names as you code, the odds are your naming convention will lack cohesiveness. You should think about organizing your variable names (and project for that matter) modularly. This will bring stru
clean, simple styling for the web csstyle is a modern approach for crafting beautifully maintainable stylesheets. Keeping CSS clean and organized is really hard. csstyle provides a higher-level abstraction for writing modular CSS. Written for Sass, it makes your CSS readable and semantic, generates your selectors for you, and automatically handles things like specificity and nesting. csstyle makes
今日はスクレイピングの話をします。 今回のターゲットは三菱東京UFJダイレクト。金融機関もウェブサービスを提供するようになり、金にまつわる情報を電子化しやすくなりましたが、かれらが API を提供しているわけではないので、私たちのほうで取得・加工をしてやる必要があります。今やウェブサイトであれば当然のように JavaScript を使っているわけなので、いわゆる mechanize、つまり HTML の解釈をおこない、リンクのクリックやフォームの送信をシンプルに実装するようなやり方でのスクレイピングはすでに無理筋だといえます。 もちろん今日においてはブラウザオートメーションという方法がすでにありますので、これを利用してやれば、なんの憂いもなく実際に人間が使うようなブラウザをプログラマティックに操作することができます。現在は Selenium WebDriver がデファクトで、これが使用す
前回のラブライブ! さくらのVPS借りた | Border/memoさくらVPSにNginxとかPHPとか入れた | Border/memoさくらVPSのお試し期間も終了し、無事月額課金が開始されてしまった。使わないともったいないので頑張って設定していきます そう言えば前回の記事では何も書いてなかったけど、前回も今回もrootユーザで作業してます iptablesの設定するiptablesの設定方法|さくらのVPS|さくらインターネット公式サポートサイト ここが詳しい。見ながらやっていく。 サーバへの攻撃対策$ iptables -A INPUT -p tcp --tcp-flags ALL NONE -j DROP $ iptables -A INPUT -p tcp ! --syn -m state --state NEW -j DROP $ iptables -A INPUT -p
ユーザーファースト推進部の坂本です。 8/4(月)に自分がデザインを担当している『健康レシピ』のスマートフォンサイトを公開しました。 今回のスマートフォンサイトのデザインプロセスに合わせてクックパッドでよく用いているツールを紹介します。デザイナーやエンジニアの方が今後スマートフォンサイトを作る際に参考にして頂くためまとめてみました。 ■健康レシピとは… クックパッドで公開されているレシピを管理栄養士監修のもとに選定し、簡単に栄養計算ができるようにしたサービスです。主に糖尿病や高血圧、脂質異常症やメタボの方向けに、健康的でおいしい食事を紹介しています。 スマートフォンサイトのデザインプロセス スマートフォンサイトのデザインプロセスは、以下の流れで行いました。 画面構成を作成し、全体の遷移を確認する 各ページのデザインを作成する Flintoで遷移に違和感や問題点がないかを確認する コーディン
AutoFileNameとは、SublimeTextのプラグインで、画像のファイル名や幅/高さを自動補完してくれる超便利なやつ。imgタグには幅と高さを常に入れておきたいけど、いちいち入力するのめんどくさいので、重宝している。 最近よくSlimを使うんだけど、SublimeTextのAutoFileNameで画像の幅と高さを自動補完してくれないのが地味に辛かった。ちなみにデフォルトでもファイル名はいい感じに入る。 自動補完いけましたsublimetext3settings/autofilename.sublime-settings at master · antenando/sublimetext3settings 誰か同じこと考えてるだろ、とググったら素晴らしい回答がありました。 設定開くCmd + ,で設定開く。もしくはSettings - Userです。 { "afn_templat
A collection of swappable functions that add flavor to motion. Visualize Easing Cheat Sheet for jQuery, CSS, SCSS Easing Function Generator Learn Tweening chapter of my book Ease Yourself Into Animation (great preso) Understanding Easing: Explaining Penner's Equations Interpolation Tricks Code JavaScript jQuery Easing Plugin CSS, SCSS, LESS ActionScript 3.0 (single class) ActionScript 3.0 (classes
Of late there has been a little bit of hype around this “webpack” thing. Hopefully this post gives you an overview of what it is, how to use it and if it’s worth all the hype. First thing first. The official webpack docs are a little hard to digest so give it time. What is it? webpack is a module bundler webpack takes modules with dependencies and generates static assets representing those modules
The picture element Stay organized with collections Save and categorize content based on your preferences. The previous module demonstrated how the srcset attribute allows you to provide different-sized versions of the same image. The browser can then decide which is the right version to use. If you want to change the image completely, you'll need the picture element. In the same way that srcset b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く