Noise of Web Programming

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

ブログを移転しました。

Tecuration.com

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

HTML

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

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

ドラッグ&ドロップOK!ajaxのファイルアップロードフォームの作り方

とてもかっこいいファイルアップロードフォームの作り方が書かれた記事を発見したのでご紹介。Mini AJAX File Upload Form

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

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

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社内で推奨され…