これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ
作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ
メンテナブルCSS
概要 メンテナブルなCSSを目指し、定義された一般的なCSSルールの紹介と、それらのルールを適用するにあたって活用できるツールを報告します。 1. 序論 CSSは記述ルールが簡素であり、少しの学習コストですぐに記述ができる手軽なツールです。 しかし、大規模なアプリケーションで複数人で開発するケース等では、見栄えだけしか考えずに身勝手にコーディングしてしまうと、 非常にメンテナンスコストがかかる負の遺産が作られてしまいます。 そのためCSSの品質を保つために様々なプロジェクトで、CSSの定義ルールが決められています。 本稿では一般的なCSSの定義ルールと、そのルールがなぜ作られたのかを合せて報告致します。 また、CSSのルールを適用するにあたって、手動・目視でルールの適用をチェックするのは非常にコストが高い作業です。 これらルールの適用を補助するツール群を、合せて報告致します。
センターロゴがステキなWebデザインまとめ１０個
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ 通常、Webサイトのデザインは視点が左上から移動するので左上にロゴがあることがほとんどです。しかしここ最近、左上ではなく中央にロゴを配置しているWebデザインを見かけます。 個人的にはセンターに配置されたデザインは注目しています。 そこで、かっこいいセンターロゴのWebデザインを集めてみました。 センターロゴのデザインは少なく、新しいのでインパクトがあるし左上よりも目立つ気がします。 バランスに注意しないとかっこわるくなりそうですね。そして、視点が中央に集まるので配置も考える必要がありそうです。 ロゴを中央に配置した参考になるWebデザイン１０個 PU
デザインから考える 売るためのECサイト ｜https://wp.yat-net.com/name
年末は買い物をする機会が増える為、ECサイト運営者も忙しさがピークに達する時期ですね。 さて、Eサイトは基本的に売り上げが立ってこそ成り立つ物。時期や世間のトピックによって大体の業種が売れる期間にばらつきがあります。 しかしECサイトの場合は通常の店舗とは異なり24時間ユーザーからの注文を受けることが出来るというメリットがあります。当然の事ながら人が受付をしない代わりにサイトの構成や商品によってユーザーを取り込めるか否かという差が発生します。 商品の内容はお店の仕入れで良質の物を仕入れてもらうしかありませんが、サイトの構成に関してはデザイナーが仕入れた商品を自社のサイトにうまく掲載することで売り上げを上げる事が出来ます。デザイナーが商品をうまく見せれるか否かポイントになってきます。 問題点と改善すべき点 よくあるのは仕入れ担当者や、オーナーなどから「この商品を目立たせてほしい」と言われつづ
京都精華大学国際マンガ研究センター [ International Manga Research Center ]
「京都精華大学国際マンガ研究センター」はマンガとその周辺に関する研究機関です。また、これまでの研究蓄積とネットワークを活用したシンクタンク事業も展開しています。 このウェブサイトでは、京都国際マンガミュージアムを主な拠点として、当センターがコンテンツ制作を担当した展示や講演などのイベントについて報告すると同時に、マンガ研究に関する国際的なセンターとしての活動情報を国内外に発信していきます。 The Kyoto Seika University International Manga Research Center (imrc) conducts research on manga (Japanese comics) and its environments. It is also developing a Think Tank that utilizes previous research
光のエフェクトが絶妙に上手いサイトデザイン集:phpspot開発日誌
光のエフェクトが絶妙に上手いサイトデザイン集２５。 個人的に、光を使ったサイトが好きなのですが、その使い方が非常に上手く、まとめエントリは色々あるといえど、なかなかいい感じでしたので、ご紹介。 グランジな感じやダークな感じもクールでいいのですが、こうしたデザインも素敵ですね。 是非とも参考に似たようなものを作ってみたいという思いになります。 リンク先は以下より参照してください。パート１〜３まであります。 25 Websites with Lighting Effects Part 3 25 Websites with Lighting Effects Part 2 25 Websites with Lighting Effects 関連エントリ デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集 韓国のすごいデザインサイト集 グラデーションをうまく使って立体感を出したサイトデザ
シンプルWEBデザインが沢山見られて参考になる「siiimple」:phpspot開発日誌
siiimple シンプルWEBデザインが沢山見られて参考になる「siiimple」 単純にカッコいいというのではなく、シンプル、ということにこだわったサイトの紹介サイト どれもシンプルにデザインされているけど、そのシンプルさがカッコよさを引き立てているようなサイトが多いです。 関連エントリ シンプルだけど、クールなデザインサイト集
KAI TOUCH Project!｜知る・楽しむ｜貝印
6年目となる「カイタッチ・プロジェクト！」につきまして 2013年6月末より貝印公式Facebookページに拠点を移すことになりました。 これまでの、お客様のブログを訪問するスタイルから 社員がさまざまなヒト・モノ・コトへFacebook上でカイタッチし みなさまへ発信する活動へと変わります。 ブログへの訪問は終了となりますが、お客さまの元へお邪魔しタッチすることで たくさんの感動や学びを得ることができました。 貝印社員一同、心より御礼申し上げます。 これからもお客さまの声に触れる姿勢は変わることなく、 カタチにこだわらずに努めてまいります。 誠にありがとうございました。 ▼貝印 公式Facebookページはこちら▼ https://www.facebook.com/kai.corporation また、全国のパティシエを目指す高校生たちが、 世界にひとつしかないオリジナルスイーツで競う「
【公式】発毛専門 リーブ21
2024年8月8日 リーブ21公式通販サイト「リーブ直販」にて創業48周年 大感謝祭を開催 2024年7月31日 さかいSDGs推進プラットフォーム会員交流会に登壇しました 2024年7月17日 リーブ21 AGA発毛センターを全店舗に拡大しました 2024年6月27日 リーブ21がカンボジアでモリンガの植林を開始 2024年6月20日 「JCI ASPAC2024」に出展し、リーブ21の緑化事業を紹介しました 2024年5月23日 カンボジアで開催される「JCI ASPAC2024」に出展します 2024年5月9日 「わくわく万博」に出展し、海洋汚染問題について啓発活動を行いました 2024年4月30日 イオンモール大阪ドームシティ「わくわく万博」に出展します 2024年4月10日 環境貢献についてカンボジア大臣と会談しました 2024年3月29日 万博大阪ヘルスケアパビリオンに展示、出
サクラクレパス製品情報（クーピーペンシル）
2022.07.20 【自由研究にもおすすめ！】クレパス・クレヨンを再利用してマーブルクレパス・マーブルクレヨンを作ろう♪
あるデザイナーが一つのロゴを作り上げるまでのデザインプロセス | POP*POP
こちらのサイトであるデザイナーの仕事っぷりが披露されていました。コンセプトからデザインにいたるまでの過程を順を追ってみることができます。 » Ideabook Tutorials | Step-by-step logo – Mozilla Firefox デザイナーさんってこういう風に仕事をするのか・・・と大変勉強になりました（もちろんデザイナーさんそれぞれに違った仕事のやり方があるかと思いますが）。 では以下にそのデザイナーさんの頭の中身とでもいうべきデザインプロセスをかいつまんでご紹介。 今回依頼があったのは「Metro Aviation」というヘリコプターの輸送会社。 まずは紙にスケッチをしていきます。 ↑ ヘリコプターの概念をさらさらと。 ↑ もちょっと具体的に。 ↑ 社名も入れつつ違った角度から。 この時点でクライアントから「ハチドリ」のイメージが欲しいなぁ、と言われます。 ↑
クラシエ
この度の令和6年能登半島地震により被災された皆様、 ならびにそのご家族の皆様に心よりお見舞い申し上げますとともに、皆様のご無事と一日も早い復旧・復興をお祈り申し上げます。 クラシエグループの支援内容について
美しくデザインされた汚れた感じのサイトデザイン集:phpspot開発日誌
30 Beautiful Examples of Grunge in Web Design - Six Revisions 美しくデザインされた汚れた感じのサイトデザイン集。 どっちなのかよくわからないタイトルになってしまいましたが、とってもクールなサイトデザインのサイトが一杯で参考になります。 TROZO GALLERY The Lippincott Von Dutch Originals Bridge55 James Lai Creative Biola Undergrad The Trian Woodburns revolution church Jared Campbell nYq Design Studio Jeremy Zevin Sarah Hyland Casio Exilim Lab The Farmer & The Chef Syc Fuk Red9ine Tattoo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
東京メトロ
ミスタードーナツ
IDEA * IDEA
ウェブデザイナー：田中クミコ