タグ

Web制作とWebデザインに関するpsakuraのブックマーク (3)

  • Webデザイン初心者がランクアップするためのCSSのコツ10選

    ブログを始めたりホームページを自作したりするために勉強しはじめると、さらにデザインを凝ったものにしたくなります。 また、ある程度カスタマイズが進めば、表示速度をもっと早くしたり、より短いコードでコーディングしたりしたくなります。 そこで必ず話題に上るのが、CSSです。 もちろん、LessやSassのようなCSSプリプロセッサー(関数を使ったりしてプログラミングコードのように書くことができるCSS)が誕生したことで、より複雑なデザインをできるだけ少ないコードで書くことができるようになりました。 しかし、フロントエンドエンジニアとしてレベルアップするためには、どのように書けばレイアウトが改善されたり表示速度が速くなるのかをしっかりと理解しておいたほうがよいでしょう。 今回は、Webデザイン初心者がランクアップするためのCSSのコツをご紹介します。 これから紹介する、多くの初心者を泣かせたCSS

    Webデザイン初心者がランクアップするためのCSSのコツ10選
  • WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた

    それで、「そんなにいいのかな?」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk(ブリスク)とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi

    WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた
  • Lightbox v2.8.1~サムネイル画像をクリックして、そのページに、拡大画像をクールにオーバーレイ表示させる<Ajax|Lightbox>

    サムネイル画像をクリックして、そのページに、拡大画像をクールにオーバーレイ表示する Lightboxの使い方[Lightbox v2.8.1 - 2015-07-09 最新バージョン] サンプル|使用方法|Lightboxのダウンロード |Lightbox v2.8.1のカスタマイズ Lightbox2は、 サムネイル画像をクリックするとJavascript(Ajax)を利用して同じページに、拡大画像をオーバーレイ表示します。 Lightbox2は、JSフレームワークに、jQueryフレームワークを使用しています(旧版はPrototypeフレームワーク)。 画像の表示は、「1枚の画像」または「複数画像のグループ」の2つの表示方法があります。 だだし、スライドショー、大きな画像を画面に合わせて表示や画像を別ウィンドーに表示などができません。 これらを望むには、Piroboxを薦めます。また、

    Lightbox v2.8.1~サムネイル画像をクリックして、そのページに、拡大画像をクールにオーバーレイ表示させる<Ajax|Lightbox>
  • 1