麻雀点数計算アプリ「suzume」（Android版）をリリースしました
ここ2ヶ月ほど打ち込んでいたMonacaによる麻雀点数計算アプリ制作ですが、一通り実装が済んだのでとうとうGooglePlayで公開しました。 スプラッシュもなければチュートリアルもなく、そのうえヘル […]
css
HTML/CSSくらい自分も書けると思ってる勘違いプログラマにありがちな行動【CSS編】
いまだにCSSでつまずくあなたが最初に見つめなおすことでは初心者にありがちなタイプミスなど、慣れ・不慣れから起きるケアレスミスのチェックポイントを紹介しました。 今回は、実際に仕事で関わったプログラマ […]
いまだにCSSでつまずくあなたが最初に見つめなおすこと
誰でも一度はつまずいて悩むCSS。Webデザイナーと呼ばれる人だけでなく、そのWebページを動的に実装する人、アプリを作る人、バックオフィスを作る人、WordPressをカスタマイズする人、誰でも一度 […]
- 2015.09.03
- canvas, css, javascript, map, 地図,
画像を使わずにcanvasで描画した日本地図SPAデモ
一年前にお仕事で関わったページで、スポット検索の日本地図をcanvasで描画するという試みをしたので、そのときに作成したサンプルを紹介します。 いつもNAVI不動産 賃貸マンション・賃貸住宅を探す 9 […]
- 2015.09.02
- css, html, javascript, list, ranking,
配置がややこしいリストは:nth-child疑似クラスを使ってレイアウト
今回は、実際にお仕事で関わらせてもらったtredinaで使っているパーツをひとつ紹介します。 ユーザーとサロンがつながる tredina PC版でアクセスしたときホーム画面で表示されるランキングのパー […]
- 2015.09.01
- accordion, css, html, javascript, list,
jQuery不要のシンプルなjavascriptアコーディオンリスト
CSSのみでアコーディオンリスト2パターンではCSSのみで高さに汎用性がありませんでしたが、ちょこっとJavascriptを加えてあげることで気持ちよく動くアコーディオンリストができます。 ライブラリ […]
Javascriptを使わないでCSSスライドギャラリー
プログラムが書けない人でも大丈夫。CSSのみで作ればいいんです。これで黒い画面が怖くてたまらないあなたのホームページにもスライドギャラリーを設置することができます！ というわけで3パターンご紹介します […]
リンクじゃない見出しにhoverしてリストを表示するテンプレート
左カラムにナビゲーションがついた、簡単なHTMLテンプレートです。 職場のHTML/CSSをあまり知らない人が作業するのでわからないところ教えてやってと言われたのですが、要件を聞いたら最新版以外のOp […]
CSSのみで地図SPAの周辺スポット検索のような画面
いろんな周辺スポットの検索結果のリストを表示して、さらに地図上にピンを立ててスポットの情報をバルーン表示する、というサービスがありますね。 食べログとかホットペッパーとか、あとは不動産なんかのサイトで […]
CSSのみでアコーディオンリスト2パターン
CSSのみで動くアコーディオンリストを2パターン紹介します。 チェックボックスを利用して、チェックが入っている項目の中身を表示する仕組みになっています。 動きの違いがわかりやすいように、transit […]