Web Web制作

snipet

Dreamweaver CC2017がリリースされました。 エディタ部分にBracketsを組み込んだりSass/Lessがコンパイルできたりと新機能に注目が集まりますが、その影でひっそりとなくなった機能もあります。 D...

deffered

最近アニメーションを作るときはVelocity.jsを多用しています。 ほぼjQueryのanimate()と同じ要領で軽快なアニメーションが作成できますが、複雑なアニメーションの場合はうまく処理を管理しないと後々ひどい...

error

DMXZone Extension Managerを使ってDreamweaverの拡張機能をインストールしようとした際、エラーが発生してうまくインストールできませんでした。 対処法を調べましたのでご紹介します。 DMXZ...

bx1

お仕事ではbxSliderをよく使うのですが、毎回似たようなカスタマイズを行うことが多いため、コピペで済ませられるようによく使っているカスタマイズをまとめてみました。 本家はこちら (最近Internal Server ...

regexp

恥ずかしながら長らく悩んでいたのですが、ようやく解決したので備忘録として(;´∀`) 例えば:tableタグの内部をマッチさせる <table>~</table>の中身を検索でマッチさせる場合を考...

infinitescroll

Webデザインのギャラリーサイトを見ていて、無限にスクロールするアニメーションを取り入れたWebサイトが多く見つかりました。 私自身もinfiniteslide.jsというjQueryプラグインを作成しましたが、他のプラ...

eye

最近ではユーザーもすっかり減ってしまったDreamweaverですが、「特定のタグ」検索はSublimeText/Atomなどテキストエディタではできない複雑な検索・置換が可能となります。使い方もとても簡単です。 プレー...

enterkey

Foundation6のドロップダウン内コンテンツに検索フォームを設置したのですが、Enterキーで送信できないという問題に遭遇しました。 Dropdownの解説はこちら ボタンのクリックでなら送信できますが、パソコンを...

title

WordPress4.4よりタイトルを出力するwp_get_document_title()という関数が用意されました。 wp_get_document_title()についてはねんでぶろぐ様の記事が詳しいです。 Wor...

f6-crayon

ソースコードをハイライト表示する定番プラグインの「Crayon Syntax Highlighter」ですが、Foundation6によるテーマ(要はこのブログ)で使用したところ、ソースコード表示に不具合が起きました。 ...

foundation

Foundation6の新機能として、flexboxによるグリッドシステム「Flex Grid」の採用があります。 flexboxについてはWebクリエイターボックス様の解説が詳しいです。 これからのCSSレイアウトはf...

foundation

以前Foundation6+gulpをWindowsで動くようになるまでという記事でFoundation6を使おうとしましたが、このパッケージはHandlbars.jsというテンプレートエンジンでレイアウトを制御し、コン...

AD