コーディングするのが楽になるかも？と思うCSSテクニックのまとめ | CSS Lecture

2009/11/15 1307 users CSS Lecture CSSテクニック コーディング 横幅

Category ： CSS リファレンス 今まで使ってコーディングが楽になったと思われるCSSテクニック（一部CSSではない部分もありますが...）などをまとめておきたいと思います。 コーダーの方は知っている事が殆どだと思いますが、知らない人は直ぐにでも使える簡単な事も多いので是非使ってみて下さい。 画像の下に回り込みをしない この方法だとソースもシンプルで済みますし、画像の横幅や高さが変わって... 続きを読む

「最強最速アルゴリズマー養成講座」最新記事一覧 - ITmedia Keywords

2009/10/09 1058 users 最強最速アルゴリズマー養成講座 TopCoder 思考 実行

最強最速アルゴリズマー養成講座： オーダーを極める思考法 プログラムの実行に掛かる時間を把握しておくのは、プログラミングを行う上で基本的な注意点です。今回は、計算量のオーダーについて学びながら、TopCoderのMedium問題を考えてみましょう。（2009/8/22） 最強最速アルゴリズマー養成講座： あなたの論理的思考とコーディング力は3倍高められる 全世界で20万人を超える凄腕のコーダーが集... 続きを読む

未経験から7日間でコーダーとして現場投入させるまでのカリキュラムを忘れないようにメモっとく - Qiita

2019/03/24 949 users Qiita カリギュラ カリキュラム 未経験 現場

エンジニア不足と言われて久しいですが、できる経験者を採用するのはますます難しくなっていますね。 そんななか、弊社ではひょんな縁からエンジニア未経験の新人をエンジニアとして採用することになりました。未経験とはいえ、弱小企業の弊社には悠長に育てている余裕がないため、7日間で現場投入を目指してカリキュラ... 続きを読む

コピペでそのまま使える！デザインtableのcss＆HTMLソース5つ | 株式会社LIG

2014/05/02 794 users コピペ 株式会社LIG The post 普段 デザイナーさん

地味な離島ライター内藤です。普段はコーダーとして仕事をしていますが、たまにはデザイナーさんのように人の目に触れ [...]The post コピペでそのまま使える！デザインtableのcss＆HTMLソース5つ appeared first on 株式会社LIG. 続きを読む

年末年始にWebデザインを学び直すための3つのステップ :: Stocker.jp / diary

2010/12/29 780 users Stocker.jp diary ステップ コーディング 低下

この記事は、以下のような方を対象にしています。 現在Webデザインを仕事にしていて、さらにデザイン力をつけたい方 今はSEやコーダーなどデザイン以外の仕事をしていて、来年はデザインも手がけたい方 私は元々Webデザイナーなのですが、2010年は携帯サイトのコーディングばかりしていてデザインスキルの低下が心配になってきたので、年末年始は実家に帰らずデザインを学び直すぞ！と決意しました。 そこで自己流... 続きを読む

DESIGN ARCHIVE - BLOG: 作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。

2012/06/15 717 users DESIGN ARCHIVE Blog デザイナー 全力 海外

2012年6月16日土曜日 作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。 ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCT... 続きを読む

携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α

2009/11/30 683 users XHTML ディレクター HTML 考L 再現

前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これか... 続きを読む

コーダーに喜ばれるデザインの作りかた | Webamb | ウェブアンブ

2013/06/24 591 users Webamb coding カンフ ウェブアンブ デザ

Web amb I'm writing about Web Design, Coding, WordPress, CSS Preproccer, Developer Tool, and more... コーダーに喜ばれるデザインの作りかた 僕は普段実装をやっていて、カンプが届いて「これをコーディングしてください！」っていうお仕事がほとんどなのですが、カンプによってはコーディングしやすいものからデザ... 続きを読む

コーダーの仕事が楽になる！レスポンシブ対応のさまざまなHTMLテンプレートが驚くほど簡単に作成できる -Aperitif | コリス

2017/09/03 574 users コリス メールアドレ HTMLテンプレート レスポンシブ対応

ランディングページをはじめ、企業サイトやポートフォリオやブログのページまで、レスポンシブ対応のHTMLテンプレートが驚くほど簡単に作成できてしまう無料オンラインサービスを紹介します。 HTMLのテンプレートとして、すぐに利用できるプロトタイプとして、HTMLの知識はほとんどいらずにほんの数クリックで自分用のHTMLファイルが作成できます。 Aperitif 使い方は、簡単です。 登録やメールアドレ... 続きを読む

【2018年版】フロントエンドエンジニアがよく使うWebサービス・アプリまとめ - たこさんちゃんねる(別枠)

