無料で無制限に使えるパブリックドメインの良質な画像を集めたサイト 9ineBB Free Image を開設しました
無料で使えるパブリックドメインの良質な画像を集める 【9ineBB Free Image】 を開始したことをお知らせします このページでは、パブリックドメインで主にクリエティブ・コモンズのCC0ライセンスがついた 世界共 […]
jQueryプラグインでレスポンシブなリキッドな画面サイズに合わせて文字のサイズを変えれるプラグイン 『FitText』
HTMLの要素とか、画像のサイズとかリキッドに変化出来るのに なんで文字サイズは変化できないんだろう？ なんていうのはWEB制作をしていると思うことですが jQueryのプラグイン 「FitText」 を使うと、親要素の […]
作業効率UP WordPressで定型文の作成・挿入をすることが出来るプラグイン 『TinyMCE Template』
TinyMCE Template https://wordpress.org/plugins/tinymce-templates/ WordPressで定型文の挿入を実現するためのプラグインです 予めひな形を作っておくと […]
XP終了 XPとUbuntuを超簡単に安全にデュアルブート化してPCを安全に利用する Wubi
WindowsXPのサポートが終わります(無償の) 一部の大きな銀行ではWindowsXPから乗り換えるための期間は膨大なお金を払ってサポート期間を延長するみたいですが XP終了ということで、セキュリティ的 […]
ユニークな3Dに回転するキューブ型のメニューデザイン 『Rotate Menu Link Cube 3D』
かなり奇抜なデザインのメニューです なかなかこのように縦長のメニューっていうのは見かけないのですが、3Dに回転するアニメーションと組み合わせると面白い表現になりますね
ドット絵のアニメーションする砂時計のローダーデザイン 『Hourglass Loader』
シンプルながら、結構手間の掛かっているアニメーションです。 砂時計をドットで表現し、それをローディング用にアニメーションを付けられたものです
無料で使えるMITライセンスの WEB アイコンフォント Ionicons の使い方
Ionicons Ioniconsは無料で使えるWEB アイコンフォントです、ダウンロードしての利用、CDNの利用が可能です アイコンフォントとは？ アイコンをフォントの様に扱えるものです 大きさ、色をフォントと同じよう […]
カスタムタクソノミーのページ(taxonomy-.php)での投稿の表示件数を変える方法 【WordPress】
WordPressにはカスタム投稿タイプ、カスタムタクソノミーとうのがあって、ちょっと複雑なんだけど使いこなすと、とても便利な存在なんですが そのカスタムタクソノミーのアーカイブページでの記事 […]
CodepenがURLでoEmbedの埋め込みに対応したようです
CodePenのヘビーユーザーになりつつあるんですが(見る方の) ブログでも1日2件ほどCodePenから、使えるコード 面白いコード、デザインを紹介しています 気になる方はcodepenのタグをチェックしてもらえればと […]
SVGをbase64(URIスキーマ)のコードに変換してくれるコード 『SVG-encoder』
SVGの画像データをbase64の画像データに変換してくれるものです コードをPaste SVG code に貼り付けるだけで、即座に下の方に Take Code に表示されます javascriptを使ってクライアントサイドで変換の処理が行われています
CSSのcounterを使ってlist表示の数字をオリジナルのものに変更するデモ 『Decorated Numbered Lists』
リスト表示の際に表示される番号 これをCSSのcounterを使って、独自のものに置き換えたものです この方法を使うことによって、幅広いデザインが可能になります
古いIEのブラウザにネガティブな消極的な対応することで問題を解決する
WEB政策の宿敵 古いバージョンの Internet Explorer 略称：IE この古いIE 主にIE8以下はWEB制作する上でとても邪魔な存在なんですね 動作にバグがあったり、そもそもCSS2、CSS3に対応してい […]
オリジナルの500エラーページ 404エラーページ等を作って表示させる .htaccessので実現
404ページや他のエラーページをオリジナルのものに置き換える方法 オリジナルのエラーページにすることで幾つかメリットがあります メリット1 アクセス解析出来る オリジナルのページにすることでアクセス解析をエ […]
無料で再配布・加工が出来る高画質な画像がダウンロード出来るサイト 『Public Domain Pictures』
Public Domain Pictures http://www.publicdomainpictures.net/ 無料で高画質なパブリックドメインの画像をダウンロードすることが出来るサイトです 現在では72,318 […]
CSSだけで作成、シンプルなコードでグラフィカルな画像ギャラリーを作るコード 『CSS/HTML Only Carousel』
左右に表示されるサムネイルをクリックすることで、隣の画像を大きく中央に表示させる画像ギャラリーです CSSだけで作られており、さらにコードもとてもシンプルです
丸いエリアに写真とテキストがリンクして表示される少し変わったデザインのスライダー
特徴的なスライドのデザインです、写真とテキストをリンクさせて表示させています テキスト部分は実際には画像に置き換えられたもので、すべて画像で行われています
クリエティブ・コモンズ CC0の話と日本語 ドラフト版 パブリックドメインのメリットの話
日本では著作権放棄の手続きというか、なかなか個人で宣言してやるっていうのは難しいようで クリエティブ・コモンズは著作権を明文化する世界的試みで CC0というものがありこ、これはパブリックドメインと呼ばれるもので完全に著作 […]
amazonを攻略 商品の価格変動を監視・ウォッチ出来る Chromeの拡張機能 『Amazon Price Tracker』
Amazon Price Tracker https://chrome.google.com/webstore/detail/amazon-price-tracker-keep/neebplgakaahbhdphmkck […]
text-shadowで発光しているかのような文字を作る方法 【CSS】
CSSで発光しているような文字を作るテクニック CSSのtext-shadowと背景色をうまく組み合わせる事で、発光しているかのような文字を表現することが出来ます ポイント1 背景色は暗めのものにする 発光 […]
ボタンをクリックで、要素がクルッと半回転して裏面になるメニューが表示されるデザイン 『Responsive 3D Flip Navigation』
裏面のナビゲーション(メニュー)部分は レスポンシブ対応となっています メニューを隠してスッキリしたウェブデザインに使えるテクニックかと思います
