何を書いたらいいの? PureCSSであればなんでも良いです。 合言葉は「それCSSで出来るよ!」です。 例 JSを使わないで○○を作ってみた それCSSで出来るよ! CSSで○○書いてみた 完走! 他にないオリジナリティのあるアドベントカレンダーになったと思います。 無事完走できてとても幸せです。 参加して頂いた皆さんありがとうございました。 そして来年もよろしくお願いします!
![CSS Programming Advent Calendar 2012 - Adventar](https://cdn-ak-scissors.b.st-hatena.com/image/square/216cc359e648393f04b96c88311401bbb5691aa2/height=288;version=1;width=512/https%3A%2F%2Fadventar.org%2Fog_image.png)
クライアントとの更新やりとりを10倍楽にする(か... / 【無料配布】Web制作における書類一式、そしてド... / WEBサイト制作前やデザイン制作時に欠かせないヒ...他...全5件
「webディレクターがいない!」 ここ最近、採用関係に携わるwebサービス運営の事業会社、web制作会社、代理店、人材派遣会社、どの立場の方もwebディレクターの採用が難しいと嘆いている。 もちろん、webディレクター自体に応募している人はいるそうだ。しかし、「箸にも棒にもかからない」ということがままあるように見える。 それは応募者から見ても状況は同じ。複数の有名サービスから転職のお誘いや内定をもらっている人がいる半面、転職活動が相当厳しい状況を迎えている人もいる。 なんでそんな状況になってしまっているんだろう?ここ10年web業界でwebディレクターやってくる中で、現場からみた感覚をつらつら書いてみようと思う。 ※あくまで私とその周囲の状況で、業界全体にあてはまることではない可能性もあるので、ご留意ください。 「webディレクターがいない」理由 私が現場からみて、ざーっとあげられるのが以
初心者におすすめ!無料で使えるWordPressのプラグイン10選 WordPress(ワードプレス)初心者におすすめする【無料プラグイン】を紹介する記事です。問い合わせフォームの設置や、SEO対策による集客アップなどに役立つプラグインを紹介しています。無料ですぐに使えるので、ぜひ試してみてください! テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査 WordPressでサイトを開設している多くの方がプラグインを使っています。 WordPre
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れ 続きを読む» この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確
WSC 10daysテーマの特徴 WSC 10daysは、2013年6月にリリースしたWSCテーマの最新バージョンです。カスタム投稿による事例集やアイテム紹介がすぐに使える、コーポレートサイトの構築に最適なWordPressテーマです。30以上のサポートプラグインに対応したことで、テンプレートはシンプルな構成になっています。PHPがわからないというWEBデザイナーさんでも、本格的なサイト制作にすぐに取りかかれるフレームワークとしてご利用いただけます。また、WordPress初心者の練習用としても最適です。 ※2016年5月2日追記 WSC 10daysはリリースして3年近くになりますが、今でもデザイナーを中心に愛用者が多くうれしい評価をいただいています。他にこうしたコンセプトのテーマが少ないので、今でも愛用されているのだと思います。 基本的となるベーステーマに必要なものはシンプルなテンプレ
制作依頼時のヒアリングシート ヒアリングシートの内容には、業種によって様々なものがあると思いますが、WEB制作に関して言えば、制作依頼のお話が来た時点や、検討されている段階で、お客様の考えをアウトプットすることに大きな目的があり、その内容をもとにサイトの方向性や目標等を定めていきます。 アウトプットする内容としては、大きく分けて以下のような項目になると思います。 ■ WEBサイト構築の背景・目的 ■ WEBサイトのタイプ(企業サイト、製品紹介サイト・ECサイト、etc...) ■ ターゲットとするエンドユーザーの層 ■ WEBサイトから期待する効果 ■ 同業種・競合他社の有無とその動向 ■ 予算と制作スケジュール ■ 保守・管理に関して WEBサイトを"意味のある・効果のある"ものへと作り上げていく上で、上記項目は欠かすことのできない情報となります。 これらを踏まえた上で、その他様々なヒア
概要 これは MySQL リファレンスマニュアルです。 MySQL 8.0 から 8.0.25、および NDB のバージョン 8.0 から 8.0.25-ndb-8.0.25 に基づく NDB Cluster リリースについてそれぞれ説明します。 まだリリースされていない MySQL バージョンの機能のドキュメントが含まれている場合があります。 リリースされたバージョンの詳細は、「MySQL 8.0 リリースノート」を参照してください。 MySQL 8.0 の機能. このマニュアルでは、MySQL 8.0 のエディションによっては含まれていない機能について説明します。このような機能は、ご自身にライセンス付与されている MySQL 8.0 のエディションに含まれていない場合があります。 MySQL 8.0 の使用しているエディションに含まれる機能に関する質問がある場合は、MySQL 8.0
Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su
30代からのwebデザイナーになることは可能か? 人生相談にこたえてみました。 2013.10.02 | 初心者向け | 相談 | 考える。 ども、WP−DPurpleことメガネことmgn大串です。 人生相談を続々と頂いております、今日はその中から一つにみんなで答えてみましたー。 WP-Dの執筆陣構成は、だいたいフリーと社員とが半々ぐらいです。でも新卒で一つの会社にはいったまま来ている人は少なめで、いろいろ渡り歩いて現在WEBの仕事をしているという人が多い印象です。それぞれ人生いろいろなところもかいま見られますよ。 なかなかの長文ですが、とてもよいコンテンツになったと思いますので。ぜひお読み下さい。そして自分はこうだよーといったご意見もおまちしておりますー。 寄せられた相談 題名: 30代からのwebデザイナー メッセージ本文: はじめましてこんにちは、 ◯◯◯◯と申します。よろしくお願い
WordPressのプロになるなら最低限知っておきたい10+1個の知識、挙げてみますね! 2013.06.12 | WordPress | 初心者向け WordPressのプロとしてやっていきたいなら知ってないと困っちゃう知識を、10個挙げてみました! これを知っていればプロになれるというわけでもないと思いますが、知らないとマズイ、自分が困る、あるいはお客さんが困る、というものだと思いますので、チェックしてみましょう! 色んな切り口あると思うんですが、今回は、html/css/jsだけを使ってサイトが作れるようになったデザイナーさんがぶつかることになる壁というか課題、という視点でやっていければと思いまーす! 今回はチェック&勉強のきっかけのためというコンセプトでやらせていただきますので、各知識については自分で勉強するなり、教えてもらえるところに行く(Webデザイナー・HTMLコーダーのスキ
WordPress関連書籍の中より、ユーザレベル別にオススメを紹介します! 2013.06.10 | 初心者向け | 玄人向け どもPurpleです。 週末はWordCamp KOBEですね。チケットは完売ということで、なかなかの競争率だったようですが、皆さんは取れましたでしょうか? さて、質問がいただきましたー WPはなかなか操作が難しいようです。 このサイトでWPの本の紹介をしていましたが、 どの本がいいのか、わかりません。 初心者でも、理解できるお勧めのWPの本はありますか? うむ、確かにWordPressの本が沢山出ていますね。 WordPressで検索した結果 Amazonのランキングでもこの通り WEB開発 word 相変わらず、なぜかMicrosoftのwordのランキングに多くのWordPress関連書籍が含まれていますが、それはさておきPurpleとWP-Dの面々がその中
あけましておめでとうございます。2014年! WP-Limeこと、星野邦敏です。 持ち回りで月に1回コンスタントにブログ記事を書いて、 1回目の記事は、2012年8月に、 案件の価格決めをどうしているのよ? 2回目の記事は、2012年9月に、 IT勉強会を自分で主催するメリット・デメリットと、それらを有料or無料で開く判断。 3回目の記事は、2012年10月に、 支払サイト&入金サイトについて考える。 4回目の記事は、2012年11月に、 Twitter Bootstrapを使って短時間でWordPressテーマを作る。 5回目の記事は、2012年12月に、 寡兵(少ない兵力)で負けない戦を展開する方法 まで書いて、 2013年は、なんとWP-Dでは1記事も書いていませんでした。 2013年、主に何をしていたかと言うと、生まれ育った地元の埼玉県さいたま市の大宮駅近くで、コワーキングスペース
Google AdSenseだけで家族を養ってきた僕が、今までやってきたブログ運営術をガチで解説するよ 2013.02.05 | 収益化 | 文章術 | 考える。 収益化担当なのに、最近、収益化に関する記事書いてないけどネタ切れなんじゃないのという視線を各所からひしひしと感じているゴールドです。ネタが無いわけではなくて、本腰を入れて書くととんでもなく長くなりそうなので今まではなるべく避けてたんですが、仕事が一段落付いたので一度まじめに書いてみようかなぁと。 あぁ、そうそう、タイトルは半分釣り要素が入っているので過度の期待をされても泣いちゃうので、はじめに謝っておきます。うわ、やめろ、空き缶投げんな(´д⊂)‥ハゥ –追記– 期待してこの記事を読んでくれている(検索エンジンから訪れてくれている)方向けに、2018年11月現在、最新のGoogle AdSenseで収益を上げるための情報を網羅し
将来定年まで今のまま行けるかなんて、別にどの業界でも起こり得ることですよ。 フィルムで儲けてたのにデジカメの時代になりフィルムが売れ無くなり、デジカメに賭けたらスマホの登場でコンデジが売れ無くなり、それでもいつのまにか化粧品を売ってかつての1.5倍の売上を出してる企業もあるんです。ほとんどどこのことだか丸わかりですが(笑) 重要なのは、転機となるときにきちんと経営資源を振り分け直せることですよ。企業なら経営資源だし、個人なら身の振り方、キャリアプランや技術の選択、になると思います。 インターネットの世界は変化が早いので、全く同じ技術でこの先戦えることは100%ないと思いますが、だからといってその技術が今の技術の延長線上にない可能性もまた低いと思います。 不安だと悩むことで、未来の収益が約束されるのならば、私も沢山悩むのですが、40年生きてきて悩むことで未来・将来が好転したことは1回もありま
Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。(あ、音声ブラウザを配慮したらという場合です) さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。 ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 jsファイルのご用意 何はともあれ、下記のjsファイルをご用意します。 function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { if(images[i].getAttribute("src")
画像のオンオフ切り替えといったようなマウスオーバーイベントで、簡単に実装できるものをいくつか紹介します。 CSS3やjQueryを使ってちょっと変わった動きを取り入れるサイトも見かけることも多くなりましたが、今回は普段も使用頻度が高いと思う定番のものに絞りました。 サンプルで使用する画像とDEMOについて 各マウスオーバーの動きを実装するにあたって上のような3タイプのボタン画像を用いており、各ボタンはそれぞれ以下のようになっています。 type A 単体のボタン画像 type B オンとオフを1枚の画像にした、スプライト型 type C オンとオフをそれぞれ別の画像にし、オフ時のものは_off、オン時のものは_onを拡張子前に入れています。 また、サンプルも用意したので実際の動きはこちらで確認して下さい。 CSS:マウスオーバー時に透過させる CSSのopacity(IEはfilter)の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く