ハンバーガーメニューは「メニューだとわかりづらい」と言われることも多いですが、特にスマートフォンサイトなどでは実装する機会はやはり多くはなってきているので、今回はそのハンバーガーメニューをクリックした時（メニューが展開しているときなどのアクティブ時）のエフェクトをCSSで実装したサンプルをまとめました。 よく見る「×」のようなクローズボタンに変化するものから矢印に変化するものまで全12種類あります。

キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕

縦スクロールの画像スライダーを探す機会がありましたので、備忘もかねてご紹介します。なかなかないんですよね、縦にスクロールするプラグインって… 大体デモサイトにリンクしています。一応有料のものは有料と記しましたが、詳しい利用方法は配布先にて再度確認をしてください。 EVO SLIDER http://evoslider.com/demo3.html 無料と有料のパターン有り。商用利用は有料。 商用版はわりと細かいオプションがあり、かゆいところに手がとどくプラグインです。Version2.1.3でIEの等倍表示が可能になりますます使いやすくなり個人的に気に入っています。 【2013/09/05 追記】 Evo Sliderを実装するサンプルファイル付きチュートリアルを公開しました。 [デモ有り]Evo Sliderを使った縦スライドショーのチュートリアル WOW Slider http://w

「安全なウェブサイトの作り方」は、IPAが届出(*1)を受けた脆弱性関連情報を基に、届出件数の多かった脆弱性や攻撃による影響度が大きい脆弱性を取り上げ、ウェブサイト開発者や運営者が適切なセキュリティを考慮したウェブサイトを作成するための資料です。 「安全なウェブサイトの作り方」改訂第7版の内容 第1章では、「ウェブアプリケーションのセキュリティ実装」として、SQLインジェクション 、OSコマンド・インジェクション やクロスサイト・スクリプティング 等11種類の脆弱性を取り上げ、それぞれの脆弱性で発生しうる脅威や特に注意が必要なウェブサイトの特徴等を解説し、脆弱性の原因そのものをなくす根本的な解決策、攻撃による影響の低減を期待できる対策を示しています。 第2章では、「ウェブサイトの安全性向上のための取り組み」として、ウェブサーバの運用に関する対策やウェブサイトにおけるパスワードの取扱いに関す

ネットを徘徊している方ならどちらかは見たことあるのではないでしょうか。 <br> <br /> どれもコンピュータに改行を命令するためのタグです。 ではこの二つ、何が違うのでしょうか？ 端的に言えば、使用を推奨されているマークアップ言語が違うのです。 <br> は HTML <br /> は XHTML ★HTMLとは・・・ HyperText Markup Languageの頭文字をとったもの。 この名前を少し丁寧に解釈すれば、「ハイパーテキストのための、文書に目印を付ける方法を定めた文法上の約束」ということになる。 ★XHTMLとは・・・ Extensible HyperText Markup Languageの略称。※二文字目「x」ではなく「Ex」という読みの略。 SGMLで定義されていたHTMLをXMLの文法に基づいて再定義したもの。曖昧さのあったHTMLをXMLによって厳密に定義

LINK SERVER IP TERBAIK DISINI TINGGAL PILIH DENGAN SERVER DAN FITUR YANG BERBEDA-BEDA

【Photoshop講座】毛羽立ったファーのような切り抜きは、［クイック選択ツール］と［境界線を調整］の組み合わせを試してみましょう。2つの機能が共通している特徴は、ピクセルを「自動的に検知」してくれること。これは、曖昧な境界線を切り抜くときに、大変心強いパートナーになります。コツは毛羽立ちの幅を［スマート半径］に設定するだけです。きっと、驚くような仕上がりが期待できますよ。

これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み

年に一回、担当させていただいている多摩美術大学　デザイン学科向けの「Illustrator/Photoshop」セミナーを5月9日、10日に終了しました。 そのフォローアップ的な記事です。 なお、この素材は『Illustrator CS4 完全制覇パーフェクト』のものです。 日付 日付における年月日の文字や曜日、また、金額などの単位（円とかkmとか）は少し軽くしてメリハリをつけた方が、情報として文字列の内容を理解しやすくなります。 "打ちっ放し" 年月日や曜日が少し"重い"のでフォントサイズを下げました。 Illustrator CS以降は［文字］パレットメニューから［文字揃え］を「中央」から「欧文ベースライン」に変更しておくこと。 パーレン（丸括弧）を削除し、水、金をそれぞれ異体字切り替えで記号にします。 異体字切り替えを行うには、まず、［書式］メニューの［字形］をクリックして、［字形］

※以下の内容は2015/06/22現在古いモノとなっています。新しい方法については「サイトにFacebookページを貼り付ける方法がLIKE BOXからPagePluginに」に書いてあります。 うさぎクラフトページのblogはそれほど書いていないのですが、木工品を作ったときはFacebookのうさぎクラフトページに頻繁に投稿しています。 昨日も、投稿していたのですが「サイトにFacebookページのタイムラインが表示されるとよさそう！」と思いました。 確か以前もそのようなことをやって、簡単だったのでプラグインなどは使わずに入れてみました(^^)/ コードはFacebook開発者ページで簡単に作ってくれる！ Facebook開発者ページ プラグイン likeボックスページを開きます。 Facebook Page URL という欄に表示したいFacebookページのURLを入力します。 うさ