Click the Rainbow. Spectral is a math-based HSL color exploration tool built with Vuejs and TinyColor
2014年10月1日のブックマーク (15件)
-
sh19e 2014/10/01
-
amCharts: customizable free flash charts
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 – simonsmith.io – Portfolio and blog of a London based front-end web developer
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
-
Get Started React.js
React.jsについての簡単な紹介 Component化、Prop、Stateの使い分け、イベント、addon、mixin、アーキテクチャ、ServerSide Renderingなどについての説明。 一部v0.12で変わった部分の対応もしています。
-
Quick Tip: Name Your SASS Variables Modularly | Envato Tuts+
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
-
-
-
まだmechanizeで消耗してるの? WebDriverで銀行をスクレイピング（ProtractorとWebdriverIOを例に） - 詩と創作・思索のひろば
今日はスクレイピングの話をします。 今回のターゲットは三菱東京UFJダイレクト。金融機関もウェブサービスを提供するようになり、金にまつわる情報を電子化しやすくなりましたが、かれらが API を提供しているわけではないので、私たちのほうで取得・加工をしてやる必要があります。今やウェブサイトであれば当然のように JavaScript を使っているわけなので、いわゆる mechanize、つまり HTML の解釈をおこない、リンクのクリックやフォームの送信をシンプルに実装するようなやり方でのスクレイピングはすでに無理筋だといえます。 もちろん今日においてはブラウザオートメーションという方法がすでにありますので、これを利用してやれば、なんの憂いもなく実際に人間が使うようなブラウザをプログラマティックに操作することができます。現在は Selenium WebDriver がデファクトで、これが使用す
-
さくらVPSでiptablesとかSFTPの設定とかした
前回のラブライブ！ さくらの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で遷移に違和感や問題点がないかを確認する コーディン
-
SlimでもSublimeTextのAutoFileNameで画像の幅と高さを自動補完
AutoFileNameとは、SublimeTextのプラグインで、画像のファイル名や幅/高さを自動補完してくれる超便利なやつ。imgタグには幅と高さを常に入れておきたいけど、いちいち入力するのめんどくさいので、重宝している。 最近よくSlimを使うんだけど、SublimeTextのAutoFileNameで画像の幅と高さを自動補完してくれないのが地味に辛かった。ちなみにデフォルトでもファイル名はいい感じに入る。 自動補完いけましたsublimetext3settings/autofilename.sublime-settings at master · antenando/sublimetext3settings 誰か同じこと考えてるだろ、とググったら素晴らしい回答がありました。 設定開くCmd + ,で設定開く。もしくはSettings - Userです。 { "afn_templat
-
-
Robert Penner's Easing Functions
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
-
Diving into Webpack - Web Design Weekly
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
-
レスポンシブイメージのネイティブサポート - HTML5 Rocks
<picture> <img src="image.jpg" alt="A description of the image."> </picture> If there is no img element nested inside the picture element, the picture element won't work. Like the srcset attribute, the picture element will update the value of the src attribute in that img element. The difference is that where the srcset attribute gives suggestions to the browser, the picture element gives commands
-
- 2014年10月2日
- 2014年10月1日
- 2014年9月30日
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました