IE8がサポート外になり、喜んでいる制作者の人も多いと思います。 正式版がリリース予定のjQuery 3もBootstrap 4もIE8はサポート外です。 古いバージョンのIEをサポート外にすると、CSSで使えるテクニックも広がります。これからどんどん使っていきたいCSSのテクニックを紹介します。
こんにちは、デザイン部所属の石橋です。 今はデザイナーをやりつつフロントエンドエンジニアをさせてもらってます。 そんな自分は2014年の5月にDMM.comラボへ来たんですが、入社時のスペックを以下に記します。 入社時のぼく HTML出来ます!(ただし<section>の使い方はぼんやり) CSS出来ます!(ただしスタイリングだけで設計は出来ない) jQuery出来ます!(ただし既存プラグイン実装に限る) おや…? 「(フロントエンドってなんだろう…)」 「(JavaScriptとjQueryって何が違うんだろう…)」 やばい。 当時はいわゆる「コーディングがちょっとだけ得意なWebデザイナー」でした。 シンデレラストーリー プロローグ 弊社では一部のデザイナーも結構ガリガリとコーディングをするのですが、 入社時にまわりの能力の高さにちょっと本気で「ヤベェ所に来てしまった…」感がありました
最新のGoogle検索結果表示ルールで悩んでいます ※3月13日追記:私が見ている環境ではほぼ改善されているようです。 最近、Googleの検索結果表示の変更に悩まされています。 先日「何という改悪!Google結果表示変更によるタイトルの特徴」でも触れた通り、Googleの検索結果の表示がいくつか変更されました。そしてさまざまな影響が出てきています。 変更点おさらい 1.タイトル文字サイズが一回り大きくなった 2.タイトル下カテゴリ文字サイズが一回り小さくなった 3.タイトルリンクの下線がなくなった 4.詳細文の行高さが縮まった 5.表示されるタイトル文字数が変わった これは6と同様 6.表示されるタイトルの分かち部分にルールが追加された 検索時にクリックする判断基準は? ユーザーが検索した時に、何を基準にクリックしているかアンケートを取ってみました。 568人:56.74%「タイトルで
先日、僕の恩師のウェブ制作会社で開催された勉強会で「レスポンシブWebデザインのワークフロー」についてお話させていただいたんですが、その際に「意思決定層との密なコミュニケーションをとり、スムーズに開発を進めていくために、苦労した点や工夫した点」について質問をいただきました。その回答をまとめたので、このブログでも共有したいと思います。今回まとめたものはレスポンシブWebデザインでの制作に特化した内容ではないですが、以下に挙げるようなWebディレクターとしての基礎知識やスキルが、レスポンシブWebデザインのような柔軟な対応を強いられる制作では大切になると感じています。 Question: 意思決定層との密なコミュニケーションをとり、スムーズに開発を進めていくために、苦労した点や工夫した点を教えてください。 Answer: どれもディレクターとして基本的な内容になりますが、僕は以下のようなことを
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes : HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり
実用的なものから実験的なものまで、最近リリースされたものを中心にスタイルシートのテクニックを紹介します。
3D Text Use multiple text-shadows to create 3D text on any HTML element. No extra HTML, no extra headaches, just awesomesauce. Works in the latest builds of Safari, Chrome, Firefox, and Opera. h1 { text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px
CSSによるフォントサイズの指定は「font-size」属性を使って簡単に設定することができますが、ピクセル指定などの絶対的サイズで統一する方法にくらべて非常にやっかいなのが、相対的なサイズによるサイズの統一です。 ブラウザによって異なる、フォントサイズの境界 例えば「font-size:70%」というふうに指定して、Internet Explorer 6とFirefox2.0で見てみたページが以下のようなものです。 ※ページはxmlタグつきのXHTML1.0 Strictで作成、つまりInternet Explorer6は下位互換モードで表示されていますが、標準モードでも同じサイズで表示されます。 あきらかにFirefoxで表示されたページのフォントサイズが小さくなっていることがわかります。 このように、フォントをパーセント指定した場合は、その数値によってフォントサイズを規定する境界に微
Photoshopの秋 時短の秋 ひぶたポケモンが進化しておおひぶたポケモンて。セキネです。 みなさんショートカットは好きですか?ぼくはどっちかというと好きです。 そこで、今回は王道ショートカットではなく、知っておくと実は使える/知っていても使うまでいかない/ボタン押した方が早いじゃないかというようなちょっとB級臭のするショートカットや小ネタを紹介します。ちなみにB級かそうでないかは独断と偏見で選んでます。そのへんよろしくお願いします。 目指せ、カンバス以外非表示系男子。 ※Macキーボードでの記載となります。Windowsの方はCommand→Ctrl/option→altへと脳内変換をお願いします。 ※OSやバージョン違いによって差異があるかもしれません。 ツール まずは意外と使いこなせていない人が多いツール切り替えショートカット。 ツールパレットまで移動する時間を省ければ全体で大きな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く