html
Pakusso https://github.com/naoyashiga/Pakusso サイトを久しぶりに作ってみた。 gulp-load-pluginsを使うとプラグインをまとめられて便利だった。 var $ = require('gulp-load-plugins')(); autoprefixerでブラウザのバージョンを指定できるのは初めて知っ…
Can I use... Support tables for HTML5, CSS3, etc 困ったもんだぜ。 ちなみplaceholderのstyleを変えるのは以下のようにする。 ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { color: #999; } ::-moz-placeholder { color: #999; } :-…
Polymerのステッカーをもらった。テンションあがるw Googleのすごい人がいっぱい来てた connpass.com Google の Developer Relations チームのメンバーが、PolymerやService Worker、Material Design Liteについて話をするということで聞きに行ってみた。す…
オリジナルテーマを作る Lessで編集できる このへんを見てると、作り方が載っていました。ただせっかくLessでBoilerplateを編集できるのだから、Gruntでタスク管理して楽チン編集したいと思いました。 デザインテーマ制作の手引き - はてなブログ ヘルプ htt…
index.slimに変数を渡す myapp.rb get '/' do @tweets = client.user_timeline('naoyashiga') @pageTitle = "naoyashiga tweets" slim :index end 以前のエントリではhtmlにつぶやきを渡してはいませんでした。今回はindex.slimに変数を渡したいと思います。…
こちらを参考にしました。 http://rochas.cc/blog/2013/11/19/middleman-heroku.html slimを読み込む Gemfileに以下を記述。 gem "slim" ターミナルよりslimを読み込みます。 $bundle install
compassのimage-urlの設定に「../img」という相対パスを設定したかったのでやってみました。 image-url compassにはimage-urlという便利な機能があります。・参考 Compassの画像の関数(Image Helpers)| Web制作者のためのSassの教科書 - 公式サポートサイ…
「真木よう子Viewer」とは? demo Yoko Maki Viewer
nko nko 「○んこ」から連想する言葉をTwitterに投稿するWebサービスをつくった。GitHub - naoyashiga/nko at gh-pages GitHub Pagesに公開させた。コードはここに公開してある。サービスを作る上でやったことを以下にメモしておく。 Tweetボタンの設定 Tweet…
デモ ボタンを押すと線がアニメーションして描画される。SVGを使ったアニメーションするチェックボックスが新鮮だったので、自分もやってみることにした。 Animated Checkboxes and Radio Buttons with SVG | CodropsそこでSVGのアニメーションについて紹介…
inputタグに閉じタグはいらない 書いている途中に迷って調べてみた。br, img, hrにも閉じタグはいらない Webデザインリリック | Web Design Lyric labelタグにforを設定する <input id="sample" type="radio"><label for="sample">Hello World!</label> labelタグを加えて、属性forの値をid名にすれば、radioの丸だけでは…