2018/11/06 531 users 別枠 エディ 目次 フロントエンドエンジニア 日頃

個人的に2018年はこうだったなぁっていうまとめです。一応業務で日頃使っているサービスやアプリを紹介していきます。フロントエンドエンジニアというか制作会社なのでどちらかというとコーダーとかに近いかもしれません。あなたの役に立つかどうかも知れません。 ■ 目次 基本ベース ソフト・アプリケーション系 エディ... 続きを読む

Webデザイナーやコーダーの方でも知っておきたいPHPの便利な使い方 | Stocker.jp / diary

2013/08/20 512 users Stocker.jp diary PHP Webデザイナー

<?php // 現在時刻を 2013-01-01 00:00:00 形式で取得 $current_time = date("Y-m-d H:i:s"); // 現在時刻が、キャンペーン終了より前であれば if ($current_time < "2013-09-01 00:00:00") { echo "<p>キャンペーン実施中！</p>"; // 現在時刻が、キャンペーン終了後であれば } e... 続きを読む

ケータイサイト制作前にコーダーが確認しておきたいところ │ これからゆっくり考L +α

2010/07/07 472 users XHTML table 考L モバイルサイト HTML

モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。 こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。 個人的に「ここだけは外せない！」という項目は以下の6つ ・xhtml？html？ ・文字コードは？ ・tableは使ってOK？ ・絵文字... 続きを読む

エンジニアでも知っておきたいデザインの基礎知識 - Qiita

2019/10/05 405 users Qiita ワイヤーフレーム コーディング English

→ English 対象読者 ワイヤーフレームだけが渡されてコーディングしなければいいけないようなケースで役立つ知識を紹介します。 以下のような環境にいるエンジニアは読む必要はないと思います。 毎回デザイナーからデザインデータが用意されて、それを忠実に再現すればよい そもそもコーディングはコーダーがやってくれ... 続きを読む

イラレでWebデザインをされる方にお願いしたい7つのこと。 | とあるコーダーの備忘録

2013/02/22 394 users イラレ 備忘録 iLL デザインカンプ Illustrator

とあるコーダーの備忘録 日々のマークアップ＆CSSコーディング業務の中で蓄積されていくちょっとしたノウハウとかバグ情報とかいろいろ備忘録的に記録していきます。 メニュー コンテンツへ移動 ホームセミナーのご案内書籍のご案内 普段はDTPをメインにやっていて、たまにWebのデザインもするというデザイナーさんは、 IllustratorでWeb用のデザインカンプを作ることが多いと思います。 別にIll... 続きを読む

IE6がコーダーに嫌われていたなんて知らなかった | スタッフブログ | マイネ王

2017/11/21 373 users Opera Edge Firefox マイネ王 Windows

インターネットを閲覧するときに使うソフト「ブラウザ」。Windowsに最初からついているInternet Explorer（IE）やEdgeを使う方が多いのではないでしょうか。 しかし、ブラウザにはOperaやFirefox、Google Chromeなどさまざまな種類があります。特にWeb制作者の方にとっては、Internet Explorer 6（IE6）が思い出深い存在だったようで……。 こ... 続きを読む

HTMLとCSSしか書かなかったコーダーは今なにしてる？ - Hato-Style

2009/09/13 372 users iPhone CSS 悶々 HTML IT戦記

2009年09月13日 （日） Web雑談 風邪ひいた。頭が痛くて熱が下がらない...しかし悶々として眠れない。いろいろと他にの人に迷惑かけちゃったり、マジごめんなさい。ちょっと寝付けなくなっちゃったので、横になりながら頭の中で思ってたことをiPhoneでメモ書き。 マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開） - IT戦記 HTMLは道具 3ping.... 続きを読む

Webサイト高速化に大きく関係するHTTPとは （1/4）：CodeZine

2013/03/29 347 users CodeZine 野中 http 手法 クラスメソッド株式会社

本連載ではWeb担当者やWebデザイナー、コーダーの方々に向けて、Webサイト高速化に関する手法や技術について解説していきます。第2回は、Webサイトの高速化に欠かせない前提知識として「HTTP」の概要を解説します。 はじめに　こんにちは、クラスメソッド株式会社でWebを担当している野中です。これから身につけるWebサイト高速化テクニック第2回目です。　第1回の「Webサイト高速化対策の現状」は読... 続きを読む

携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法 - ma-san.org - 仙台でWeb制作をするWebデザイナー

2009/10/10 344 users PHP HTML 仙台 Webデザイナー Web制作

