WebDesign Dackel

インデントで表した階層をツリー状に変換するWebアプリ「Directree」

インデントで表した階層をツリー状に変換するWebアプリ「Directree」

はじめに インデントで表したテキストをツリー状(├─,└─)に変換するDirectreeというWebアプリを作ってみました。 http://directree.net/ こんな時に使いたい このブログ...

コピペで使えるSass用イージング変数の一覧

コピペで使えるSass用イージング変数の一覧

スマホ専用サイトなんかでは気軽にCSS Transitionを使って簡単にアニメーションをつけることが出来るので楽しいですよね。サイトの雰囲気やコンセプトに応じて、動きに個性を付けたい場合はcubic...

Googleのアプリ一覧UIを作ってみる

Googleのアプリ一覧UIを作ってみる

突然ですが、スキルアップには上手な人の真似をするのが良いみたいです。 Webデザインを上達したいなら、良いデザインのサイトを模写したり、プログラムが上達したいならGitHubなどでコードを追ってみたり...

SublimeText3のTable Editorで日本語入力を何とかする

SublimeText3のTable Editorで日本語入力を何とかする

これまでずっとSublimeText2を使っていたのですが、やっと最近3に乗り換えました。 普段、Markdownでテキストを書くときにもSublimeを使っているのですが、入力が面倒なためテーブルは...

レスポンシブ化に使える、画像をテキストに置き換える方法まとめ

レスポンシブ化に使える、画像をテキストに置き換える方法まとめ

サイト制作を行う上でレスポンシブ化は当たり前、という流れになって随分と経った気がします。 だからといって、まだまだレスポンシブ化は簡単では無く、実際作業に入ると沢山の事に頭を悩まされてしまいます。 そ...

国内中心に有名Webサービス・ツールの投稿画面デザインを集めてみた

国内中心に有名Webサービス・ツールの投稿画面デザインを集めてみた

いざWebサービスを作ろうとすると色々と悩むことがあります。サービス名やドメインをどうしよう、サーバはどうするか、バックエンドの言語は何を使うか、どんなフレームワークを使うかetc…。 そ...

JSで長い文字列を生成する方法3種

JSで長い文字列を生成する方法3種

JSを使ったサイトを構築する際、jQueryなどで動的にHTMLを追加したり、コンテンツを生成したりすることがあるかと思います。 サーバから値を取得して描画したり、モーダルのコンテンツ部分のHTMLを...

Sassのextendが効かない?

プライベートでも、仕事でも最近ではほとんどSassを使って、スタイルシートを書いています。 スタイルシートを書いていく中で、僕は@extendをよく使います。Lessには無くてSassにはある、ってい...

Sassでフォントサイズをレスポンシブ対応させる荒技

Sassでフォントサイズをレスポンシブ対応させる荒技

レスポンシブなサイトを作成する時に、フォントサイズを画面幅に応じて変える必要がある場合はどのように実装しているでしょうか? 僕はサイズをremで指定して、変化を付けたい幅にブレイクポイントを設けてht...

他の人のコードをコピペで持ってきた時に注意したい最低限の3ポイント

HTMLやCSS、JSやPHPなどのソースを書いている時、やり方を調べたり、問題の解決策をGoogleで検索しますよね! 他の方が書いたコードで問題解決、という事も少なくないはずです。 ただ、その時そ...