Noise of Web Programming

主にHTML/CSS/JavaScriptやWebサービスの情報を配信しています。可能な限り実装方法まで書いていくつもりです。

ブログを移転しました。

Tecuration.com

このサイト同様、HTML/CSS/JavaScriptなどのフロントサイドWeb開発に関する最新情報やライフハックを配信しています。

CSS

LESS + jQueryで軽量なフロントエンドフレームワーク「UIkit」

なんか良さそうだったので、ご紹介。LESS + jQueryで軽量という特徴をもつフレームワーク。UIkit

とてもリアルな本を開くアニメーションを実現する「ANIMATED BOOKS」

CSS

うーん、これは面白い。本にマウスオーバーするとパラパラとページがめくれるアニメーションで本が開くという、まぁそれだけかよと言えばそれだけ。しかしとても凝っています。ANIMATED BOOKS

フラットデザイン!CSS3を使ってWebサービスでよく見る料金表を作る方法

CSS

CSS3を使って有料のWebサービスなどでよく見る料金表を作る方法が載っていたのでご紹介。How to Create CSS3 Pricing Tables

JSライブラリを使わずRetina対応のレスポンシブメニューを作る方法

JSライブラリを使わずにRetinaディスプレイ対応のレスポンシブメニューをHTML/CSS/JSで作る方法が紹介されていたので書いておく。これは勉強になるなー。RESPONSIVE RETINA-READY MENU

押し心地が気持ちいい!CSS3で3Dボタンを作る方法

CSS

押し心地が何とも気持ちいい3Dボタンの作り方を紹介していた記事があったので書いておく。Create 3D Social Media Buttons with CSS3

Youtubeのメニューにかかっているあのエフェクトを実装する方法

少なからずはこういうのを探している人がいるかもということでご紹介。Youtubeのメニューエフェクトの実装方法を解説している記事を取り上げてみる。Simple YouTube Menu Effect(Demo)

誰でも簡単にBootstrapのレイアウトが作れる「LayoutIt!」がすごい

これは!というWebサービスがあったのでご紹介。Bootstrapの知識が無くてもドラッグ&ドロップでBootstrapのWebレイアウトが作れてしまうWebサービス。もちろんレスポンシブWebデザインにも対応。LayoutIt! - Interface Builder for Bootstrap

「くるっと回る」メニューバーをHTML/CSSで実装する方法

最近こんな感じで「くるっと回る」かっこいいメニューバーってよく見る。Check out this Pen!

HTML/CSSの落とし穴!?初心者向け覚えておきたい基本ルール5つ

すっかり春らしくなってきた今日この頃。何らかのきっかけでHTML/CSSを使うことになった人もいるのではなかろうか。今日は初心者の方向けに覚えておきたい基本ルールを5つ紹介する。これを知らないとその内ハマることになると思う。またGoogle社内で推奨され…

CSSセレクタ多すぎ覚えられない!CSS3対応セレクタリストを作ってみた

CSS

CSSセレクタって本当にたくさんあるじゃないですか。それらを全部覚えとくなんて無理な話じゃないですか┐(´ー`)┌ というわけで備忘と、学習目的でセレクタのリストを作ってみた。CSS3対応。サンプル少なくてすいません。こんなのあるんだ的な気づきとなれば…