携帯サイトを構築するとき、キャリア毎の分岐などがHTMLだと非常に面倒くさいので僕の場合はPHPで構築します（というかPCサイトでもPHPで構築してますが、それはまた、別の、話）。 各キャリアで使用できるタグや、セレクタにも差があり、特にDocomoなんかは拡張子をxhtmlにするとCSSが上手く適用される（解釈の違いはあると思いますが...）とか、CHTMLの独自の仕様があったりとコーダー泣かせ... 続きを読む

プログラマのクラスチェンジ表 : 2chコピペ保存道場

2012/10/11 327 users プログラマ sage 呼称 2chコピペ保存道場 RPG

プログラマのクラスチェンジ表 822 名前：卵の名無しさん[sage] 投稿日：2012/10/10(水) 17:07:08.36 ID:DY0n0Rsp0 プログラマのクラスチェンジ表 いろんな種類が存在するプログラマの呼称を利用して、RPGゲーム的なクラスチェンジ表を作ってみようと思った。 とりあえず説明文だけ。現実よりもイメージを優先させてしまったので、正確さには欠ける気がする。 ・コーダー... 続きを読む

あまり知られていないけれど、HTML5では正規表現が使えるようになる － Publickey

2009/09/29 326 users Publickey sed awk UNIX デザイナ

2009年9月29日 タグ ： HTML5 正規表現といえば、主にsedやawkといったUNIXのコマンドで、あるいはPerlやPHP、JavaScriptなどのスクリプト言語の中などで、プログラマーが文字列を操作するために使う道具でした。 その正規表現がHTML5でサポートされる見通しです。いままで正規表現を使わずに済んでいたデザイナやコーダーといった職種の方々も、いずれ仕事としてきちんと正規表... 続きを読む

デザイナー、コーダーのための Docker 入門（3）Figでコンテナを管理する｜【ings】東京・神田神保町発 WEB制作＆マーケティング通信

2015/04/07 323 users fig MovableType Docker ings サーバ

トップ　>　 MovableType, WEB制作, サーバ　>　 デザイナー、コーダーのための Docker 入門（3）Figでコンテナを管理する はじめに こんにちは、技術グループの marunaga です。前回の記事では Dockerfile を使ったオリジナルのコンテナの作成から、複数の Docker コンテナを連携させてウェブサービスを動かすところまでの流れをご紹介しました。 実際に手を... 続きを読む

Webサイトを“速く”表示させる7つの計測ポイント（1/2） - ＠IT

2009/03/24 317 users Webサイト YSlow ライブドアブログ デザイナ 7つ

株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/3/24 FirefoxやYSlowを使ってWebサイトの問題点を探るには？ ライブドアブログを速くした著者が7つのポイントを伝授します（編集部） Webサイトは“見た目”が重要なのは当たり前だが…… 皆さんはWebサイトを作るときに、どのようなことを意識していますか？ デザイナや主にHTMLのコーダー／マークアップエンジニアと呼ば... 続きを読む

Vagrantをはじめてみたい方へ「Vagrant入門ガイド」を書きました - Shin x blog

2013/09/12 299 users Kindle Vagrant エンジニア サーバ構築 動作検証

「Vagrant入門ガイド」という電子書籍を技術評論社さんから出版しました。Kindle ストア と Gihyo Digital Publishing にて購入できます。 Vagrantは、まだエンジニアが中心に触っている状況ですが、いずれはWebデザイナーやコーダーの方など、サーバ構築を自分ではやらない人にも、制作するWebサイト、システムの動作検証を行う環境として利用する場面が増えていくと思い... 続きを読む

必要なのはJavaScriptの基本的な知識だけ　3Dアニメーション制作をお手軽にする「Three.js」の魅力

2023/03/04 284 users three.js JavaScript 知識 魅力 ナレッジ

エンジニア同士の情報共有を目的としたコミュニティ「ふわふわエンジニアタイム」が主催する「Markup Meetup」。3回目の今回は、フロントエンドエンジニア、マークアップエンジニア、コーダー、デザイナーの垣根なく、HTML / CSS / JavaScript に関わるナレッジを共有する場として開催されました。ここで登壇したのは、... 続きを読む

Web制作（コーダー）の実務で個人的に使っている技術やツールと今後使いたいもの - WEBCRE8.jp

2015/01/06 279 users コマンドラインツール npm Development 実務

コマンドラインツール ターミナルからnpmでファイルをさくっとダウンロードしたり、ちょっとした繰り返し作業も一発で実行してくれるツールが色々あって、やっと苦手意識も減ってきました。 まだ全然使いこなせてはいないんですが、前に比べて意味が分からず門前払いを食らっていた便利なツールがちょっとづつ使えるようになってきました。 気になったのでこもりさん（@chiper）が販売しているDevelopment... 続きを読む